# Interaktionen per Nähe auslösen – mit dem Distance-Event - Spline 101 | Deine erste interaktive Szene bauen - Spline Academy (https://spline.design/de/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

> In diesem Tutorial sehen wir uns an, wie du mit dem Distance-Event interaktive Events erstellst, die durch Nähe ausgelöst werden.

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. Interaktionen per Nähe auslösen – mit dem Distance-Event

# Interaktionen per Nähe auslösen – mit dem Distance-Event

Lektion 11 von 16Spline 3DEinsteiger6 Min.

In diesem Tutorial sehen wir uns an, wie du mit dem Distance-Event interaktive Events erstellst, die durch Nähe ausgelöst werden.

Wir zeigen, wie sich ein Objekt auf ein anderes zubewegt, sobald sie sich nahekommen, und wie diese Interaktion automatisch eine Action auslöst – etwa eine Animation oder einen Soundeffekt. So entstehen Szenen, die lebendig wirken und auf ihre Umgebung reagieren.

Demo: <https://app.spline.design/file/29466ae6-7e47-4edc-8198-0ce78b80eead>

\---

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=9U0l2%5FeKVMQ&t=0s)
2. [0:43Spielsteuerung hinzufügen](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=43s)
3. [1:15Die Würfelanimation erstellen](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=75s)
4. [1:58Eine Container-Gruppe erstellen](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=118s)
5. [2:10Das Distance-Event einrichten](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=130s)
6. [2:21Die Einstellungen des Distance-Events prüfen](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=141s)
7. [4:23Beispiele für Minispiele](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=263s)
8. [4:58Tipp: Soundeffekte hinzufügen](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=298s)

## Weitere Ressourcen

- [Distance Event logicVorlage](https://app.spline.design/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event?redirect-duplicate-template-uuid=59acf8de-0d15-4f58-9719-f032a3b6d702&is-2d-file=false)
- [How state-based animation worksDokument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Distance EventDokument](https://docs.spline.design/interaction-states-events-and-actions/events/distance-event)

## Überblick

- Spline 3D
- 6 Min.
- Einsteiger

## Als Nächstes

[Einen laufenden 3D-Charakter animieren14 Min.Einsteiger](https://spline.design/de/academy/collections/spline-101-build-your-first-interactive-scene/how-to-animate-a-3d-walking-character)[Weiter](https://spline.design/de/academy/collections/spline-101-build-your-first-interactive-scene/how-to-animate-a-3d-walking-character)

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