Product Configurator

About

I was commissioned to develop a web-based product configurator for Gladiator Media. The task involved designing the scene and conducting light baking for the products using Blender. To facilitate texture swapping on individual parts of the product, I created a custom material in BabylonJS using their Node Material Editor. This approach allowed us to seamlessly integrate textures produced from Blender.

For the user interface, I utilized React to build a responsive and intuitive UI. The configurator is encapsulated within a custom HTML component, enabling clients to effortlessly incorporate it into their websites and tailor its styling to align with their branding. This design choice not only enhances flexibility but also simplifies future updates.

Technology Used
  • TypeScript
  • Babylon.Js
  • React

Screenshots

No alt provided.
No alt provided.
No alt provided.

Video