Esfera Cromada: an object that transforms as you scroll
Three.jsGLSLGSAPLenis
2026

A single object at the center of the screen that, as you scroll, changes nature — from liquid chrome to wireframe, to a particle cloud, to glass — and shape, from near-sphere to organic blob. All driven by scroll, sharing the same deformation.
What it explores
- Mesh deformation via simplex noise in the vertex shader, with the normal recomputed so the reflection follows the surface.
- State transition (chrome → lines → dots → glass) via a scroll-driven cross-fade.
- Graphite reflection built from a dark environment assembled by hand; bloom only on the highlights.
- Buttery scroll with Lenis, post-processing (bloom) and glass refraction over the text.
States
Chrome graphite reflection and subtle liquid deformation
Lines wireframe of the organic blob
Particles the structure explodes and reassembles
Glass refracts the text behind it