# Interaktionen per Nähe auslösen – mit dem Distance-Event - 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. [Tutorials](https://spline.design/de/academy/tutorials)
3. Interaktionen per Nähe auslösen – mit dem Distance-Event

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

Spline 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

## Teil von

- [Spline 101 | Deine erste interaktive Szene bauen](https://spline.design/de/academy/collections/spline-101-build-your-first-interactive-scene/trigger-interactions-with-proximity-using-the-distance-event)

## Ähnliche Tutorials

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

[Mausbasierte Interaktionen für 3D-ObjekteSpline 3DEinsteiger14 Min.](https://spline.design/de/academy/tutorials/add-mouse-based-interactions-to-3d-objects)[Einen reaktiven 3D-Orb mit Bewegung und Interaktion bauenSpline 3DFortgeschritten7 Min.](https://spline.design/de/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[3D-Datenvisualisierungen in Spline mit Variablen und Echtzeit-APIs erstellenSpline 3DProfi15 Min.](https://spline.design/de/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

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