Ce projet de Prity Dhara remplace le carrousel de photos par un maillot manipulable dans le navigateur. Chaque changement de tenue devient un petit événement visuel, avec rotation, mouvement de caméra et fusion des textures.
Montrer le vêtement, pas seulement sa photo
Un catalogue classique passe d'une image à la suivante. Il renseigne sur le motif, mais transmet peu de choses sur la forme, le tissu ou la manière dont le maillot bouge. L'objectif était de faire ressentir chaque changement de kit comme une interaction avec un objet réel.
Un modèle glTF, plusieurs identités visuelles
Un unique maillot 3D reçoit les textures de différentes équipes. Three.js dessine la scène en WebGL, tandis que des shaders GLSL mélangent les textures au lieu de les remplacer brusquement. GSAP synchronise la rotation du maillot, les déplacements de caméra et le temps de la transition.
- Un mouvement discret anime le tissu même au repos.
- Le modèle partagé limite le poids de la scène et garde des transitions cohérentes.
Une transition qui raconte le produit
Le visiteur choisit une autre tenue, le maillot pivote, la caméra se replace et le nouveau motif se diffuse sur le tissu. La scène se stabilise ensuite, prête pour le choix suivant. Cette méthode peut inspirer la présentation de chaussures, de mobilier ou d'autres produits physiques.
Quatre gestes pour changer de tenue
Le parcours suit une séquence simple : choisir l'équipe, laisser le maillot tourner, voir la nouvelle texture se fondre dans l'ancienne, puis retrouver l'objet stable. La caméra et le tissu bougent au même rythme, afin que la transition paraisse liée au vêtement plutôt qu'à un effet ajouté par-dessus.
La démonstration repose sur un modèle commun à toutes les tenues. Elle évite de multiplier les fichiers 3D et garde la même silhouette d'un kit à l'autre. Ce choix technique sert aussi la lecture du produit : seul le design du maillot change, ce qui permet de comparer les variantes sans perdre ses repères.