# Interacties triggeren op basis van nabijheid met het Distance-event - Spline 101 | Bouw je eerste interactieve scène - 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. [Cursussen](https://spline.design/nl/academy/collections)
3. [Spline 101 | Bouw je eerste interactieve scène](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene)
4. Interacties triggeren op basis van nabijheid met het Distance-event

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

Les 11 van 16Spline 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

## Hierna

[Een lopend 3D-personage animeren14 minBeginner](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene/how-to-animate-a-3d-walking-character)[Verder](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene/how-to-animate-a-3d-walking-character)

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