STUDIO // Our own site // Real-time 3D

3D Websites

Client: oathDevs · the site you are reading

WebGPUThree.js + TSLWebGL 2 FallbackPoster Tier60fps Budget
The hero: a real-time 3D sheet you grab and turn, not a video

01 / 04The hero: a real-time 3D sheet you grab and turn, not a video

What we built

This site. Every 3D surface on it is drawn live in your browser on WebGPU, with a WebGL 2 fallback under that and a static poster tier under that again. Nothing is a video and nothing is pre-rendered.

A hero you can grab and turn. A buried cable that tears open where you touch it and lifts a readout out of each break, with a different stretch behind every category. A terminal reporting the three pillars onto curved glass. And a gate that offers the same site twice — as a console, or as a film you scrub with the scroll.

Four independent real-time stages on one page, each of which has to hold its frame budget on a mid-range phone or hand over to its poster without the visitor ever learning that it did.

What the client got

The shortest possible answer to “can you actually build that”: the page the question is being asked on. No showreel, no case study about someone else’s site — the thing itself, running on your own machine, at your own connection speed.

And the part that makes real-time 3D a business decision rather than a risk: it degrades on purpose. Every stage falls back, so the site still works on a locked-down office laptop, an old Android, a machine with WebGPU disabled, and with JavaScript off entirely. The 3D is the best case, never the requirement.

See it live

Drag the hero at the top of this site, then tap the pipe on the home page and pull it sideways. If you want the same for a property, a product or a configurator, we will scope it on a 20-minute call.