# Einen interaktiven 3D-Roboter zum Leben erwecken - Animation und Interaktionen in Spline - Spline Academy (https://spline.design/de/academy/tutorials/bring-an-interactive-3d-robot-to-life)

> 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…

1. [Academy](https://spline.design/de/academy)
2. [Kurse](https://spline.design/de/academy/collections)
3. [Animation und Interaktionen in Spline](https://spline.design/de/academy/collections/animation-interactions-in-spline)
4. Einen interaktiven 3D-Roboter zum Leben erwecken

# Einen interaktiven 3D-Roboter zum Leben erwecken

Lektion 7 von 14Spline 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](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=0s)
2. [0:37Deinen Charakter zum Cursor ausrichten – Look-At-Event](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=37s)
3. [1:34Mouse-Hover-Interaktion](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=94s)
4. [3:26Mouse-Press- und Mouse-Down-Interaktionen](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=206s)
5. [4:45Die Farbe deines Charakters ändern](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=285s)
6. [10:44Gesichtsausdrücke ändern](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=644s)
7. [12:27Spielsteuerung](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=747s)

## Weitere Ressourcen

- [Robot Interactive EventsVorlage](https://app.spline.design/academy/tutorials/bring-an-interactive-3d-robot-to-life?redirect-duplicate-template-uuid=83094eb4-8202-4a49-894e-75e435da5f82&is-2d-file=false)
- [How state-based animation worksDokument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Look At EventDokument](https://docs.spline.design/interaction-states-events-and-actions/events/look-at-event)
- [Mouse Down EventDokument](https://docs.spline.design/interaction-states-events-and-actions/events/mouse-down-event)

## Überblick

- Spline 3D
- 13 Min.
- Einsteiger

## Als Nächstes

[Einen interaktiven Bienen-Charakter fürs Web erstellen14 Min.Fortgeschritten](https://spline.design/de/academy/collections/animation-interactions-in-spline/create-an-interactive-bee-character-for-the-web)[Weiter](https://spline.design/de/academy/collections/animation-interactions-in-spline/create-an-interactive-bee-character-for-the-web)

[Spline](https://spline.design/de)

Der 3D- und 2D-Editor für Teams und ihre Agenten. Veröffentliche im Web, auf iOS und Android.

#### Frag die KI zu Spline

#### Produkte

- [3D-Design](https://spline.design/de/3d-design)
- [Hana](https://spline.design/de/hana)
- [Omma](https://omma.build)
- [KI-3D-Generierung](https://spline.design/de/ai-generate)
- [Spline MCP](https://spline.design/de/mcp)
- [Spline Arena](https://spline.design/de/arena)
- [Preise](https://spline.design/de/pricing)
- [Enterprise](https://spline.design/de/enterprise)

#### Runtimes

- [Web](https://spline.design/de/web)
- [iOS](https://spline.design/de/ios)
- [Android](https://spline.design/de/android)

#### Apps

- [Download](https://spline.design/de/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror herunterladen](https://spline.design/download-mirror)

#### Lernen

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/de/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Lösungen](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/de/blog)
- [Changelog](https://spline.design/de/changelog)
- [Bildung](https://spline.design/de/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/de/affiliate)

#### Unternehmen

- [Kunden](https://spline.design/de/customers)
- [Karriere](https://www.ycombinator.com/companies/spline/jobs)
- [Sicherheit](https://spline.design/de/security)

#### Rechtliches

- [AGB](https://spline.design/terms)
- [Datenschutz](https://spline.design/privacy)

#### Kontakt

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.