Spline
Neem contact op met salesBegin met bouwen

Een 3D-carrouselinteractie maken

Les 6 van 17Spline 3DGevorderd16 min

🎡 In deze tutorial maken we een leuke 3D-carrouselinteractie met de magie van variabelen! We lopen elke stap met je door, van objecten positioneren en radiaal klonen instellen tot vloeiende rotatie-effecten die worden getriggerd als de gebruiker klikt.

👉 Remix de carrouseldemo’s uit de tutorial! 👇 Eenvoudig voorbeeld van een carrousel met 3D-kubussen: https://app.spline.design/file/7a7cdf26-ca54-4690-a76d-247dcaaf257a

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

---

🧑‍🏫 Meer over variabelen: https://www.youtube.com/watch?v=Id_SZVCUVMM https://www.youtube.com/watch?v=eCxLYk2rNzg

--- Ontdek meer geweldige makers en projecten #MadeInSpline op https://community.spline.design/

---

Wat je leert

  1. 0:00De 3D-carrousel opzetten
  2. 0:15Een eenvoudige carrousel bouwen
  3. 1:32Variabelen gebruiken voor rotatie
  4. 6:33Rotatie triggeren met het Mouse Down-event
  5. 8:35Schaaleffecten maken (voorbeeld met kaartencarrousel)

Gerelateerde bronnen