3D Website Tutorial: Interactive Robot using Spline

Let us know if you’d like to see a full Spline course from Flux Academy: flux-academy.t...
Watch our Spline crash course: • Spline Tutorial for Be...
Check Spline 👉 spline.design/
Join the Spline community:
Instagram: / splinetool
Twitter / X : / splinetool
TikTok: / splinedesign
Discord Community: / discord
🎨 FREE RESOURCES FOR DESIGNERS 👉 bit.ly/4akj97o
📱 Find us on SOCIAL MEDIA
Ran's Instagram 👉 / ransegall
Ran's X (Twitter) 👉 / ransegall
Flux Academy's Instagram 👉 / flux.academy
Flux Academy's TikTok 👉 / fluxacademy

[@Dineshkumar-z3k6x]

It Looks fantastic....we want more like these tutorial.

[@worksmart8166]

Sir make like this video(spline), i am a fan of u. Its super video and very interesting thanks a lotttt❤

[@FluxAcademy]

Thank you!

[@piercespective-studios]

If you're wanting to just know how to make your asset follow the cursor, its @ 13:32

[@Whatyowang]

Hey Guys i would really like any great suggestions on a full spline course really loving it. Great work Ran!

[@FluxAcademy]

Thanks! And noted.

[@wajeehaansari6986]

​@@FluxAcademyPlease can i get design filesss please please

[@shubhamvig6358]

awesome ---------- please upload more tutorials -- Thanks

[@ZandyXR]

great tutorial!

[@macmagic90]

can we add spline model in js

[@majamiab]

Ran! This was very helpful! Can I now use what I did on my website 😊? (The robot)

[@wajeehaansari6986]

can i get its design file? please

[@SP-v]

Is there a link to the site you just created so i can see how it functions live ?

[@kelvin.asiedu]

wayyyyyy easier workflow than blender

[@surya14332]

does this work in figma

[@muathkhazaleh3525]

Do i need to know code or programming language to add 3d designs to my website ?

[@FluxAcademy]

Nope

[@jordanfromtheb]

at 14:10 my head detaches from the body when i test it out with the " look at" animation. any tips on how to fix it guys?

[@jordanfromtheb]

update: fixed solution: first, play the animation and point your cursor up to the sky, moving it in circles. Next, take note of the place where the head is rotating around. then, go back into the editor, and you should find in that location a small dot or pin. click on it and move it into the center of the head model. it should work normally after this! :)

[@ayush1344]

can we use it in react and next js??

[@johanneswijaya5384]

It's possible using react-spline library

[@ApurvaKashyap-kj6qz]

great tutorial , but that material is not free 😔

[@Rohit_kumar47]

its free on spline now

[@andrewryan6006]

@@Rohit_kumar47 Some are free and some aren't

[@adityashinde241]

actually my head and body is not attaching , as I play it and move the cursor the head moves away from the body and body remains at same place , please tell me solution for this

[@jordanfromtheb]

i just had the same problem and i found the answer first, play the animation and point your cursor up to the sky, moving it in circles. Next, take note of the place where the head is rotating around. then, go back into the editor, and you should find in that location a small dot or pin. click on it and move it into the center of the head model. it should work normally after this! :)

[@Papaboi226]

we need more spline tutorial!!!!!!!!!!! This is amazing btw

[@hadiaslam7801]

I really love your content, and i believe that 3D is the next big thing in web and especially Webflow, can you please create a video on how to create a glass material? i think it would be awesome

[@dharanisri6494]

Can anyone help me with that boolean modifier? How do I select the rectangle and sphere at the same time? I've been struggling with this.

[@siddheshshende7662]

is this mobile friendly ??? can we use it in website which are mobile responsive??? if yes, then how sir

[@junaidahsaan]

Loving this already! Please post more, I am enjoying learning spline, would love to have a whole course from beginner to advanced level.

[@petenicholson3255]

Legendary stuff. It's such a great process to watch a cool model like that coming together.

[@unknowntraveler6406]

Could you please provide guidance on how to import Blender 3D models into Webflow?

[@FluxAcademy]

Good idea, thanks for the suggestion.

[@unknowntraveler6406]

@@FluxAcademy Welcome

[@aniketsingh1246]

when i do lookat event, and move my cursor, the head is looking at opposite direction, what am i doing wrong

[@pradyumnshirsath7671]

i m having an issue while applying the effects. Head turns back after entering into spectating mode. I thought might be the plane issue ,. But not able to resolve after trying some things . help

[@andreyguevara6894]

Hello bro! Do you know how I can make the spline objects weigh little and not lose quality, I have problems when I put them on my website, they take a long time to load and it is slow..

[@alikaram98]

so so so good :)

[@Wolf-AI]

can you code??

[@fscubetech7219]

The great content👍🏻

[@MultiSciGeek]

That's dope! Probably gonna crash my PC tho.

[@kamaliya23]

its realy great, i love to learn and also teach us like this.

[@FluxAcademy]

Glad you liked it!

[@ShazminNasir]

Why my spot light is too fade ? Is something I'm doing in a wrong way or is it a paid version?

[@igoraraujo4506]

Excellent video, can you provide the robot download?

[@raheemofficial6441]

can you make one but with tripod?

[@Whatyowang]

This is Ingenious Ran!! Loving spline totally.

[@bubble4525]

Can I get spline super to export stuff?

[@justinmfblaze]

What about for mobile?

[@themohdtaib]

Amazing sir!

[@belanovekbinu6732]

You are amazing 🤟🏻

[@friendlymagency]

It's as awesome like other tutorials 🎇🎉. Now its time to discover with this amazing workflow... and bam! :D Well done, thank you again Flux 💜

[@FluxAcademy]

Appreciate it!

[@ketankshirsagar3148]

damn its really good

[@KenneDei-u9u]

Someone should help me

[@KenneDei-u9u]

Please how will I hold option and rotate my camera I have been struggling with this

[@ibaurr]

Hold Alt for Windows.

[@KenneDei-u9u]

@@ibaurr thanks 🙏🎈💝

[@kookooo16]

Bravo

[@KenneDei-u9u]

Please how will I hold option and rotate my camera I have been struggling with this

[@FluxAcademy]

Are you on PC? Try the alt key.

[@wajeehaansari6986]

​@@FluxAcademycan i get design files pleaseeee pleasee

[@SP-v]

cool stuff

[@fleurebene3741]

it's crazy i lovee it !!

[@Scottyo74]

great content.

[@liori2010]

crazy! 😁 When is the full Spline course coming out?

[@FluxAcademy]

When the people demand it!

[@wajeehaansari6986]

please can i get a design file please please ​@@FluxAcademy

[@murmullito]

what website maker software is it?

[@aniruddhjain1839]

Webflow

[@Kila-eo5hg]

Hello, I am having a very simple problem that I can't seem to find the solution for. Even with adding a new camera and doing everything like you did, I can't seem to turn of the option that the object can be clicked and rotated. So even when I export it to webflow and publish it, the user can still click and rotate the object around. Is there a way to fix this ? Thanks

[@lakshayjain398]

bro i want spline premium for my work can you help plz i genuinely need it 🥲🥲

[@Ctrllab7]

🤣🤣it was interesting until i find out i need to subscribe to my spline before i get the metal color🥲🥲