How can I make a draggable thing like this?

[FroDev1002 (FroDev)]

So I am making a custom animator and Im at the point where I need to make it so you can change what time you are editing at, so I need to make it so you can drag a thing that changes the time to its position basically.

---

For instance in blender:

You can see that there is a blue thing, you can drag this thing around and it changes the time you are editing at.

Now I already know how to get the time depending on where that draggable thing is but I dont know well, how to make it draggable.

Extra notes

This is where it is positioned in the workspace:

btw the Animate frame is in a gui dont worry

If you know how to do this please feel free to tell me!

[FuntMaster]

You can use UserInputService.InputBegan and UserInputService.InputEnded to detect when the mouse is held down and when it is released. From there, you can just make it follow the cursor’s position on the X axis.

[foxnoobkite]

this looks promising:

Simple Module For Creating Draggable GUI Elements

About We used to have a property called Draggable which allowed us to enable dragging on GUI objects. Unfortunately this has been deprecated and is no longer available. That’s why I created an easy to use module to replace the old ‘Draggable’ property. This module can be used on any GuiObject (Frames, ImageLabels, TextLabels, etc.) and supports both mouse and touch. How To Use First, you require the module and use DraggableObject.new(Object) function to create a new draggable object from a…

yes yes i know its old but according to the latest comment it appears to be working

[JustCrock]

I agree with @FuntMaster here. You could use InputBegan and InputEnded with some checks, but I’d use the player’s mouse. Here’s an example

local Player = game.Players.LocalPlayer
local Mouse = Player:GetMouse()
local Button = Draggable

local mouseMove
local mouseIn

Button.MouseEnter:Connect(function()
	mouseIn = true
end)

Button.MouseLeave:Connect(function()
	mouseIn = false
	if mouseMove then mouseMove:Disconnect() end
end)

Mouse.Button1Down:Connect(function()
	if mouseIn then
		mouseMove = Mouse.Move:Connect(function()
			if not mouseIn then return end
			Button.Position = UDim2.new(0, Mouse.X, 0, 0)
		end)
	end
end)

Mouse.Button1Up:Connect(function()
	if mouseMove then
		mouseMove:Disconnect()
	end
end)