Zo is Blok & Greep gebouwd

Een boulderhal waarvan de site één wand van twaalf meter is. Scrollen is klimmen: de camera stijgt langs de wand en de content hangt op hoogte, naast de route waar hij over gaat.

De wand

• De wand is een hoge BoxGeometry met paneelnaden als dunne balkjes en vier piramide-volumes, zoals in echte hallen.
• De grepen: low-poly icosahedra als InstancedMesh, per stuk willekeurig geroteerd, geschaald en afgeplat. Drie routes (roze 5B, blauw 6B+, geel 7A) volgen elk een sinusvormig pad omhoog; 46 gedimde grepen vullen de rest van de wand.
• Chalk: zeventig platte witte vlekken met lage dekking, ook instanced. Goedkoper kan textuur niet.
• De camera stijgt op scroll van 0 naar 12 meter en zwaait licht mee met de muis. De route op jouw hoogte gloeit zachtjes via emissiveIntensity.
• De hoogtemeter in de header rekent de scroll om naar meters.

Het ontwerp

• Palet: daglicht-beton #C6C4BF met precies drie hold-kleuren: roze #FF4F98, blauw #2E7CF6, geel #FFC81E. De kleuren komen uit de routes, nergens anders vandaan.
• Type: Allerta Stencil als spuitsjabloon op de wand, Rubik voor leestekst. Route-chips staan een graad gekanteld, als tape.
• Bij prefers-reduced-motion vervalt de camera-sway; het klimmen blijft, want dat is de scroll van de gebruiker zelf.

Credit

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