[Tutorial] - Creating a WebGL product configurator

[polygonjs]

Creating a WebGL Product configurator is a frequently requested feature, so I’ve made a tutorial on how to create one with Polygonjs.

And even if you are interested in configurators, it shows you many basic aspects of the app, which you could find useful to create other types of experiences.

This tutorial is split into 10 bite-sized parts:

Part 1: Introduction

Configurator Tutorial with Polygonjs (part 1/10)

Part 2: Basic Setup

Configurator Tutorial with Polygonjs (part 2/10)

Part 3: Add CSS

Configurator Tutorial with Polygonjs (part 3/10)

Part 4: Light & Shadow

Configurator Tutorial with Polygonjs (part 4/10)

Part 5: Switch Materials

Configurator Tutorial with Polygonjs (part 5/10)

Part 6: Add a Progress Bar

Configurator Tutorial with Polygonjs (part 6/10)

Part 7: Limit Camera Movements

Configurator Tutorial with Polygonjs (part 7/10)

Part 8: Improve the HTML form

Configurator Tutorial with Polygonjs (part 8/10)

Part 9: Polishing

Configurator Tutorial with Polygonjs (part 9/10)

Part 9: Conclusion

Configurator Tutorial with Polygonjs (part 10/10)