Spline
  • Customers
  • Enterprise
  • Pricing
Talk to salesStart building
  1. Academy
  2. Courses
  3. Spline Advanced | Feature Deep Dive
  4. Use Variables to Create Interactive 3D Content

Use Variables to Create Interactive 3D Content

Lesson 4 of 17Spline 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
  2. 0:27What are variables?
  3. 1:00Creating variables
  4. 1:57How to use variables
  5. 3:00How to move an object with variables and events
  6. 3:52String variables and text
  7. 4:38Dynamic variables (Time, Counter, Random)
  8. 6:56Changing rotation with a counter variable
  9. 8:04Reusing variable in multiple properties
  10. 8:25Using a conditional action to trigger transitions
  11. 10:50Capturing object properties changes
  12. 13:11Making controls to move a cube
  13. 15:29Bar chart logic with variables
  14. 18:13Progress bar and math functions
  15. 20:26Making a likes counter
  16. 22:19Modifying shape properties with variables

Related resources

  • Move Controls with VariablesTemplate
  • VariablesDocument
  • Variable Change EventDocument
  • Set Variable ActionDocument
  • Variable Control ActionDocument

Overview

  • Spline 3D
  • 24 min
  • Advanced

Up next

Create an Interactive 3D Character using Variables

17 minAdvanced

Continue
Spline

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

Ask AI about Spline

Products

  • 3D Design
  • Hana
  • Omma
  • AI 3D Generation
  • Spline MCP
  • Pricing
  • Enterprise

Runtimes

  • Web
  • iOS
  • Android

Apps

  • Download
  • Spline Mirror
  • Download Spline Mirror

Learn

  • Docs
  • Academy
  • Spline API
  • Solutions

Community

  • Spline Community
  • Blog
  • Changelog
  • Education
  • Contra
  • Affiliate

Company

  • Customers
  • Careers
  • Security

Legal

  • Terms & Conditions
  • Privacy

Contact

  • help@spline.design
  • jobs@spline.design
© 2026 - Spline, Inc.