Créer un personnage 3D interactif avec des variables

Spline 3DAvancé17 min

Salut ! Dans cette vidéo, nous vous montrons comment donner vie à un adorable personnage 3D interactif : un poisson-globe. Découvrez Spline : https://spline.design/

Nous utilisons des variables pour déclencher des événements qui changent la taille et la position du petit bonhomme. Plus vous cliquez sur le poisson-globe, plus il se gonfle, jusqu’à flotter en haut de la landing page.

Nous vous montrons aussi comment créer et animer les différents éléments du poisson-globe. Vous les verrez grandir avec le poisson, puis vous ajouterez des effets ludiques, comme un rebond quand la souris s’approche.

Alors plongeons, explorons la magie des variables et amusons-nous à créer des scènes interactives !

🐡 Remix : https://app.spline.design/file/810351d5-4fd8-4f85-92b2-286329f49a3f 🌐 Site en ligne : https://safe-value-478717.framer.app/

En savoir plus sur les variables : 👉 https://youtu.be/Id_SZVCUVMM 📘 https://docs.spline.design/

✨ Rejoignez la communauté Spline pour trouver l’inspiration et partager vos designs. https://community.spline.design/

💬 ❤️ Partagez vos idées de tutoriels dans les commentaires.

Ce que vous allez apprendre

  1. 0:00Intro
  2. 0:34Créer et utiliser des variables
  3. 4:29Ajouter différents éléments
  4. 8:34Animer les éléments et leur faire suivre la croissance
  5. 15:02Effets interactifs et export

Ressources associées

Tutoriels associés

Tous les tutoriels