3D Cabinet Viewer

3D Cabinet Viewer

The Cabinet Viewer component allows you to display a dynamic (or static) 3D model of the currently selected product using the three.js library. You can make your models dynamic by providing formulas for the size and position of each object in the model, these formulas can make use of anything that is found within the context object in the Bid Program as well as any provided scene custom properties (using the 'self' key) or any provided object custom properties (using the 'item' key).

Creating the Model

It is recommended that Blender (free 3D modeling / rendering software) is used to create the models because it is able to assign the needed custom properties and export in the required GLTF format. It is also recommended that you use the 3D Model Props Blender add-on. This addon allows you to quickly assign custom position, size, and properties to objects and to the scene.