Case study 02 / 07
MONSTER ENERGY
A concept can-launch page driven by scroll and WebGL, built with Three.js.
- Client
- Beverage
- Type
- 3D showcase
- Launch
- June 2026
- Role
- Concept, WebGL
- Built with
- WebGL, Three.js, Motion
The brief
A self-initiated concept: what would a drink launch feel like if the can carried the whole page? The scroll is the camera.
What we built
- A real-time 3D can, lit and turned in WebGL as you scroll
- Scroll choreography that hands the can from scene to scene
- Motion type and colour that keep up with the product
An unofficial concept piece. Not affiliated with or endorsed by Monster Energy.