All studies57 / 74
WebGL
Sphere gallery
You stand inside a sphere of case studies and services; drag to look around, and a clicked frame peels off the globe, flattens and flies forward.
Where it earns its place
A work index or launch page for a studio or product with many surfaces, where browsing should feel spatial but every frame still opens to real detail.
What we changed
- Kept the core move: each tile knows its sphere shape and its flat shape, and one focus value morphs between them, so the frame visibly peels off the globe.
- Moved the sphere maths from the vertex shader to build time and kept the curved shape as the real geometry, so the pointer hits exactly what is drawn.
- Cut the full-screen lens-blur pass, the noise dissolve and the peek tiles; the vignette is CSS and unfocused frames simply dim, which halves the GPU work.
- Filled it with painted Kinetiq case studies and services, added a detail panel with previous and next, keyboard look-around, Escape scoped to the stage, and instant moves under reduced motion.