Virtual glasses try-on at Auglio
Improving a production eyewear try-on built on three.js: fit, materials and frame rate on real customers' devices.
- Role
- Three.js developer
- Period
- 2023 - 2024
- Stack
- three.js, WebGL, GLSL, TypeScript
- Links
- Live site
Auglio sells virtual try-on for eyewear and other categories to optical retailers and e-commerce platforms. The product renders a 3D frame on the visitor's face from the browser camera, so I joined to work on the part customers actually see: how the glasses sit, how they look and how smoothly they move.
What I did
Most of the work was in the three.js scene and the shaders around it: how the frame follows the head under fast movement, how lenses and metals react to the room's light, and how much of that can run on a mid-range phone without dropping frames. Every change had to hold up across thousands of frames in the catalogue, not one demo model.
What stayed with me
Real-time 3D on the web is a budget problem. The best-looking change is rarely the right one; the right one is the one that still runs at 30 frames per second on the cheapest phone in the analytics.