# Animierte 3D-Blobs erstellen, die auf deine Maus reagieren - Spline 101 | Deine erste interaktive Szene bauen - Spline Academy (https://spline.design/de/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)

> In diesem einsteigerfreundlichen Tutorial fangen wir bei null an und lernen, wie du mit Shape Blend bunte, animierte und interaktive 3D-Blobs erstellst.

1. [Academy](https://spline.design/de/academy)
2. [Kurse](https://spline.design/de/academy/collections)
3. [Spline 101 | Deine erste interaktive Szene bauen](https://spline.design/de/academy/collections/spline-101-build-your-first-interactive-scene)
4. Animierte 3D-Blobs erstellen, die auf deine Maus reagieren

# Animierte 3D-Blobs erstellen, die auf deine Maus reagieren

Lektion 15 von 16Spline 3DEinsteiger12 Min.

In diesem einsteigerfreundlichen Tutorial fangen wir bei null an und lernen, wie du mit Shape Blend bunte, animierte und interaktive 3D-Blobs erstellst.

Wir zeigen dir ein paar einfache Tipps, wie du Farben und Texturen für fließende Übergänge und natürlich wirkende Verläufe einsetzt.

Außerdem sehen wir uns an, wie du interaktive Events hinzufügst – etwa eine Formänderung des Blobs, wenn du mit der Maus darüberfährst.

\--

Entdecke weitere großartige Creator und Projekte #MadeInSpline auf <https://community.spline.design/>

## Das lernst du

1. [0:00Intro](https://www.youtube.com/watch?v=l32kDk5DU00&t=0s)
2. [0:24Einen Blob mit Shape Blend erstellen](https://www.youtube.com/watch?v=l32kDk5DU00&t=24s)
3. [1:31Farben hinzufügen](https://www.youtube.com/watch?v=l32kDk5DU00&t=91s)
4. [3:21Glow-Effekte und Texturen hinzufügen](https://www.youtube.com/watch?v=l32kDk5DU00&t=201s)
5. [5:20Unseren Blob animieren](https://www.youtube.com/watch?v=l32kDk5DU00&t=320s)
6. [6:49Die Animation in Endlosschleife abspielen](https://www.youtube.com/watch?v=l32kDk5DU00&t=409s)
7. [8:32Interaktiver Effekt mit dem Cursor](https://www.youtube.com/watch?v=l32kDk5DU00&t=512s)
8. [9:44Schnelle Tipps](https://www.youtube.com/watch?v=l32kDk5DU00&t=584s)
9. [10:38Weitere Beispiele für interaktive Szenen mit Shape Blend](https://www.youtube.com/watch?v=l32kDk5DU00&t=638s)
10. [11:00Unsere Spline-Community](https://www.youtube.com/watch?v=l32kDk5DU00&t=660s)
11. [11:05Werde unser nächster Designer of the Week!](https://www.youtube.com/watch?v=l32kDk5DU00&t=665s)

## Weitere Ressourcen

- [Animated Shape BlendVorlage](https://app.spline.design/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse?redirect-duplicate-template-uuid=546ba9b3-f563-43e4-bbd7-a72c5941902e&is-2d-file=false)
- [Shape BlendDokument](https://docs.spline.design/designing-in-3-d/shape-blend)
- [Materials & ShadingDokument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [How state-based animation worksDokument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Follow EventDokument](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## Überblick

- Spline 3D
- 12 Min.
- Einsteiger

## Als Nächstes

[Mach deine Spline-Designs zu interaktiven Weberlebnissen10 Min.Einsteiger](https://spline.design/de/academy/collections/spline-101-build-your-first-interactive-scene/turn-your-spline-designs-into-interactive-web-experiences)[Weiter](https://spline.design/de/academy/collections/spline-101-build-your-first-interactive-scene/turn-your-spline-designs-into-interactive-web-experiences)

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