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) ❤️
  • ХоббиХобби

Комментарии • 33

  • @FIGamingHD
    @FIGamingHD 2 месяца назад +2

    Thanks! pretty awesome tutorial!!! looking forward for the animation movement click part!

  • @ye.studio
    @ye.studio 2 месяца назад +9

    That headbang really got me

  • @FelCastaneda
    @FelCastaneda 2 месяца назад +3

    Nice!! Looking forward the part 2

  • @brianamazzio7380
    @brianamazzio7380 4 дня назад

    wonderful! would love a tutorial on how to make this robot and other characters within Spline :)

  • @ariakepo
    @ariakepo 2 месяца назад +1

    This is the tutorial that I'm looking for! awesome

  • @Adorcin
    @Adorcin 2 месяца назад

    Honestly amazing. THANK YOU!

  • @elizabethkhan6911
    @elizabethkhan6911 2 месяца назад +6

    Please make a mini game tutorial! Love this❤

  • @BreathingInPixels
    @BreathingInPixels 2 месяца назад

    Amazing... Really love this one. Also beautifully explained.

  • @WickyDesign
    @WickyDesign 2 месяца назад +1

    Nice! I like the metal robot headbanging!

    • @splinetool
      @splinetool  2 месяца назад +1

      😂 Happy to hear it 🤘

  • @Alazen.
    @Alazen. 2 месяца назад +1

    Amazing

  • @user-uo6hq1rt2f
    @user-uo6hq1rt2f 2 месяца назад +1

    I wish there could be a tutorial of how to create this robot~ It's so cute!

  • @dingosmoov
    @dingosmoov 2 месяца назад

    Nice tutorial

  • @Papaboi226
    @Papaboi226 2 месяца назад

    Thanks Spline❤❤

  • @TheBongoBashi
    @TheBongoBashi 2 месяца назад

    Nice thank you ❤ please upload more advance tutorial video

  • @pushkrajdeshmukh111
    @pushkrajdeshmukh111 2 месяца назад

    So Beautiful..❤❤❤❤

  • @MACH_SDQ
    @MACH_SDQ 2 месяца назад

    Goooooood

  • @reyesoperator
    @reyesoperator 2 месяца назад

    thank you for the remix file too!

  • @Nu_davai_zapla4
    @Nu_davai_zapla4 2 месяца назад

    3:22 it sooooo cooooooooool🤘

  • @Adorcin
    @Adorcin 2 месяца назад +3

    I want to learn how to make it walk!

  • @abinari
    @abinari 2 месяца назад

    Wowww love itt

  • @olgademidova3644
    @olgademidova3644 Месяц назад

    Thank you for your tutorial! How did you make the blink face? Video texture? walk tutorial would be great

  • @centrealm-manlyscribe4202
    @centrealm-manlyscribe4202 24 дня назад

    Amazing little spline model - can I use a remix of this on my website?

  • @ValeFero
    @ValeFero 2 месяца назад +2

    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.

  • @conservativeliberal
    @conservativeliberal 2 месяца назад +1

    Spline is so perfect if only it could do bone animation like blender

  • @carnifool_d9
    @carnifool_d9 Месяц назад +1

    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.

  • @jamesrowles
    @jamesrowles 2 месяца назад

    Where did you get your backing track from?

  • @RogerMadeThis
    @RogerMadeThis 2 месяца назад

    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?

  • @volkanbozkurt7373
    @volkanbozkurt7373 Месяц назад

    What is the background audio?

  • @martinui4892
    @martinui4892 2 месяца назад

    Algún curso o tutoriales en español ?

  • @darkcarnagegaming1668
    @darkcarnagegaming1668 Месяц назад

    please also try to teaching from the scratch while making you anything just like robot how we will make the robot

  • @pushkrajdeshmukh111
    @pushkrajdeshmukh111 2 месяца назад

    make more video with new ideas

  • @savchenkoalekse
    @savchenkoalekse Месяц назад

    ?