Service · 3D & WebGL
3D and WebGL websites that stay fast
Overview
3D is worth its weight when it shows how something works, fits or feels. We use it for that, and leave it out when a photograph does the job.
Every scene ships with a performance budget, a lighter version for phones and a still image for visitors who prefer reduced motion.
Book a callWhat is included
- 01Real-time scenes in three.js and WebGL
- 02Product renders and looping films
- 03Configurators and interactive product views
- 04Generative graphics drawn in code
- 05Performance budget, mobile version and static fallback
How it runs
- 01
Decide
What the scene has to explain, and whether real time is needed or a rendered film is enough.
- 02
Model and light
Look development in stills first, so the direction is approved before any code.
- 03
Build and tune
The scene goes into the page and is measured on mid-range phones, not only on our machines.
3D & WebGL in our work
Questions
Will 3D slow the site down?
It does if nobody sets a limit. We agree a budget for load time and frame rate at the start and test against it on real devices.
What happens on phones?
Phones get a lighter scene or a looping film of the same shot. The page reads the same either way.
Can you work from our CAD or product files?
Yes. We clean and retopologise them for the web, or model from photographs if there are no files.