Smeulders. 01 / 05
Scroll
Effect 01 · de knoop

2.800 punten,
geen enkele library.

Wat je ziet is een wiskundige knoop. Elk punt gaat met de hand door een draaimatrix en wordt daarna op het platte scherm geprojecteerd. Geen Three.js, geen WebGL. Enkel canvas en rekenwerk.

2.800
punten
11 KB
code
2 dagen
werk
0
libraries

Voor een IT- of designbedrijf is dit het verschil tussen zeggen dat je het kan en het gewoon laten zien. Een bezoeker leest je diensten misschien niet. Dit ziet hij wel.

Effect 02 · het sterrenveld

1.550 lichtjes die
niet in de maat knipperen.

Elk deeltje heeft een eigen fonkelsnelheid en een eigen startmoment. Pulseren ze samen, dan ziet je oog binnen een seconde dat het nep is. Dit detail kost een halve dag en niemand merkt het bewust op. Precies daarom werkt het.

1.550
deeltjes
1.550
eigen ritmes
½ dag
werk

Het verschil tussen een sjabloon en maatwerk zit zelden in wat mensen zien. Het zit in wat ze voelen zonder het te kunnen benoemen.

Effect 03 · de vormverandering

Van knoop naar spiraal
in 820 milliseconden.

Elk punt vertrekt op een eigen moment en bolt onderweg naar buiten voor het op zijn plaats valt. Zonder die spreiding komt de hele wolk als één blok aan, en dan voelt het als een diawissel in plaats van een beweging.

820 ms
overgang
30 %
spreiding
1 dag
werk + afstemmen

Dit is het duurste soort werk: je ziet het niet, je merkt alleen wanneer het ontbreekt. Precies daarom onderscheidt het je van wie het snel-snel doet.

Effect 04 · wat er misgaat

Vier fouten die niemand ziet.
Tot ze er zijn.

  • Camera te dichtbij. Staat de lens dichter dan het object groot is, dan klappen punten om en vliegen ze over het scherm.
  • Te weinig punten. Onder de tweeduizend leest het als ruis in plaats van als vorm.
  • Een overgang op een kleurvariabele. De kleur blijft dan op de oude waarde hangen, in elke browser.
  • Meten tijdens een beweging. De gemeten breedte telt de verschuiving mee, en dan staat het beeld scheef.

Elk van deze vier is in dit werk echt gebeurd en opgelost. Dat is waar de twee dagen naartoe gaan. Niet naar het idee, wel naar het kloppend krijgen.

Effect 05 · wat het kost

27 KB. Geen library.
Draait op elke telefoon.

OnderdeelGewichtWerk
Object en projectie11 KB2 d
Sterrenveld4 KB½ d
Vormverandering3 KB1 d
Navigatie6 KB1½ d
Mobiel3 KB1 d
Samen27 KB6 dagen

Ter vergelijking: één foto weegt vaak meer dan dit hele effect.