2026
3D Configurator · 2024
WebGL Product Viewer
A configurator that lets a customer change material, colour and hardware and see the result immediately.
- Role
- Development
- Timeline
- 8 weeks · 2024
- Stack
- Three.js · GLSL · glTF
- Sections
- 5 chapters
01Overview
A configurator that lets a customer change material, colour and hardware and see the result immediately. Embedded into an existing product page rather than replacing it.
This is sample project content. Replace it with a description of your own work.
02The approach
Shipping a separate model per configuration would have meant tens of megabytes. Sharing one mesh across every option kept the whole thing under two.
03Key contributions
Built the renderer, the material system and the image fallback for browsers without WebGL.
04Walkthrough
One glTF model with swappable material slots, so changing a finish is a texture bind rather than a new download. The viewer only starts once it scrolls into view.
05Outcome
Returns dropped because people could see what they were ordering. Replace with your own outcome.
System
GLOBAL CONFIG
[01] CORE THEME V_1.0
[02] AUDIO ENGINE OFF
[03] PERFORMANCE TIER SYS
SYSTEM ACTIVE