03WebGL Experience

Monolith

An interactive object you scroll inside of.

Monolith — WebGL Experience
Overview

Onyx Labs asked for a product page. We gave them a place. Monolith is a full-screen WebGL experience where the product is a single, impossibly-detailed object the visitor scrolls *into* — chapters unfolding as the camera travels through it.

We modelled, lit and optimised the whole scene to hold 60fps on a laptop. Raymarched detailing, baked lighting, and a scroll system that feels like weight, not wheel.

Client
Onyx Labs
Year
2024
Role
Concept · WebGL · Engineering
Services
Concept
Real-time WebGL
3D Modelling
Front-end Engineering
Optimisation

Timeline

10 weeks

Performance

60fps · DPR-capped

Discipline

WebGL Experience

An interactive object you scroll inside of.

Camera travels into the object.
01Camera travels into the object.
Raymarched detailing.
02Raymarched detailing.
Baked lighting pass.
03Baked lighting pass.
Chapter reveal.
04Chapter reveal.
Credits
Concept & DirectionAURUM
WebGL EngineeringM. Halvorsen
3D ArtS. Devereux
Tech DirectionP. Albright