How to recreate this effect?

Does anyone how this effect could be achieved? I’m currently trying to make a skill tree system in a GUI and I want to include a similar effect of the player being able to move around the tree by clicking and dragging, does anyone know how it was done?

1 Like

The video is black the whole time for me. :confused:

I just uploaded it to a host site lmk if you can see it now

External Media

I think this is done through a dragdetector.

1 Like

I think you would use scrolling frames on both axis and make the scroll bar transparent. :+1: :grin:

1 Like

I think you might be right I looked into the documentation and played with them a little and it has the same kinda drag, idk how to explain but it accelerates and slows down at the same rate and generally acts the same.

The only problem I’m having is I don’t know I would be able to apply this to a 2D GUI, because it seems to only apply to 3D objects and models.

I just realized that there is something called a “UIDragDetector” disregard my last message lol

1 Like

There are a lot of ways to do this. The one shown in the video is done using a script but a simpler method is to just use a ScrollingFrame.

So I’ve gotten really close but I cant seem to figure out how to create that gliding effect, I’ve messed with all of the variables but I think I must be missing something.

This is what I have so far (UI looks terrible I know lol)

I’m not too familiar with drag detectors, but it looks like you can modify the DragStyle to Custom and use the SetDragStyleFunction function to pass in custom movement logic. Ideally you’d just get the delta of the proposed movement direction and use that to create the smooth dragging effect

1 Like