Créer une interaction de carrousel 3D

Spline 3DAvancé16 min

🎡 Dans ce tutoriel, nous créons une amusante interaction de carrousel 3D grâce à la magie des variables ! Nous vous guidons à chaque étape, du positionnement des objets et de la configuration du clonage radial à la création d’effets de rotation fluides déclenchés par les clics de l’utilisateur.

👉 Remixez les démos de carrousel présentées dans le tutoriel ! 👇 Exemple de carrousel de cubes 3D simple : https://app.spline.design/file/7a7cdf26-ca54-4690-a76d-247dcaaf257a

Carrousel de cartes 3D : https://app.spline.design/file/f2857f06-7a97-4245-a43e-fe88503913d4

---

🧑‍🏫 En savoir plus sur les variables : https://www.youtube.com/watch?v=Id_SZVCUVMM https://www.youtube.com/watch?v=eCxLYk2rNzg

--- Découvrez d’autres créateurs et projets incroyables #MadeInSpline sur https://community.spline.design/

---

Ce que vous allez apprendre

  1. 0:00Préparer le carrousel 3D
  2. 0:15Créer un carrousel simple
  3. 1:32Utiliser des variables pour la rotation
  4. 6:33Déclencher la rotation avec l’événement Mouse Down
  5. 8:35Créer des effets de mise à l’échelle (exemple du carrousel de cartes)

Ressources associées

Tutoriels associés

Tous les tutoriels