How to Create an Interactive 3D Robot in Spline
HTML-код
- Опубликовано: 14 июл 2024
- Hey there! 👋 This time we're all set to have some fun and show you different ways to take a 3D character to the next level by making it interactive!
Check Spline: spline.design/
You're going to learn how to make this cute robot follow your cursor, change its expression or color with a simple click, and a lot more!
Something that you can easily integrate into your project or website, without coding ;)
Feel free to use any character you like, or you can also download this one and follow along with the tutorial.
🤖 Remix: app.spline.design/file/f09aef...
Happy learning!
00:00 Introduction
00:37 Make Your Character Face Your Cursor - Look at Event
01:34 Mouse Hover Interaction
03:26 Mouse Press & Mouse Down Interactions
04:45 Change Your Character's Color
10:44 Change Facial Expressions
12:27 Game Controls
The interaction at 10:44 was inspired by Gaurav Kallugadde (@gaurav_paints) ❤️ - Хобби
Thanks! pretty awesome tutorial!!! looking forward for the animation movement click part!
That headbang really got me
Nice!! Looking forward the part 2
wonderful! would love a tutorial on how to make this robot and other characters within Spline :)
This is the tutorial that I'm looking for! awesome
Honestly amazing. THANK YOU!
Please make a mini game tutorial! Love this❤
Amazing... Really love this one. Also beautifully explained.
Nice! I like the metal robot headbanging!
😂 Happy to hear it 🤘
Amazing
I wish there could be a tutorial of how to create this robot~ It's so cute!
Nice tutorial
Thanks Spline❤❤
Nice thank you ❤ please upload more advance tutorial video
So Beautiful..❤❤❤❤
Goooooood
thank you for the remix file too!
3:22 it sooooo cooooooooool🤘
I want to learn how to make it walk!
Wowww love itt
Thank you for your tutorial! How did you make the blink face? Video texture? walk tutorial would be great
Amazing little spline model - can I use a remix of this on my website?
Sp trying to do color change on top of the previous animation did not work for me. I tried adding a new state and changing the color but the base state is also taking the color. When doing the image change for the face, I get 7 inputs to add images, and the robo face is not there. If I add something else, does not show properly.
Spline is so perfect if only it could do bone animation like blender
How do you transition materials using states? Right now Spline does not assign different colors to different states so I cannot change colors of objects using states or any of the associated attributes (start, transition). When you select a color of an object like the body or eyes, it makes that change for all states on that object. I have cleared my cookies and cache and tried on different days. Thank you.
Where did you get your backing track from?
can this interactivity be transferred to a reactjs project? I love Spline, but it's always very slow to load on websites. Maybe a new solution came out in 2024?
What is the background audio?
Algún curso o tutoriales en español ?
please also try to teaching from the scratch while making you anything just like robot how we will make the robot
make more video with new ideas
?