Sample work · Games & Interactive
Interactive 3D product view with color configurator
A product in 3D directly on the website: rotate and zoom with the mouse or finger, choose color, tap hotspots. Built with Three.js and WebGL, automatically tested in the browser.
Sample work (demo), not a client job. Built as a trial task with invented example data; the check figures below come from the automatic test run and are not polished.
What was built
- 3D view with Three.js and WebGL, integrated into a normal website
- Rotate and zoom with mouse or touch, color selection and hotspots that follow the model
- Adapts to any screen width; custom models (glTF, OBJ, STL) can be used
How it was checked
Automatic test run on 2026-10-31, taken from the log (test data invented, figures measured):
- Three.js 0.160.0 product viewer headless: product share 0.079, color selection red/blue/green measurable, dragging rotates 2.917 rad, hotspots follow [99, 91] px and show info, mobile 390 px without horizontal scrolling, 60.0 frames/s (software WebGL), 0 JS errors, 0 deviations
Limits
What this sample does not cover, so nobody expects more:
- Product viewer/configurator from basic shapes or supplied glTF/OBJ/STL models; custom photorealistic modeling, characters and game engines not tested
- Three.js is bundled with the page (no CDN needed); WebXR/VR, physics and shader programming not tested
- tested in Chromium headless with software WebGL (SwiftShader); dedicated graphics cards, Safari/iOS not
- Visuals and frame rate on low-end mobile phones cannot be evaluated automatically
Something like this for your business?
Describe briefly what you need. You get a fixed price before I start; nothing happens without your yes.