# Einen interaktiven 3D-Roboter zum Leben erwecken - 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. [Tutorials](https://spline.design/de/academy/tutorials)
3. Einen interaktiven 3D-Roboter zum Leben erwecken

# 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](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

## Teil von

- [Animation und Interaktionen in Spline](https://spline.design/de/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)

## Ähnliche Tutorials

[Alle Tutorials](https://spline.design/de/academy/tutorials)

[Eine 3D-Karussell-Interaktion erstellenSpline 3DProfi16 Min.](https://spline.design/de/academy/tutorials/how-to-create-a-3d-carousel-interaction)[Einen interaktiven Bienen-Charakter fürs Web erstellenSpline 3DFortgeschritten14 Min.](https://spline.design/de/academy/tutorials/create-an-interactive-bee-character-for-the-web)[Interaktive 3D-Boxen animierenSpline 3DFortgeschritten4 Min.](https://spline.design/de/academy/tutorials/animate-interactive-3d-boxes)

[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.