Dragging Inventory System

Help and Feedback Scripting Support
#1

How can I make a dragging inventory system, like this video here: Inventory UI Progress 2 - YouTube

#2

Hello Lampy, the dragging inventory system is not as complex as it seems, you just have to find when the gui is clicked (you could use image buttons) and bind it with renderstepped when itā€™s clicked so that the gui follows the position of the mouse. You can get the position of the mouse by using ā€˜UserInputService:GetMouseLocationā€™ and converting its Vector2 to Udim2 values.

A sample script provided by roblox goes as follows:

local UserInputService = game:GetService("UserInputService")
local RunService = game:GetService("RunService")
local gui = script.Parent
local screenGui = gui.Parent
screenGui.IgnoreGuiInset = true
mouseLocation = UserInputService:GetMouseLocation()
gui.Position = UDim2.fromOffset(mouseLocation.X, mouseLocation.Y)
local function moveGuiToMouse()
	mouseLocation = UserInputService:GetMouseLocation()
	gui.Position = UDim2.fromOffset(mouseLocation.X, mouseLocation.Y)
end
 
RunService:BindToRenderStep("moveGuiToMouse", 1, moveGuiToMouse)
#3

Ok, ty. So this is what iā€™ve kinda done. But then when you drop it onto another gui, how do i do that?

#4

You have to check which GUI is the closest (for loop) and set the position of the selected gui to the position of the gui which happens to be the closest gui that you already found

1 Like
#5

How can i script it to find the closest gui?

#6

Run through all the present GUIs and compare the distance between the position of the first GUI and the other GUI that youā€™re running through using the magnitude function!

1 Like