# Utiliser des variables pour créer du contenu 3D interactif - Spline Academy (https://spline.design/fr/academy/tutorials/use-variables-to-create-interactive-3d-content)

> Bonjour à tous ! Dans ce tutoriel, vous apprendrez à utiliser des variables avec les événements et les actions pour créer des expériences interactives…

1. [Academy](https://spline.design/fr/academy)
2. [Tutoriels](https://spline.design/fr/academy/tutorials)
3. Utiliser des variables pour créer du contenu 3D interactif

# Utiliser des variables pour créer du contenu 3D interactif

Spline 3DAvancé24 min

Bonjour à tous ! Dans ce tutoriel, vous apprendrez à utiliser des variables avec les événements et les actions pour créer des expériences interactives personnalisées dans Spline ! Découvrez Spline : <https://spline.design/>

## Ce que vous allez apprendre

1. [0:00Intro](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=0s)
2. [0:27Que sont les variables ?](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=27s)
3. [1:00Créer des variables](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=60s)
4. [1:57Utiliser des variables](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=117s)
5. [3:00Déplacer un objet avec des variables et des événements](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=180s)
6. [3:52Variables de type chaîne et texte](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=232s)
7. [4:38Variables dynamiques (Time, Counter, Random)](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=278s)
8. [6:56Changer la rotation avec une variable compteur](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=416s)
9. [8:04Réutiliser une variable dans plusieurs propriétés](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=484s)
10. [8:25Utiliser une action conditionnelle pour déclencher des transitions](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=505s)
11. [10:50Capturer les changements de propriétés d’un objet](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=650s)
12. [13:11Créer des commandes pour déplacer un cube](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=791s)
13. [15:29Logique de graphique à barres avec des variables](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=929s)
14. [18:13Barre de progression et fonctions mathématiques](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=1093s)
15. [20:26Créer un compteur de likes](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=1226s)
16. [22:19Modifier les propriétés d’une forme avec des variables](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=1339s)

## Ressources associées

- [Move Controls with VariablesModèle](https://app.spline.design/academy/tutorials/use-variables-to-create-interactive-3d-content?redirect-duplicate-template-uuid=ebe53d5b-a7ca-4191-bfa8-39dcda2848c7&is-2d-file=false)
- [VariablesDocument](https://docs.spline.design/interaction-states-events-and-actions/variables)
- [Variable Change EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/variable-change-event)
- [Set Variable ActionDocument](https://docs.spline.design/interaction-states-events-and-actions/actions/set-variable-action)
- [Variable Control ActionDocument](https://docs.spline.design/interaction-states-events-and-actions/actions/variable-control-action)

## Présentation

- Spline 3D
- 24 min
- Avancé

## Fait partie de

- [Spline avancé | Plongée dans les fonctionnalités](https://spline.design/fr/academy/collections/spline-advanced-feature-deep-dive/use-variables-to-create-interactive-3d-content)

## Tutoriels associés

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

[Modeler des formes fluides 3D interactives qui suivent le curseurSpline 3DDébutant12 min](https://spline.design/fr/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)[Créer des interactions de glisser-déposer en 3DSpline 3DDébutant10 min](https://spline.design/fr/academy/tutorials/how-to-build-drag-drop-interactions-in-3d)[Animer un personnage 3D qui marcheSpline 3DDébutant14 min](https://spline.design/fr/academy/tutorials/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.