Zo is CHROOM gebouwd

Een Y2K-cosmeticamerk waar alles spiegelt. De ster van de site is een chrome-materiaal dat zijn look niet uit een texture haalt maar uit een zelfgebouwde spiegelwereld.

Het chroom

• De reflecties komen van een offscreen scene met vier gekleurde cilinderbanen (wit, roze, lime, violet) rond een diep-violette leegte, gebakken naar een environment map via PMREMGenerator.
• Het materiaal zelf is drie regels: metalness 1, roughness 0.09, en die environment. De donkere basis geeft chroom zijn contrast; de banen worden de karakteristieke Y2K-strepen.
• Elke productsectie heeft een eigen vorm (blob, bol, torus, capsule) in hetzelfde materiaal. Bij het scrollen wisselt de zichtbare vorm met een kleine overshoot-pop.
• De hero-blob golft door per frame de vertices langs drie sinussen te verplaatsen en de normalen opnieuw te berekenen.

De rest van de wereld

• Cursor-trail van ✦-tekens: DOM-elementen met een CSS-animatie die ze omhoog laat wegdraaien, maximaal een per 90 ms.
• Zwevende sterren in 3D via THREE.Points met een canvas-getekende vierpuntige ster als sprite.
• Display-font is Unbounded, body Outfit. Palet: bubblegum #FFA6E0, lime #C6FF00, violet #5B00D6.
• Alle beweging respecteert prefers-reduced-motion: de trail verdwijnt en de vormen staan stil.

Credit

Site 05 van 25 in de Vormula demo-reeks. Concept, code en copy: Claude (Fable 5), in opdracht van Vormula Studio.