Skip to content
The Extraordinary Lab: A WebGL Tour of the Audemars Piguet RD Series

The Extraordinary Lab: A WebGL Tour of the Audemars Piguet RD Series

Immersive Garden's scrollable look at Audemars Piguet's five RD prototypes: flying tourbillons at their actual thickness, sapphire catching light it shouldn't, and a camera with the taste to stand still. Nuxt on the shell, Blender on the geometry, WebGL tying the room together.

Details

Published

What it is

Most sponsored URLs on magazine sites are an ad in a trench coat, shuffling past the edit team in the hopes no one notices. The Extraordinary Lab tucked inside gq.com with Audemars Piguet's name on it, is not shuffling. It's a deliberate, scrollable interrogation of AP's RD series: the five prototype watches the brand spent years convincing itself were actually buildable. Gears float in without a frame. Someone on the team clearly knew how thin a flying tourbillon really is and refused to round up.

Immersive Garden built it. They are one of Awwwards' Agency of the Year, and they tend to treat client briefs as an excuse to try something unreasonable. Here the stack is Nuxt.js on the shell, Blender handling the geometry, and WebGL tying the room together. Scene transitions hold still long enough to actually read the watchmaking, the camera never gets greedy with its own rig, and the scroll behaves more like a thumb on a jeweler's loupe than a roller coaster. That takes taste, not horsepower.

Worth a click, worth a DevTools window. Crack open the Network tab and watch the geometry stream in. Toggle prefers-reduced-motion and see what concessions were made. Inspect the canvas.

How it’s made

Technology
WebGL
Framework & Tool
Three.jsNuxt.jsBlender