A real object
Thirty-two modeled fragments have exterior surfaces and solid fracture interiors, so they hold together visually as they separate.
One object. Thirty-two pieces. A story about opening up what is possible.
Use the slider or select a state to explore the construction.
Self-initiated studio experiment
Art direction, 3D, design & development
Blender, Three.js & GSAP
The challenge was to make the studio’s point of view something a visitor could experience.
The core begins as a single, reflective form. As the visitor moves through the story, it opens into a collection of solid pieces. The scene reveals a structure rather than simply adding movement to a background.
Its fractures are modeled in Blender. The browser handles the materials, lighting, particles and animation in real time. The text remains regular page content so the story is still available outside the canvas.
Thirty-two modeled fragments have exterior surfaces and solid fracture interiors, so they hold together visually as they separate.
Pointer movement influences the particles. Scroll position controls the reveal, keeping the visitor connected to what happens.
Pause controls, reduced-motion support and a smaller mobile particle budget offer a calmer way to explore.
Tell us what you’re building and who it’s for. We’ll talk through what you need and where to start.
Tell us what you’re imagining