Beeld dat in kleur komt waar je kijkt
De nieuwe site van onze mediastudio Dxsign zet beeld om in neon-groene stippen, die in kleur overgaan waar je kijkt. Het eerste beeld staat er ruim twee keer zo snel.
- Gelanceerd
- Soort
- Website
- Voor
- Eigen werk
Wat het opleverde
Tot het eerste beeld
van 708 msnaar 280 ms
Mediaan van vijf metingen op 31 oktober 2026, desktop, lege cache, vanaf onze eigen server in Nederland. De uitslag per meting schommelt.
Wat we maakten
Het idee
DX is de code op een fotorolletje: een dambord van zwarte en blanke vakjes dat de camera vertelt welke film erin zit. Dat sluit aan op de naam Dxsign, en daar komt het beeld op de site vandaan. Beeld komt binnen als zo’n 1-bits code in neon-groene stippen, en ontwikkelt zich tot kleur op de plek waar je kijkt.
Waarom dit geen filter is
Dithering was de wens, maar een effect alleen is geen idee. Hier betekent het iets: kijken is het vak van een mediastudio, dus het beeld reageert op kijken. De ideeën worden getoond met losse objecten op zwart, en foto’s van mensen blijven in kleur.
Sneller, maar ook zwaarder
Een mediastudio moet opvallen, maar een site vol effecten wordt al snel traag. Daarom staat de tekst er meteen en komt het beeld er als laag overheen.
Het kost wel iets: de pagina werd zwaarder, van 445 naar 797 KB. Dat is de prijs van het beeld en de animatie. Het eerste beeld staat er wel sneller.
Waar het op draait
- OGL
- Tekent het beeld met één WebGL-canvas op de videokaart, in plaats van een zware bibliotheek.
- Bayer-dithering
- Zet beeld live om in stippen, en laat het oplossen naar kleur.
- Astro
- Levert de tekst als gewone HTML, dus die staat er meteen, ook vóór het canvas start.
- Bunny Edge Scripting en Brevo
- Verwerken het contactformulier zonder eigen server.
Waar we hier sterk in zijn
- Een effect dat iets betekent. Kijken is het vak van een mediastudio, dus het beeld reageert op kijken.
- Zware techniek die de tekst niet ophoudt.
Zoiets voor jullie?
Vertel ons wat er elke week terugkomt, of wat er beter moet aan je site. Dan zeggen we eerlijk of we er iets aan kunnen doen.