(11)3D & Visualization
Cloth Configurator
3D T-shirt designer
Overview
A 3D T-shirt designer where customers pick colours, then place their own images and designs on the garment through an editable canvas that is mapped onto the 3D model in real time.
Highlights
- 01Editable Fabric.js canvas projected onto the 3D shirt as a live texture
- 02Image uploads, including iPhone HEIC photos converted in the browser
- 03Colour picker, animated camera moves and export of the finished model
Private or internal system: no public link.
- Timeline
- Apr 2025 – Jan 2026
- Team
- Built with one other developer; most commits are mine
- Category
- 3D & Visualization
My role
Freelance engineer
Built the design-to-3D pipeline: the Fabric.js design canvas mapped onto the shirt model, image uploads (including iPhone HEIC photos), colour controls, camera animation and model export.
Owned
- 3D / WebGL
- Frontend
- Canvas rendering
Tech
- Frontend
- Next.js
- Fabric.js
- Zustand
- html2canvas
- 3D & motion
- React Three Fiber
- Three.js
- Drei