How can i make a button that resizes a Frame

Help and Feedback Scripting Support
#1

How can i make a button that resizes a Frame when i press it and stops resizing when i let go.
Kinda like in the Dev Console.

1 Like
#2

You should make a boolean variable that displays if the button is pressed.

Get the difference between the x coordinate of the top-left corner of your frame and the mouse x position, and then you do the same thing for the y positions. Then you set the size of the frame. This should be done in a while true loops that runs when the booleans that displays if the button is pressed is true.

I hope this gives an idea of how you could do this.

#3

How can i get the difference between the two points?

#4

Simple math.

PointA - PointB

PointB is the smallest value.

#5

By “PointA - PointB” you mean PointA minus PointB
you can also show me a script example

1 Like
#6 
local plr = game:GetService("Players").LocalPlayer
local mouse = plr:GetMouse()

local function GetDifference(A, B) 
   return A-B --Here we're doing what i explained in the reply. 
end

--This should be in a loop. I suggest RunService:RenderStepped().
local PointA = Vector2.new(250, 152) --This is the position of the frame's top-left corner. You could get this position by using frame.AbsolutePosition
local PointB = Vector2.new(mouse.X, mouse.Y) --This is the position of the mouse.

local S = GetDifference(PointA, PointB) --This is how big you should make your frame.

--Then you would do: frame.Size = UDim2.new(0, S.X, 0, S.Y)

Here you go! I hope this gives you a basic understanding about how you should do your math.

#7

it worked but it is the other way around. So when i move my mouse to the right the frame goes left.

#8 
local plr = game:GetService("Players").LocalPlayer
local mouse = plr:GetMouse()

local pressed = false

local function GetDifference(A, B) 
	local S = Vector2.new(math.clamp(B.X - A.X, 0, math.huge), math.clamp(B.Y - A.Y, 0, math.huge))
	return S
end

game:GetService("RunService").RenderStepped:connect(function()
	if pressed == true then
		local PointA = script.Parent.AbsolutePosition
		local PointB = Vector2.new(mouse.X, mouse.Y) --This is the position of the mouse.
		
		print(PointA.X ..",".. PointA.Y ..", "..PointB.X ..",".. PointB.Y)
		
		local S = GetDifference(PointA, PointB) --This is how big you should make your frame.

		--Then you would do: frame.Size = UDim2.new(0, S.X, 0, S.Y)
		script.Parent.Size = UDim2.new(0, S.X, 0, S.Y)
	end
end)

I think this is what you want. You just need to add event to change the pressed boolean variable.

#9

it workes but at the same time not as i wnat you can see it in the pic

image
image929Ă—433 32.8 KB

abd i have no idea how to fix this

#10 
local plr = game:GetService("Players").LocalPlayer
local mouse = plr:GetMouse()

local pressed = false

local function GetDifference(A, B) 
	local S = Vector2.new(math.clamp(B.X - A.X, 0, math.huge), math.clamp(B.Y - A.Y, 0, math.huge))
	return S
end

game:GetService("RunService").RenderStepped:connect(function()
	if pressed == true then
		local PointA = script.Parent.AbsolutePosition
		local PointB = Vector2.new(mouse.X, mouse.Y) --This is the position of the mouse.
		
		print(PointA.X ..",".. PointA.Y ..", "..PointB.X ..",".. PointB.Y)
		
		local S = GetDifference(PointA, PointB) --This is how big you should make your frame.

		--Then you would do: frame.Size = UDim2.new(0, S.X, 0, S.Y)
		script.Parent.Size = UDim2.new(0, S.X, 0, S.Y)
	end
end)

I think this is what you want. You just have to change the pressed boolean variable to with events from the button.

1 Like
#11

Yes, that worked thank you. :slight_smile:

#12

if you want to play the Game that i use that in, then heres the game link: [ Content Deleted ] - Roblox

1 Like
#13

I really enjoyed your game, 00011110 chars

1 Like