01
CAD
The real model.
The client's own product files — the STEP, the FBX, the configurator's GLB — not a re-modelled likeness. What the buyer sees is the geometry the factory builds from.
SOURCE · CLIENT-OWNED
THE SECOND PRACTICE — LIVE INTERACTIVE 3D
Not a video.
The product, live.
DH Studios builds live interactive 3D in the browser — product configurators, simulators, real-time renders — on the same CAD the product is built from. Type on the board below, then orbit the rack.
DEMO 01 — VESTABOARD · SPLIT-FLAP BOARD
Type it. Watch it flip.
A Vestaboard Note, live in your browser: every character steps forward through the real 64-position drum, one flap at a time, on the board's own geometry. Built on the same drum code as the true-3D product studio DH built for Vestaboard.
LIVE DEMO · STATIC PREVIEW
3 × 15 · 64-POSITION DRUM · FORWARD ONLY
DEMO 02 — SORINEX · RACK VIEWER
Real steel. Orbit it.
Three Sorinex Base Camp racks from the real CAD, rendering under the lights right now. Drag to orbit, switch the model. This is the geometry a configurator is built on, not a render of it.
LIVE RENDER · STATIC PREVIEW
KEY 3200K · FILL 5600K · RIM STADIUM GOLD
MODEL — BASE CAMP SERIES
Each rack is the client's own CAD export, decimated and Draco-compressed for the web — a file that was hundreds of megabytes becomes one the browser decodes in a blink.
The rack renders live on desktop; on a phone, tap to run it.
HOW IT'S BUILT — CAD → GLB → BROWSER
Live, from the source files.
02
GLB
Made for the browser.
Decimated to what a screen can resolve, materials normalised, Draco-compressed. Hundreds of megabytes of CAD become a file under two megabytes that decodes in a blink.
PIPELINE · DRACO · LAZY-LOADED
03
BROWSER
Live, no video.
React Three Fiber renders it live, lit like a product shot, driven by what the visitor types, drags, or chooses. Nothing is pre-rendered; there is no file to play.
RUNTIME · WEBGL · THREE.JS / R3F
THE PROCESS — DISCOVERY → PILOT → EXPAND
One director, concept to running system.
01
DISCOVERY
Two weeks with your CAD, your product line, and the decision the 3D has to help a buyer make — configure, compare, or simply believe.
Output: a one-page pilot brief. The model set, the interactions, where it embeds.
02
PILOT
One product, live in the browser, on your site: a configurator, a simulator, or a real-time render, built on the real geometry and lit like the photography.
Output: a running build, a link you can send, and a number you can check against the old renders.
03
EXPAND
The next product, the next interaction — colorways, accessories, exports, a hand-off to the people who take the order. Nothing gets rebuilt; it gets extended.
Output: a roadmap in the order the buyer feels the difference.