# Déclencher des interactions par proximité avec l’événement Distance - Spline Academy (https://spline.design/fr/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

> Dans ce tutoriel, nous voyons comment créer des événements interactifs déclenchés par la proximité grâce à l’événement Distance.

1. [Academy](https://spline.design/fr/academy)
2. [Tutoriels](https://spline.design/fr/academy/tutorials)
3. Déclencher des interactions par proximité avec l’événement Distance

# Déclencher des interactions par proximité avec l’événement Distance

Spline 3DDébutant6 min

Dans ce tutoriel, nous voyons comment créer des événements interactifs déclenchés par la proximité grâce à l’événement Distance.

Nous montrons comment faire avancer un objet vers un autre quand ils se rapprochent, et faire en sorte que cette interaction déclenche automatiquement une action, comme lancer une animation ou un effet sonore. Une excellente façon de créer des scènes vivantes qui réagissent à ce qui se passe autour d’elles.

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

\---

Découvrez d’autres créateurs et projets incroyables #MadeInSpline sur <https://community.spline.design/>

## Ce que vous allez apprendre

1. [0:00Intro](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=0s)
2. [0:43Ajouter des commandes de jeu](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=43s)
3. [1:15Créer l’animation du cube](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=75s)
4. [1:58Créer un groupe conteneur](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=118s)
5. [2:10Configurer l’événement Distance](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=130s)
6. [2:21Vérifier les réglages de l’événement Distance](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=141s)
7. [4:23Exemples de mini-jeux](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=263s)
8. [4:58Astuce : ajouter des effets sonores](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=298s)

## Ressources associées

- [Distance Event logicModèle](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)

## Présentation

- Spline 3D
- 6 min
- Débutant

## Fait partie de

- [Spline 101 | Créez votre première scène interactive](https://spline.design/fr/academy/collections/spline-101-build-your-first-interactive-scene/trigger-interactions-with-proximity-using-the-distance-event)

## Tutoriels associés

[Tous les tutoriels](https://spline.design/fr/academy/tutorials)

[Ajouter des interactions à la souris aux objets 3DSpline 3DDébutant14 min](https://spline.design/fr/academy/tutorials/add-mouse-based-interactions-to-3d-objects)[Créer un orbe 3D réactif avec du mouvement et de l’interactionSpline 3DIntermédiaire7 min](https://spline.design/fr/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Créer des visualisations de données 3D dans Spline avec des variables et des API en temps réelSpline 3DAvancé15 min](https://spline.design/fr/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

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

L’éditeur 3D et 2D pour les équipes et leurs agents. Publiez sur le web, iOS et Android.

#### Interrogez l’IA sur Spline

#### Produits

- [Design 3D](https://spline.design/fr/3d-design)
- [Hana](https://spline.design/fr/hana)
- [Omma](https://omma.build)
- [Génération 3D par IA](https://spline.design/fr/ai-generate)
- [Spline MCP](https://spline.design/fr/mcp)
- [Spline Arena](https://spline.design/fr/arena)
- [Tarifs](https://spline.design/fr/pricing)
- [Enterprise](https://spline.design/fr/enterprise)

#### Runtimes

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

#### Apps

- [Télécharger](https://spline.design/fr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Télécharger Spline Mirror](https://spline.design/download-mirror)

#### Apprendre

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

#### Communauté

- [Communauté Spline](https://community.spline.design)
- [Blog](https://spline.design/fr/blog)
- [Nouveautés](https://spline.design/fr/changelog)
- [Éducation](https://spline.design/fr/education)
- [Contra](https://spline.design/contra)
- [Affiliation](https://spline.design/fr/affiliate)

#### Entreprise

- [Clients](https://spline.design/fr/customers)
- [Carrières](https://www.ycombinator.com/companies/spline/jobs)
- [Sécurité](https://spline.design/fr/security)

#### Mentions légales

- [Conditions générales](https://spline.design/terms)
- [Confidentialité](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.