Capture d’écran du configurateur de zippo

Voici une petite démonstration développée en une journée pour montrer le coup de pouce que peut apporter webgl dans le développement de configurateurs, notamment pour les objets gravés personnalisés.

Pour placer votre propre image sur le zippo, vous devez l’uploader en cliquant sur parcourir en haut à droite. Vous pouvez ensuite jouer sur son échelle via le slider, ou la déplacer sur la zone de gravure.

L’image est convertie en niveau de gris, ce qui constitue une heightmap. Puis en utilisant des shaders adéquats la heightmap produit une normal map et une texture d’ambient occlusion, via un algorithme de SSAO (Screen Space Ambient Occlusion) simplifié. Le résultat est un rendu de gravure assez réaliste.

La démo est ici : configurateur de zippo 3D