How to use variables to create interactive 3D content in Spline

[@braidata]

Congratulations Alejandro and the team, from the support to the evolution of the App, inspiration as developers and a turning point in the development of 3D Web today.

[@framespark]

This is so exciting. I didn't realise I'd been searching for something like this for a long time. I've been a 2D interactive designer for most of my career, in part because 3D has always been fairly non-interactive. This opens up a whole new world of possibilities for me and it's very nicely done and simple to understand so thank you!

[@alecsciandra705]

Been waiting for an update like this. amazing!

[@dingosmoov]

Excellent Tutorial, very happy for this feature!

[@splinetool]

❤❤

[@ayechromatic6018]

This update is amazingg! Great job Spline team. Beautiful Job. You guys will transform the web

[@martinpalm7859]

I love it! Spline has the potential to become one of the user-friendliest game engines! Or even better... Make a separate app for making games that has a connection to SPline for assets!!!

[@denisgusev7319]

That's actually so cool! It opens up so much options for interactions... o_o Great job!

[@quietlyworking]

👏 Been eagerly waiting for this one! 🙏 Woo hoo!!

[@buzukisbuzukis]

why i can not connect variable to cloner params for example? it would be nice to connect it to any field

[@jamiediromero5016]

I gave the Like not only for the good Tutorial, but also for your great Tool! It is the perfect 3d-editor, animation tool and game engine for beginners! And not only in 3d, but also with a cartoon shader!

[@Vlad73093]

Very cool, so much potential with this one. Can it be used in JavaScript to sync dynamic values from code and scene variables?

[@splinetool]

Yes! The js API also supports variables.

[@Hendrik-Jan1111]

Amazing, thank you. Any chance there is an API for spline in the works so we can take controll and integrate with lots of juicy external solutions etc?

[@frijolini]

Hi! great tutorial. I was wondering if this variable feature can be apply with sound?

[@travshirt8610]

I would love to know how you set up the windmill! That one looks awesome, but I don't quite understand how you changed the rotation speed.

[@jonassandstedt]

Are there a way to set the default variables from the outside or expose these variables from the outside so we can save the values to ex a database?

[@matrixtomato]

its amazing what you can achieve with Spline

[@Liberati-tv]

Great tut thank you for the info! I'm hoping to see the ability for variables to work within objects in the ui editor. Currently i can't seem to be able to assign any variables.

[@mralexcheek]

This is so cool! I'm trying to build something like the last example, controlling the size of something with sliders, but I can't figure out how to lock the movement of my sliders to a "track" so that they don't move all over the place when I grab them. Where can I learn about this? Thanks community!

[@merictunc]

Great tutorial 🎉

[@larrygust5270]

I've watched so many of these tutorials i feel like alejandro and I are friends.

[@seoun95]

same here lol

[@peko8316]

alejando and friends

[@crunchoyt]

Hi Alejandro, I've seen that you don't use lights in order to show shadows or bouncing lights. Why is that? Why you use gradients and materials instead? Is it because of the file size and optimization? Are gradients and materials less demanding than a light? And a last question... Is there a way to make an emission material? Thanks

[@playGEMJI]

Please integrate variables outside of Spline 🙏

[@colorblindcr]

How are you drawing those red arrow lines @12:37? Is that some kind of app? Thanks for the video.

[@PaulBarGle]

Curious about that also, what's the name of the app for recording?

[@prajeshshrestha2205]

@@PaulBarGle On MAC, the lines he created was using Presentify app or something similar. For video recording, there are many options like Camtasia, ScreenFlow, Quicktime, etc

[@abinari]

is cube configurator @ 22:20 available somewhere to remix ??

[@alejmc]

This app came out of left field for me… had never heard of it. Are there plans for the future to have ‘scripts attachments’ to those objects? So much functionality is already there via variables, actions, transitions, etc that a centralized scripting file sounds like a great next step. Is this made in Swift? Because then just like playgrounds on the iPad, that could be a natural fit. Else something interpreted maybe like Python, Lua, who knows. Enjoying these endeavors a lot.

[@TomPIT1]

Hi Spline Team, this are some great news. I am wondering if Spline can support the real-time data API integration as well? Imagine having a 3d scene showing current weather temperature conditions, or even better, 3d scene is updating in relation to the weather data (sun, rain)... Is this already possible?, YES, NO, in the pipeline. I am asking this especially because of the Apple vision Pro - Spline Mirror option where we see a BIG potential Enterprise for our needs in ERP segment.

