In this configurator, our product is the decking with railing. This 3D configurator allows users to customize their deck and railing by adjusting the type, color, edge, and direction of the decking. There are two options available for customization: color and type. Users can also view the dimensions of the decking, which can be toggled on and off. Additionally, there is an option to preview the deck, which can also be turned on and off.

A new and advanced feature of this configurator is web interaction. Users can interact directly with the 3D model by clicking on it, allowing them to easily add or remove railing segments and edges.

After logging in, there are three options:

1. Swimming Pool
2. Balcony
3. Backyard

Swimming Pool

Click on the swimming pool to see the button for uploading a CAD file. After clicking on CAD, you can upload the file, and then the configurator will open.

Balcony

In the balcony option, we have two features: “CAD” and “DRAW.”

In the CAD option, users can upload a CAD file, which offers functionalities similar to those found in a swimming pool configuration. Alternatively, the DRAW option allows users to create their own polygons using polylines.

The DRAW functionality includes several features such as orthogonal drawing, grid snapping, the ability to download JSON files, undo actions, and polyline editing. Users can also create lines without using the mouse: simply press the spacebar to open an input box, enter the desired length, and press enter. This will create a polyline of that length, and users can then use the mouse to set the direction and angle. Additionally, the feature has zooming capabilities. When the DRAW feature is activated, users will see a series of introductory slides that explain how to use it.

Once the user completes the polygon and clicks the next button, it will be converted into a 3D representation in the configurator.

Backyard

Backyard draw feature

Backyard CAD feature

Working in the backyard is similar to working on a balcony, with two options available: CAD and the DRAW feature.

Full functionality of the web configurator

In this video, we demonstrate nearly every functionality of the web configurator. On the left center, there is a toolbar that includes the latest features such as augmented reality (AR), zooming, extending views, rotating the model at different angles, fullscreen mode, and screenshot options. At the bottom, there is a toggle menu with the ability to open and close it.

Within the menu, we have web interactions that allow us to edit the rail, rail segment, and edge. Additionally, we can view the dimensions of the model and control the decking preview, which can be turned on or off.

Many features are still under development, and we will post updates once they are completed.