Einen interaktiven Bienen-Charakter fürs Web erstellen

Lektion 8 von 14Spline 3DFortgeschritten14 Min.

Willkommen zurück! 🙌 In diesem Video-Tutorial zeigen wir dir, wie du mit einem bezaubernden Bienen-Charakter ein interaktives Erlebnis erstellst. Sieh dir Spline an: https://spline.design/

Du lernst, eine Loop-Animation für die Flügel und Augen der Biene zu erstellen und mit dem Mouse-Down-Event einen interaktiven Übergangseffekt umzusetzen, der Elemente auf dem Bildschirm bewegt oder erscheinen lässt, wenn Buttons angeklickt werden.

Lade diese 3D-Biene herunter und mach beim Tutorial mit.

🐝 Remix: https://app.spline.design/file/68152128-3ac0-4fdd-a941-1cdcbe075c43

Mehr über interaktive Events erfährst du in der Spline-Doku! 📘 https://docs.spline.design/

Viel Spaß beim Lernen!

Das lernst du

  1. 0:00Intro
  2. 0:38Eine Flügelanimation im Loop erstellen
  3. 2:44Blinzelnde Augen hinzufügen
  4. 4:13Übergangseffekte mit Buttons erstellen (Mouse-Down-Event)
  5. 11:53Kamera einrichten und für die Website exportieren

Weitere Ressourcen