Hi Three.js community,
I’ve been working on My Box Printing, a custom packaging website that offers personalized box designs for a wide range of industries. Recently, I started integrating Three.js to build an interactive 3D box preview tool where customers can visualize their custom packaging in real time.
The main idea is to allow users to:
- Upload artwork/logos and apply them directly to 3D box models
- Rotate, zoom, and interact with the packaging in a web-based viewer
- View different box types (mailer, tuck-end, corrugated, etc.) dynamically
I’m looking for feedback, best practices, or ideas on how to:
- Optimize 3D models for better performance on mobile devices
- Implement real-time texture updates without lag
- Improve lighting and shadows for a more realistic display
- Handle multiple box variations in one viewer efficiently
- Ensure SEO and fast loading times while using Three.js on a commercial site
If anyone has experience using Three.js in an eCommerce or product customization context, I’d love to hear your thoughts, see demos, or even explore collaboration possibilities.
Thanks in advance for your insights and support!