Un configurateur de bijoux 3D est un outil en ligne conçu avec Vectary qui invite l'acheteur à créer et personnaliser ses propres bijoux dans un espace numérique. Grâce à son interface intuitive et à un large éventail d'options, l'utilisateur configure lui-même sa création finale. Il peut être partagé via un lien direct ou intégré directement sur un site web.
Ce projet privilégie une approche narrative, contrairement à un configurateur classique. Les utilisateurs façonnent ainsi leur propre bague unique en trois étapes, au lieu de simplement interagir avec des objets en un seul endroit. L'UI flottante gère la navigation de base au sein de la scène tout en affichant les options personnalisables. Voici les différentes étapes :
La déclinaison finale peut également être partagée en réalité augmentée (AR) pour être visualisée dans un environnement réel.
La bague elle-même a été modélisée dans Blender et importée sous forme de fichier .obj. Les pierres ont été créées par numérisation 3D par photogrammétrie et importées dans Vectary Studio sous forme de fichiers .obj. Le nombre de polygones des pierres a été réduit dans Studio à l'aide du plugin Simplify.
La scène est divisée en trois zones avec des configurations d'éclairage différentes. Chaque zone présente des compositions de natures mortes composées de rochers réalistes, avec des éléments interactifs positionnés au centre de chacune. L'un lumière directionnelle d'entre eux reste en dehors de ces groupes et est visible en permanence. L'éclairage de l'anneau et des pierres précieuses présente des défis. Dans la première zone, l'anneau est entouré de trois lumières rectangulaires et d'un spot, afin de mettre en valeur toutes les parties situées dans les reflets de l'anneau. La zone des pierres précieuses repose uniquement sur la lumière directionnelle, tandis que l'assemblage final de la bague comprend deux spots et une lumière rectangulaire.
Les lumières sont organisées en groupes et placées sous des variantes afin d'optimiser les performances et de n'utiliser qu'un seul groupe de lumières actif. La zone suivante n'est jamais entièrement visible en raison de l'angle de la caméra et des effets de fondu.
La palette de couleurs globale de la scène est neutre, avec une nuance de vieux rose au lieu d'un blanc monochromatique, s'harmonisant avec les rochers de nature morte dans l'environnement de la scène. Les pierres sont des ressources réalistes numérisées en 3D avec des textures optimisées uniquement dans le canal de couleur ; tous les autres canaux sont vides pour réduire la taille de la scène. La variation de l'apparence de ces rochers est obtenue grâce à des lightmaps précalculées.
Astuce : Supprimez la géométrie inutile des zones invisibles, comme le dessous de ces rochers. De plus, il n'y a qu'un seul type de rocher dans la scène, dupliqué sous forme d'instance avec des paramètres de taille différents, ce qui permet là aussi de réduire la taille du fichier. L'anneau de la première zone présente quatre matériaux métalliques différents inspirés de métaux précieux.
Les pierres précieuses font appel à plusieurs techniques pour obtenir l'aspect souhaité. Chaque pierre précieuse contient un duplicata plus petit à l'intérieur, et le paramètre de réfraction avec absorption pour la couleur joue un rôle clé. De plus, les pierres précieuses extérieures ont une couche de vernis dont la valeur est définie sur 1000 % par-dessus. Cette combinaison de différents matériaux appliqués aux pierres précieuses extérieures et intérieures crée un aspect final plus complexe.
Les deux premières zones présentent des animations à 360 degrés en boucle de chaque anneau et pierre précieuse, configurées pour se répéter de manière linéaire. Le menu d'interface flottante contrôle la navigation dans la scène et les configurations de matériaux. L'interface contient des images avec des noms qui modifient les matériaux de l'anneau et des pierres précieuses au clic.
Les matériaux de l'anneau dans la première et la dernière zone ne sont pas liés, ce qui vous oblige à modifier deux matériaux à la fois. Cela garantit que lors du passage à l'étape numéro trois, vous retrouvez le même matériau que celui sélectionné au début.
