Så bygger du en reaktiv 3D-sfär med rörelse och interaktion

Spline 3DMedelnivå7 min

I dag visar vi hur du skapar den här teknikinspirerade interaktiva 3D-sfären med cloner och mushändelser i Spline – perfekt för alla webbprojekt, som landningssidor, produktvisningar eller vilket designprojekt du vill.

Scenen är gjord av Vlad Kolokolnikov – kolla in Spline Community för att hitta den och fler 3D-scener som du kan remixa gratis.

Demo: https://app.spline.design/community/file/306ca2a5-d1ab-46ac-a27c-198575c82db0

Det här lär du dig

  1. 0:00Intro
  2. 0:18Skapa grundobjektet och lägga till material
  3. 1:30Använda Cloner
  4. 2:25Lägga till en Follow-händelse
  5. 3:46Lägga till en Distance-händelse
  6. 4:32Finslipa animationen
  7. 5:17Animera cloner-gruppen
  8. 5:47Färdig design
  9. 6:13Tips för export
  10. 6:20Avslutning

Relaterade resurser

Relaterade tutorials

Alla tutorials