Creating Interactive/Reactive Spheres in 3D

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ก.ย. 2024

ความคิดเห็น • 62

  • @ishan101
    @ishan101 2 ปีที่แล้ว +7

    Absolutely loved this! Please do keep the tutorials coming 🥰

  • @gabrielegelfofx
    @gabrielegelfofx 2 ปีที่แล้ว +3

    This program is revolutionary. Please make a tutorial on how trigger animations through Webflow

  • @mirkovelimirovic3946
    @mirkovelimirovic3946 2 ปีที่แล้ว +1

    The lighting effects are pretty chill.

  • @MagomedMagomedov-rq7rb
    @MagomedMagomedov-rq7rb ปีที่แล้ว +1

    to quick rotate spheres you can rotate it before moving. dublicate all mini spheres, rotate it, and then move

  • @heyitsbaz
    @heyitsbaz 2 ปีที่แล้ว +1

    Omg Thank you very much! I was hoping you'd make a tutorial for this!

  • @masta4088
    @masta4088 2 ปีที่แล้ว +5

    Spline is so damn cool! I just discovered it yesterday and it's so easy to work around
    I've always been afraid to use animating tools since they look complicated to use haha this is awesome!
    Edit: I got some suggestions to make, is there any effective way to communicate it with the team?

    • @splinetool
      @splinetool  2 ปีที่แล้ว +1

      You can share ideas in our community on discord or by reaching out at ‘hello at spline.design’

  • @cerealboxstudios
    @cerealboxstudios 2 ปีที่แล้ว +2

    Loved this tutorial! Thanks. Where can I go to learn and understand the technical terminology? Such as what local v/s world position means, what does near/far exactly mean? etc. Thanks!

  • @freedoom4090
    @freedoom4090 ปีที่แล้ว

    this is so beautiful! I just found out Spline and I'm amazed with your work. I'm new in web development and only had contact with backend and I always thought that design is so hard ... I'm not that creative lol

  • @chinelothenigerian
    @chinelothenigerian 2 ปีที่แล้ว

    Love this tutorial. Please make more like it.

  • @SuperHuntster
    @SuperHuntster 2 หลายเดือนก่อน

    this is a great tutorial and a fantastic introduction to Spline however now (2 years later) there must be a more optimal way of working? such as applying the event to all the induvial smaller spheres along with cloning objects around a central object? (the glowing sphere in this case)?

  • @Just_Moh_it
    @Just_Moh_it 2 ปีที่แล้ว +1

    Awesome tut!

  • @rochajoaom
    @rochajoaom ปีที่แล้ว +1

    At 8:32, I was wondering if it could be possible to group the 4 spheres and use some kind of replicator in @spline. I'm curious if this approach could save time on copying and positioning, and if adding some position noise is feasible to avoid a clear replication effect. I'd really appreciate it if someone could clarify this for me.

  • @melisolc
    @melisolc 2 ปีที่แล้ว +1

    I'm trying to do it but the mouse hover doesn't work, I tried with "Start" and it works :(
    Can you help me please?

  • @astronois6714
    @astronois6714 3 หลายเดือนก่อน

    Thanks! Is it possible to speed up this process with the cloner?

  • @meriemferchichi5959
    @meriemferchichi5959 18 วันที่ผ่านมา

    it was enjoyable ✨

  • @sethakkerman
    @sethakkerman 2 ปีที่แล้ว +2

    It would be nice to voice over how to perform the actions that seem simple. For example, I can't for the life of me figure out how to reset the position the way you do (I have to click in the upper-left) and the quick rotation after that into the angled grid. I have to start and stop the video so many times to be able to follow along accurately.

    • @splinetool
      @splinetool  2 ปีที่แล้ว +3

      Hi Seth! Will try to do this more. Thanks for the feedback!
      For reset the camera: OPT (ALT) + R
      To focus camera on selected object: S

    • @sethakkerman
      @sethakkerman 2 ปีที่แล้ว

      @@splinetool Thank you!

  • @joaocesarlima7339
    @joaocesarlima7339 2 ปีที่แล้ว +1

    Amazing!

  • @user-qu7ud9qq5y
    @user-qu7ud9qq5y ปีที่แล้ว

    good tutorial and great voice

  • @little__secret_9119
    @little__secret_9119 5 หลายเดือนก่อน

    Please make more tutorials on 3d design in spine 😊❤

  • @Maringuanoe
    @Maringuanoe 2 ปีที่แล้ว +2

    I tried to use this scene on my account but for some reason the scene isn't interactive at all for me... it doesn't work when I hower my mouse :/ any idea on how to get it to work?

    • @JohnsonTunde
      @JohnsonTunde 8 หลายเดือนก่อน

      There are no changes from base state to the new state. Check your work again

  • @leandrov.l.7072
    @leandrov.l.7072 3 หลายเดือนก่อน

    Amazing !!!

  • @komax74
    @komax74 ปีที่แล้ว +1

    Hi, great tutorial, I try to use "cloner" with type "object" and target first sphere and woks well, but I didn't understand if I can assign the same animation as the original because they don't move.
    With cloner it would be much faster to generate the spheres without having to duplicate and redo the whole thing by hand.
    Thanks

    • @splinetool
      @splinetool  ปีที่แล้ว +2

      One trick is to use the cloner to create the small spheres around the big one very fast. Then you can convert the clones into component instances and apply the interaction to the Main Component.
      Some manual work will still be required to adjust things, but it might reduce the total creation time.
      Maybe a good topic for another tutorial.

    • @ElsaAmriDesigns
      @ElsaAmriDesigns 2 หลายเดือนก่อน

      @@splinetool It seems that the hover effect doesn't work with the other instances. I think it's because the trigger is a different element and not an element within the actual component.

  • @hl8935
    @hl8935 2 ปีที่แล้ว

    Is it possible to use javascript to control state, and listen to state event fired from the Spline canvas object?

  • @PawesomeChuckles
    @PawesomeChuckles 9 หลายเดือนก่อน

    The small spheres in mine don’t work, as in they don’t reflect when I do everything in the depth layer

  • @Ayyylien51
    @Ayyylien51 5 วันที่ผ่านมา

    Is it possible to upload my own 3D models to spline?

  • @s3.144
    @s3.144 ปีที่แล้ว

    Hi guys!
    How to import a pre-animated object from C4D to Spline? Is it possible to import alembic files into Spline?

  • @jonathanmacaulay7311
    @jonathanmacaulay7311 2 ปีที่แล้ว +1

    Thank you so much for this!
    But I seem to be encountering an issue, after I declare my states and set the event type to mouse hover, whenever I play it and test it out the hover effect doesn't work. Please help.

    • @nivekdreamman3834
      @nivekdreamman3834 2 ปีที่แล้ว

      I have the same issue, it doesn't work on mouse hover but when I touch it (I have a touch screen) the hover event triggered

    • @freedoom4090
      @freedoom4090 ปีที่แล้ว

      @@nivekdreamman3834 is it possible to trigger it on mouse?

  • @Lifewithfaridat
    @Lifewithfaridat 8 หลายเดือนก่อน

    Please how do you move left and right in spline

  • @mumpecydrone8788
    @mumpecydrone8788 2 ปีที่แล้ว

    i still dont understand how those spheres got attached. you just got the sphere tool, used it and they are attached to the main sphere. when I use it, it doesnt work. did you use shortcuts or something?

    • @splinetool
      @splinetool  2 ปีที่แล้ว +2

      Hi there! The small spheres are manually placed and rotated to be aligned to the surface of the bigger sphere, so they are not really 'attached' not anything.

  • @mcalexanderciceron619
    @mcalexanderciceron619 7 หลายเดือนก่อน +4

    This guy does good tutorials but it's too fast, no explanation of what the tools do. It's hard to follow. Do you want people to learn from the tutorial or copy your design?

  • @ellenhossain
    @ellenhossain ปีที่แล้ว

    For some reason, I can't seem to find any of the options underneath the event section like yours

    • @splinetool
      @splinetool  ปีที่แล้ว +5

      They are now in the Transition action within the event options when you click on the event.

    • @ellenhossain
      @ellenhossain ปีที่แล้ว

      @@splinetool thank you!

  • @pete531
    @pete531 10 หลายเดือนก่อน

    where is the adress on Spline for this so that we can play around with it

  • @zacariasaraujo1044
    @zacariasaraujo1044 2 หลายเดือนก่อน

    2/38- done

  • @nadya-kr5137
    @nadya-kr5137 ปีที่แล้ว +1

  • @Qoffal
    @Qoffal ปีที่แล้ว

    Is there a shortcut or faster way to do this 8:34 ?

    • @splinetool
      @splinetool  ปีที่แล้ว

      One way is to use the cloner (a feature that was not available at the time this tutorial was created).
      With the cloner, you can clone an object over the surface of another object.

  • @onlydstn
    @onlydstn 6 หลายเดือนก่อน

    I just wanted to recreate this and in the first 25 seconds I fail because I don't have the option "hardreset all" .... wow

    • @splinetool
      @splinetool  6 หลายเดือนก่อน

      Hi! "Hard Reset All" is now "Reset Transform."

  • @asitpurohit_108
    @asitpurohit_108 2 ปีที่แล้ว

    Can we use it in threejs

  • @imagineArtsLab
    @imagineArtsLab 2 หลายเดือนก่อน

    This program is cool. Please make a tutorial on how trigger animations through Webflow.

  • @gizemmeral-o1r
    @gizemmeral-o1r 7 หลายเดือนก่อน

    How can we reach Alejandro?

  • @danimator8909
    @danimator8909 2 ปีที่แล้ว +1

    💙💙

  • @davidfitcher2953
    @davidfitcher2953 2 ปีที่แล้ว

    Nice tutorial for a chemistry professor 🤣

  • @crazystuff4794
    @crazystuff4794 ปีที่แล้ว +3

    what the heck, this guy is not teaching, he's just creating himself, too poor Spline need some better tutorials

    • @wrdj3094
      @wrdj3094 11 หลายเดือนก่อน

      I mean... what better way to learn than by creating?

  • @bernardlarson9110
    @bernardlarson9110 2 ปีที่แล้ว

    🎶 promosm

  • @pch-spectrumaudio
    @pch-spectrumaudio 4 หลายเดือนก่อน

    Wow! good job