RECTO® — IndexEst. MMXIV

An editorial studio for brands with something to say.

Loading0%
03WebGL ExperienceOnyx Labs2024

Monolith

Monolith — Onyx Labs

An interactive object you scroll inside of.

Role
Concept · WebGL · Engineering
Client
Onyx Labs
Year
2024

/ 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.

Services

  • 01Concept
  • 02Real-time WebGL
  • 033D Modelling
  • 04Front-end Engineering
  • 05Optimisation

Timeline

10 weeks

Performance

60fps · DPR-capped

Discipline

WebGL Experience

Camera travels into the object.
fig. 01Camera travels into the object.
Raymarched detailing.
fig. 02Raymarched detailing.
Baked lighting pass.
fig. 03Baked lighting pass.
Chapter reveal.
fig. 04Chapter reveal.

/ Credits

Concept & DirectionRECTO Studio
WebGL EngineeringM. Halvorsen
3D ArtS. Devereux
Tech DirectionP. Albright
Next in the index04Interactive Reel
Drift — Kessler

Drift