Dynamic Web 3D Product Configurator I

Dynamic Web 3D Product Configurator

I developed an interactive 3D product configurator using the Google <model-viewer> library, providing a high-performance, app-less experience. The project showcases a custom-made Blender model optimized for the web in GLB format, ensuring fast loading times and visual fidelity.

The solution features a custom JavaScript interface that allows users to interact with the model in real-time, including:

Live Material Swapping: Dynamic base color updates using PBR (Physically Based Rendering) materials.

Real-time Scaling: Instant 1:1 or custom scale adjustments for better product perception.

Technical Stack:

3D Assets: Blender (Low-poly optimization & GLB export).

Web Tech: HTML5, CSS3, JavaScript.