# Ajouter des interactions à la souris aux objets 3D - Spline 101 | Créez votre première scène interactive - Spline Academy (https://spline.design/fr/academy/tutorials/add-mouse-based-interactions-to-3d-objects)

> Apprenez à créer facilement des interactions en faisant réagir des éléments 3D à votre curseur !

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. Ajouter des interactions à la souris aux objets 3D

# Ajouter des interactions à la souris aux objets 3D

Leçon 4 sur 16Spline 3DDébutant14 min

Apprenez à créer facilement des interactions en faisant réagir des éléments 3D à votre curseur !

Ce guide est pensé pour les débutants et offre une introduction facile à suivre à ces notions.

Nous montrons la puissance des événements de souris (Mouse Up, Down, Press et Hover) pour enrichir vos designs 3D. Nous montrons aussi comment créer des expériences interactives en associant ces événements à des actions comme des changements de couleur, de taille ou d’animation, des mouvements de caméra et plus encore !

Découvrez ces autres tutoriels pour en savoir plus sur les événements de souris ! <https://youtu.be/pR2AhQ22KwM> <https://youtu.be/eCxLYk2rNzg> <https://youtu.be/hRy-Iqle6EU> <https://youtu.be/RmC2xEtXobE> <https://youtu.be/lJIDSiDlhvw>

\---

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=rdZrrXFLxuw&t=0s)
2. [0:29Comprendre les événements de souris](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=29s)
3. [1:42Créer une interaction Mouse Down simple](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=102s)
4. [5:02Changer de couleur au clic](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=302s)
5. [6:03Boutons interactifs et changement de couleur](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=363s)
6. [8:47Interaction au clic avec changement de position de la caméra](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=527s)
7. [10:54Ajouter des effets sonores](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=654s)
8. [12:01Explorer l’action Create Object](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=721s)
9. [12:20Ajouter une URL pour ouvrir un site web au clic.](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=740s)

## Ressources associées

- [Mouse Hover EventModèle](https://app.spline.design/academy/tutorials/add-mouse-based-interactions-to-3d-objects?redirect-duplicate-template-uuid=267cdcd9-2272-426a-9b67-4028d2c1d024&is-2d-file=false)
- [How state-based animation worksDocument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Events & InteractivityDocument](https://docs.spline.design/interaction-states-events-and-actions/events-interactivity)
- [EventsDocument](https://docs.spline.design/#events)
- [ActionsDocument](https://docs.spline.design/#actions)

## Présentation

- Spline 3D
- 14 min
- Débutant

## À suivre

[Créer des interactions de bouton 3D10 minDébutant](https://spline.design/fr/academy/collections/spline-101-build-your-first-interactive-scene/how-to-create-3d-button-interactions)[Continuer](https://spline.design/fr/academy/collections/spline-101-build-your-first-interactive-scene/how-to-create-3d-button-interactions)

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