Einen interaktiven 3D-Roboter zum Leben erwecken

Spline 3DEinsteiger13 Min.

Hallo! 👋 Diesmal haben wir richtig Lust auf Spaß und zeigen dir verschiedene Wege, einen 3D-Charakter aufs nächste Level zu heben, indem du ihn interaktiv machst! Sieh dir Spline an: https://spline.design/

Du lernst, wie dieser niedliche Roboter deinem Cursor folgt, wie du per Klick seinen Gesichtsausdruck oder seine Farbe änderst und vieles mehr!

Etwas, das du ganz einfach in dein Projekt oder deine Website einbauen kannst – ohne Code ;)

Du kannst jeden beliebigen Charakter verwenden oder diesen hier herunterladen und beim Tutorial mitmachen.

🤖 Remix: https://app.spline.design/file/f09aef0f-3b4e-436e-a05a-e97945e2490a

Viel Spaß beim Lernen!

Die Interaktion bei 10:44 ist inspiriert von Gaurav Kallugadde (@gaurav_paints) ❤️

Das lernst du

  1. 0:00Einführung
  2. 0:37Deinen Charakter zum Cursor ausrichten – Look-At-Event
  3. 1:34Mouse-Hover-Interaktion
  4. 3:26Mouse-Press- und Mouse-Down-Interaktionen
  5. 4:45Die Farbe deines Charakters ändern
  6. 10:44Gesichtsausdrücke ändern
  7. 12:27Spielsteuerung

Weitere Ressourcen

Ähnliche Tutorials

Alle Tutorials