# Déclencher des interactions par proximité avec l’événement Distance - Spline 101 | Créez votre première scène interactive - 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. [Cours](https://spline.design/fr/academy/collections)
3. [Spline 101 | Créez votre première scène interactive](https://spline.design/fr/academy/collections/spline-101-build-your-first-interactive-scene)
4. Déclencher des interactions par proximité avec l’événement Distance

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

Leçon 11 sur 16Spline 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

## À suivre

[Animer un personnage 3D qui marche14 minDébutant](https://spline.design/fr/academy/collections/spline-101-build-your-first-interactive-scene/how-to-animate-a-3d-walking-character)[Continuer](https://spline.design/fr/academy/collections/spline-101-build-your-first-interactive-scene/how-to-animate-a-3d-walking-character)

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