03WebGL Experience2024

Monolith

Client / Onyx LabsConcept · WebGL · Engineering
Monolith — Onyx 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
ConceptReal-time WebGL3D ModellingFront-end EngineeringOptimisation

Timeline

0 weeks

Performance

0fps · 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 & DirectionRASTER
WebGL EngineeringM. Halvorsen
3D ArtS. Devereux
Tech DirectionP. Albright

Next Project — 04

Drift