# Utlös interaktioner vid närhet med händelsen Distance - Spline Academy (https://spline.design/sv/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

> I den här tutorialen utforskar vi hur du skapar interaktiva händelser som utlöses av närhet med händelsen Distance.

1. [Academy](https://spline.design/sv/academy)
2. [Tutorials](https://spline.design/sv/academy/tutorials)
3. Utlös interaktioner vid närhet med händelsen Distance

# Utlös interaktioner vid närhet med händelsen Distance

Spline 3DNybörjare6 min

I den här tutorialen utforskar vi hur du skapar interaktiva händelser som utlöses av närhet med händelsen Distance.

Vi visar hur du får ett objekt att röra sig mot ett annat när de kommer nära varandra, och låter interaktionen automatiskt utlösa en åtgärd, som att spela upp en animation eller en ljudeffekt. Det är ett bra sätt att skapa scener som känns levande och reagerar på det som händer runt dem.

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

\---

Upptäck fler fantastiska kreatörer och projekt #MadeInSpline på <https://community.spline.design/>

## Det här lär du dig

1. [0:00Intro](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=0s)
2. [0:43Lägga till spelkontroller](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=43s)
3. [1:15Skapa kubanimationen](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=75s)
4. [1:58Skapa en behållargrupp](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=118s)
5. [2:10Ställa in händelsen Distance](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=130s)
6. [2:21Kontrollera inställningarna för händelsen Distance](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=141s)
7. [4:23Exempel på minispel](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=263s)
8. [4:58Tips: lägg till ljudeffekter](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=298s)

## Relaterade resurser

- [Distance Event logicMall](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)

## Översikt

- Spline 3D
- 6 min
- Nybörjare

## Del av

- [Spline 101 | Bygg din första interaktiva scen](https://spline.design/sv/academy/collections/spline-101-build-your-first-interactive-scene/trigger-interactions-with-proximity-using-the-distance-event)

## Relaterade tutorials

[Alla tutorials](https://spline.design/sv/academy/tutorials)

[Lägg till musbaserade interaktioner på 3D-objektSpline 3DNybörjare14 min](https://spline.design/sv/academy/tutorials/add-mouse-based-interactions-to-3d-objects)[Så bygger du en reaktiv 3D-sfär med rörelse och interaktionSpline 3DMedelnivå7 min](https://spline.design/sv/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Så skapar du 3D-datavisualiseringar i Spline med variabler och API:er i realtidSpline 3DAvancerad15 min](https://spline.design/sv/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

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

3D- och 2D-editorn för team och deras agenter. Publicera på webben, iOS och Android.

#### Fråga AI om Spline

#### Produkter

- [3D-design](https://spline.design/sv/3d-design)
- [Hana](https://spline.design/sv/hana)
- [Omma](https://omma.build)
- [3D-generering med AI](https://spline.design/sv/ai-generate)
- [Spline MCP](https://spline.design/sv/mcp)
- [Spline Arena](https://spline.design/sv/arena)
- [Priser](https://spline.design/sv/pricing)
- [Företag](https://spline.design/sv/enterprise)

#### Runtimes

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

#### Appar

- [Ladda ner](https://spline.design/sv/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Ladda ner Spline Mirror](https://spline.design/download-mirror)

#### Lär dig

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/sv/blog)
- [Ändringslogg](https://spline.design/sv/changelog)
- [Utbildning](https://spline.design/sv/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/sv/affiliate)

#### Företaget

- [Kunder](https://spline.design/sv/customers)
- [Karriär](https://www.ycombinator.com/companies/spline/jobs)
- [Säkerhet](https://spline.design/sv/security)

#### Juridik

- [Villkor](https://spline.design/terms)
- [Integritet](https://spline.design/privacy)

#### Kontakt

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

© 2026 - Spline, Inc.