3D Product Model Viewer

The aim of this project was to give a visual and interactive representation of industrial pumps as a sales tool.

With the help of the in-house 3D design team to create assets, I created a Symfony-based application to both showcase these products and also provide the ability for them to be managed and updated where necessary via a back-end admin area. The front-end was built with just standard JavaScript as and BabylonJS as the 3D rendering engine.

Each product had support for a model with as many hotspots as required, with each hotspot providing options for:

• A text description
• Images
• Embedded and inline videos

Each product model had configurable transforms to override the default settings, as well as the option to change how far the camera is initially zoomed. These options were to help with larger products that would otherwise completely fill the screen and not be fully visible on initial load normally.