How do i make a UI object follow the mouse?

[aron01224 (Arotje)]

I want an GUI Object to follow the mouse but i keep getting a weird offset. I don’t know why it has an offset so i can’t solve the problem.

local UserInputService = game:GetService("UserInputService")
local RunService = game:GetService("RunService")

local camera = workspace.CurrentCamera

local Inventory = script.Parent
local Container = Inventory.Container
local Item = Container.Item

local connection = nil

local function FollowMouse()
	local mousePosition = UserInputService:GetMouseLocation()
	local x = (mousePosition.X - Container.AbsolutePosition.X) / Container.AbsoluteSize.X
	local y = (mousePosition.Y - Container.AbsolutePosition.Y) / Container.AbsoluteSize.Y
	
	Item.Position = UDim2.new(x, 0, y, 0)
	print(Item.AbsolutePosition.Y, mousePosition.Y)
end

Item.Activated:Connect(function()
	connection = RunService.Heartbeat:Connect(FollowMouse)
end)

Anything helps . I really want to solve this!!

[Anthonycanada (Anthony)]

Could your anchor point not be set correctly? Or does the offset increase and decrease the further and closer you get to the edge and center of the screen

[aron01224 (Arotje)]

The anchorpoint is 0.5, 0.5. It does not seem to affect the offset issue for me. The offset seems to stay the same on all positions on the screen.

[Sentlyee]

have you tried deviding it by 2?
Im not 100% sure but I think this should look something like this.

local function FollowMouse()
    local mousePosition = UserInputService:GetMouseLocation()
    local containerPosition = Container.AbsolutePosition
    local containerSize = Container.AbsoluteSize
    local itemSize = Item.AbsoluteSize
    
    local offsetX = itemSize.X.Offset / 2
    local offsetY = itemSize.Y.Offset / 2
    
    local x = (mousePosition.X - containerPosition.X - offsetX) / containerSize.X
    local y = (mousePosition.Y - containerPosition.Y - offsetY) / containerSize.Y
    
    Item.Position = UDim2.new(x, -offsetX, y, -offsetY)
-- the print statement or your further code. just add what you want
end

[SkrubDaNub (ComradeSkrub)]

There are existing modules that are designed for dragging UI:

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…

Do a quick Google search for some other solutions. The one linked is just the one that I use.

[Cracygh]

Well you can use a plugin that does it for you, to where you don’t have to reinvent the wheel. This should work for any size GUI and is fully dynamic (changing size doesn’t mess it up). Its a free plugin that just inserts the script that handles everything into the GUI component that you have selected.

Creator Hub - Store

[PolyLacticSugarcane (poly)]

It might be caused by IgnoreGuiInset being disabled. If you don’t want to change that property, you can do this:

Item.Position = UDim2.new(x, 0, y, 0 - 36)

[aron01224 (Arotje)]

The gui object has no offset anymore and is working as i want it to. Thank you!