[@AscentXR]

Is there a workflow to get these animations into a UI working in Unity?

[@Paul-mf7zx]

Is it possible to access the variables outside of spline? This would be a game changer

[@Paul-mf7zx]

eg localisation, change text in spline depending on the language of the visitor

[@Paul-mf7zx]

Visualisation of data in web apps

[@seanharbinger]

I can't wait to try these as form objects in Webflow...

[@gabrielegelfofx]

Mindblowing

[@drigofernando]

Why once I create the text and connect to the variable it does the "Mouse down" event does not work?

[@Hmdbln]

Any plans to integrate variables with Webflow interactions instead? :D

[@yavnodesign]

hey! thx for the tut! But I canot figure out how do I change rotation speed with variables as shown at 00:05 can anyone help me out pls?

[@ayaz1979]

Amazing, Thanks

[@bigloong6171]

Huge update, you can now create all kinds of whimsical animations!

[@realitydesigners]

when will images become variables?

[@buzukisbuzukis]

is it possible to create different object states with different geometry, like morphing or something, to animate vertexes/polygons/dots in spline?

[@Hendrik-Jan1111]

Is there any way of EASING the variable movement instead of them being fixed numbers is there a way of setting a varible to " EasInOut" ?

[@dkm247]

Can someone help me?: I’m using the value of a variable to change states as Alejandro does at 9:21 in this vid. BUT I’m wondering if you can define a range, I.e. for the block to turn green again after the number gets above 200?

[@wajahatali619]

Hi i have a question, how can i use counter if i want to collect for example a coin and i want to see the numbers that this much coin i have collected?

[@splinetool]

Hi! For that, you can use the Number variables instead. And you can increase the value of that variable when the coin is collected.

[@sinanisler1]

yes ❤❤

[@dewanbageradorsho]

Nice❤❤❤❤❤❤

[@ackerwoman16]

hey! I wanted to ask if there is any upcoming AR export features that is generalized and not only confined to IOS?

[@RinggoTubeChannel]

I have subscribed to spline monthly. Please make 3D Animation for video. 🙏🙏🙏

[@alexking4341]

I'm trying to set a % variable to change once you hover on an object, and then once you hover off the object, the variable goes back to 0%. I've got the first part to work starting from 0%- 75%, but I can't figure out how to make it go back down to 0%. Can anyone help me out?

[@blenderizarte7763]

hola, me gustan mucho tus videos, sera que tendras estos videos en español, me gustaria mucho aprender

[@powerhaus3d]

Nice.

[@kriss12loverap]

❤I’m just waiting for this app to get all the tools I need to create a game a wanna make without coding. Wonder if u guys will add shaders too. So I want to I can shade it in pixel art, or other shaders styles. There are many cool ones. And they could also boost the normal splice Astethic 🎉🎉🎉

[@mrmikimessina]

How can i change colors?

[@paulamartel3337]

is there a way to access this project file?

[@kentube001]

Super Dope!

[@xavierf2229]

Its nice but you didn´t cover the string variables wich would be much more useful for website text animations like typewriting effect bro,im stuck

[@splinetool]

Hi Xavier, actually, we did talk about String variables; check the chapter that starts on 3:52 We also show how to use dynamic variables with text objects to display time, counter and more on 4:38

[@xavierf2229]

@@splinetool Hi thanks for the quick answer 😀 actually i did see you talking about the string variable but you changed it to a number right away, and what i need is like having 3 different words changing between each other in a loop you know? like the type of effect we see on the hero section of websites...do you think it is possible to achieve here?

[@hugocaby9342]

😮

[@anatolorzecki]

Now API version! Thank!

[@Noah-in-China]

Just tested, number is valid for position, but not for material transparency！

[@splinetool]

Hi! There was indeed a small bug with the transparency input, but it was fixed later today. You can try again now!

[@Grbll420]

hi i saw this and i need to simulate an earthquake for a school project, can anyone help me with that?

[@entertainmenTvpro]

cool feature no doubt but i have to say it's really hard to get to brain

[@雪鷹魚英語培訓的領航]

Man... I can't wait to let loose an AI with vision and GPT-5 abilities on every software tool there is. So much untapped potential with stuff like variables!