Maak een interactief 3D-personage met variabelen

Les 5 van 17Spline 3DGevorderd17 min

Hoi! In deze video laten we zien hoe je een schattig interactief 3D-kogelvisje tot leven brengt. Bekijk Spline: https://spline.design/

We gebruiken variabelen om events te starten die de grootte en positie van het visje veranderen. Hoe vaker je op de kogelvis klikt, hoe boller hij wordt, tot hij uiteindelijk naar de bovenkant van de landingspagina drijft.

We laten ook zien hoe je verschillende elementen van de kogelvis maakt en animeert. Je ziet ze meegroeien met de vis en we voegen speelse effecten toe, zoals stuiteren als de muis dichtbij komt.

Dus duik erin, ontdek de magie van variabelen en heb plezier met het maken van interactieve scènes!

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

Meer over variabelen: 👉 https://youtu.be/Id_SZVCUVMM 📘 https://docs.spline.design/

✨ Word lid van onze Spline-community voor inspiratie en deel je designs. https://community.spline.design/

💬 ❤️ Deel je suggesties voor tutorials in de reacties.

Wat je leert

  1. 0:00Intro
  2. 0:34Variabelen maken en gebruiken
  3. 4:29Verschillende elementen toevoegen
  4. 8:34Elementen animeren en ze laten meegroeien
  5. 15:02Interactieve effecten en exporteren

Gerelateerde bronnen