BackSLAB
Project / 03WebGL Experience2024

Monolith

An interactive object you scroll inside of.

Monolith — Onyx LabsOnyx Labs

/ 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.
Camera travels into the object.
Raymarched detailing.
Raymarched detailing.
Baked lighting pass.
Baked lighting pass.
Chapter reveal.
Chapter reveal.

/ Credits

Concept & DirectionSLAB
WebGL EngineeringM. Halvorsen
3D ArtS. Devereux
Tech DirectionP. Albright
Next project04

Drift

Drift — Interactive Reel