# Use Variables to Create Interactive 3D Content - Spline Academy (https://spline.design/academy/tutorials/use-variables-to-create-interactive-3d-content)

> Hello everyone! In this tutorial, you will learn how to use variables in combination with Events and Actions to create custom interactive experiences on…

1. [Academy](https://spline.design/academy)
2. [Tutorials](https://spline.design/academy/tutorials)
3. Use Variables to Create Interactive 3D Content

# Use Variables to Create Interactive 3D Content

Spline 3DAdvanced24 min

Hello everyone! In this tutorial, you will learn how to use variables in combination with Events and Actions to create custom interactive experiences on Spline! Check Spline: <https://spline.design/>

## What you’ll learn

1. [0:00Intro](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=0s)
2. [0:27What are variables?](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=27s)
3. [1:00Creating variables](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=60s)
4. [1:57How to use variables](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=117s)
5. [3:00How to move an object with variables and events](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=180s)
6. [3:52String variables and text](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=232s)
7. [4:38Dynamic variables (Time, Counter, Random)](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=278s)
8. [6:56Changing rotation with a counter variable](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=416s)
9. [8:04Reusing variable in multiple properties](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=484s)
10. [8:25Using a conditional action to trigger transitions](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=505s)
11. [10:50Capturing object properties changes](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=650s)
12. [13:11Making controls to move a cube](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=791s)
13. [15:29Bar chart logic with variables](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=929s)
14. [18:13Progress bar and math functions](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=1093s)
15. [20:26Making a likes counter](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=1226s)
16. [22:19Modifying shape properties with variables](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=1339s)

## Related resources

- [Move Controls with VariablesTemplate](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)

## Overview

- Spline 3D
- 24 min
- Advanced

## Part of

- [Spline Advanced | Feature Deep Dive](https://spline.design/academy/collections/spline-advanced-feature-deep-dive/use-variables-to-create-interactive-3d-content)

## Related tutorials

[All tutorials](https://spline.design/academy/tutorials)

[Shape Interactive 3D Fluid Shapes That Follow the CursorSpline 3DBeginner12 min](https://spline.design/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)[How to Build Drag & Drop Interactions in 3DSpline 3DBeginner10 min](https://spline.design/academy/tutorials/how-to-build-drag-drop-interactions-in-3d)[How to Animate a 3D Walking CharacterSpline 3DBeginner14 min](https://spline.design/academy/tutorials/how-to-animate-a-3d-walking-character)

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

The 3D and 2D editor for teams and their agents. Ship to the web, iOS and Android.

#### Ask AI about Spline

#### Products

- [3D Design](https://spline.design/3d-design)
- [Hana](https://spline.design/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/ai-generate)
- [Spline MCP](https://spline.design/mcp)
- [Pricing](https://spline.design/pricing)
- [Enterprise](https://spline.design/enterprise)

#### Runtimes

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

#### Apps

- [Download](https://spline.design/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Download Spline Mirror](https://spline.design/download-mirror)

#### Learn

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/blog)
- [Changelog](https://spline.design/changelog)
- [Education](https://spline.design/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/affiliate)

#### Company

- [Customers](https://spline.design/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/security)

#### Legal

- [Terms & Conditions](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.