# Interacties triggeren op basis van nabijheid met het Distance-event - Spline Academy (https://spline.design/nl/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

> In deze tutorial bekijken we hoe je met het Distance-event interactieve events maakt die door nabijheid worden getriggerd.

1. [Academy](https://spline.design/nl/academy)
2. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Interacties triggeren op basis van nabijheid met het Distance-event

# Interacties triggeren op basis van nabijheid met het Distance-event

Spline 3DBeginner6 min

In deze tutorial bekijken we hoe je met het Distance-event interactieve events maakt die door nabijheid worden getriggerd.

We laten zien hoe je het ene object naar het andere laat bewegen als ze dicht bij elkaar komen, en hoe die interactie automatisch een action triggert, zoals een animatie of geluidseffect afspelen. Een mooie manier om scènes te maken die levendig aanvoelen en reageren op wat er om hen heen gebeurt.

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

\---

Ontdek meer geweldige makers en projecten #MadeInSpline op <https://community.spline.design/>

## Wat je leert

1. [0:00Intro](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=0s)
2. [0:43Gamebesturing toevoegen](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=43s)
3. [1:15De kubusanimatie maken](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=75s)
4. [1:58Een containergroep maken](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=118s)
5. [2:10Het Distance-event instellen](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=130s)
6. [2:21De instellingen van het Distance-event controleren](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=141s)
7. [4:23Voorbeelden van minigames](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=263s)
8. [4:58Tip: geluidseffecten toevoegen](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=298s)

## Gerelateerde bronnen

- [Distance Event logicTemplate](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 worksDocument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Distance EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/distance-event)

## Overzicht

- Spline 3D
- 6 min
- Beginner

## Onderdeel van

- [Spline 101 | Bouw je eerste interactieve scène](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene/trigger-interactions-with-proximity-using-the-distance-event)

## Gerelateerde tutorials

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

[Voeg muisinteracties toe aan 3D-objectenSpline 3DBeginner14 min](https://spline.design/nl/academy/tutorials/add-mouse-based-interactions-to-3d-objects)[Een reactieve 3D-bol bouwen met beweging en interactieSpline 3DGemiddeld7 min](https://spline.design/nl/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[3D-datavisualisaties maken in Spline met variabelen en realtime API’sSpline 3DGevorderd15 min](https://spline.design/nl/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

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

De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android.

#### Vraag AI naar Spline

#### Producten

- [3D-design](https://spline.design/nl/3d-design)
- [Hana](https://spline.design/nl/hana)
- [Omma](https://omma.build)
- [3D genereren met AI](https://spline.design/nl/ai-generate)
- [Spline MCP](https://spline.design/nl/mcp)
- [Spline Arena](https://spline.design/nl/arena)
- [Prijzen](https://spline.design/nl/pricing)
- [Enterprise](https://spline.design/nl/enterprise)

#### Runtimes

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

#### Apps

- [Downloaden](https://spline.design/nl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror downloaden](https://spline.design/download-mirror)

#### Leren

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/nl/blog)
- [Changelog](https://spline.design/nl/changelog)
- [Onderwijs](https://spline.design/nl/education)
- [Contra](https://spline.design/contra)
- [Affiliates](https://spline.design/nl/affiliate)

#### Bedrijf

- [Klanten](https://spline.design/nl/customers)
- [Vacatures](https://www.ycombinator.com/companies/spline/jobs)
- [Beveiliging](https://spline.design/nl/security)

#### Juridisch

- [Algemene voorwaarden](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.