Interactive 3D · Keyideas Infotech
Jewelry Virtual Try-On.
Jewelry, before the fitting. A browser-based try-on experience that tracks hands and positions 3D rings and bracelets on live video or uploaded images.
From hand tracking to a convincing fit.
At Keyideas Infotech, I developed a web-based jewelry try-on experience using MediaPipe hand tracking and Three.js. The work combined rendering, hand-pose interpretation, and interaction design to keep rings and bracelets aligned across mobile and desktop browsers.
- Live camera and image-based try-on paths
- Finger segmentation, occlusion masking, and palm-side visibility
- Consistent alignment and multi-ring stacking
- Model preloading, adaptive scaling, and drag/pinch/zoom controls
- Image fallback for iOS and lower-end devices
Professional work developed at Keyideas Infotech. This case study describes my contribution; the implementation is not published as an open-source repository.
NEXT EXPLORATIONDiamond Catalog Automation