Scripting Helpers is winding down operations and is now read-only. More info→

Making a GUI move when your mouse hovers over it issues? [closed]

Asked by

Bman8765 270

10 years ago

Hi there, I'm currently working on a localscript which handles a large variety of features when handling the "Main GUI' for the game. Here is what the script should be doing, it should be moving a GUI button a tiny bit whenever the user moves his mouse over the button but it should then go back to the original position after the user's mouse leaves the area. I have 2 buttons that do this and every once and a while the buttons will mess up or error forgetting to go back or completely fly off the screen. It works fine if you are a gentle grandma learning how to use the internet but if you are a crazy kid (the entire roblox population pretty much) I could easily see this becoming an issue which is why I need suggestions on how to do it.

Below is the code (inside a localscript), this is not the entire script but it is all that you need to solve this problem. joinGame variable and customizeCharacter variable are both defined and located at the top of the script (not shown below) and work just fine so it is not a problem with the declaration of the textbuttons

001--Variables below--
002movingatm = false
003joinGameOut = false
004customizeCharacterOut = false
005 
006--joinGame button events below--
007 
008function clickedjoinGame()
009    --Add joining and info here ;D
010end
011 
012function enteredjoinGame()
013    if joinGameOut == true then
014        return;
015    end
016 
017    if movingatm == true then
018        repeat wait() until movingatm == false
019    end
020    movingatm = true
021    joinGameOut = true
022    for xmove = 1,10 do
023 
024        joinGame.Position = joinGame.Position + UDim2.new(0.001,0,0,0)      
025 
026        game:GetService("RunService").RenderStepped:wait()
027    end
028    movingatm = false
029end
030 
031function leftjoinGame()
032    if joinGameOut == false then
033        return;
034    end
035 
036    if movingatm == true then
037        repeat wait() until movingatm == false
038    end
039 
040    movingatm = true
041    joinGameOut = false
042    for xmove = 1,10 do
043 
044        joinGame.Position = joinGame.Position - UDim2.new(0.001,0,0,0)      
045 
046        game:GetService("RunService").RenderStepped:wait()
047    end
048    movingatm = false  
049 
050end
051 
052joinGame.MouseButton1Down:connect(clickedjoinGame)
053joinGame.MouseEnter:connect(enteredjoinGame)
054joinGame.MouseLeave:connect(leftjoinGame)
055------------------------------------------------
056--customizeCharacter button events below--
057function clickedcustomizeCharacter()
058    --Insert character customization here
059end
060 
061function enteredcustomizeCharacter()
062    if customizeCharacterOut == true then
063        return;
064    end
065 
066    if movingatm == true then
067        repeat wait() until movingatm == false
068    end
069    movingatm = true
070    customizeCharacterOut = true
071    for xmove = 1,10 do
072 
073        customizeCharacter.Position = customizeCharacter.Position + UDim2.new(0.001,0,0,0)      
074 
075        game:GetService("RunService").RenderStepped:wait()
076    end
077    movingatm = false
078end
079 
080function leftcustomizeCharacter()
081    if customizeCharacterOut == false then
082        return;
083    end
084 
085    if movingatm == true then
086        repeat wait() until movingatm == false
087    end
088 
089    movingatm = true
090    customizeCharacterOut = false
091    for xmove = 1,10 do
092 
093        customizeCharacter.Position = customizeCharacter.Position - UDim2.new(0.001,0,0,0)      
094 
095        game:GetService("RunService").RenderStepped:wait()
096    end
097    movingatm = false  
098 
099end
100 
101customizeCharacter.MouseButton1Down:connect(clickedcustomizeCharacter)
102customizeCharacter.MouseEnter:connect(enteredcustomizeCharacter)
103customizeCharacter.MouseLeave:connect(leftcustomizeCharacter)
 View all 103 lines...

Look up tweening in the wiki. EzraNehemiah_TF2 3552 — 10y

WOw that seems really interesting, I'm going to experiment with it now and I'll come back if I find a better working version Bman8765 270 — 10y

Locked by BlueTaslem

This question has been locked to preserve its current state and prevent spam and unwanted comments and answers.

Why was this question closed?

1 answer

Answered by

Bman8765 270

10 years ago

Thanks to @LordDragonZord I realized a much easier way to manage this, tweening (found here http://wiki.roblox.com/index.php?title=API:Class/GuiObject/TweenPosition ) Here is a small explain of how I changed it:

BEFORE:

01function enteredjoinGame()
02    if joinGameOut == true then
03        return;
04    end
05 
06    if movingatm == true then
07        repeat wait() until movingatm == false
08    end
09    movingatm = true
10    joinGameOut = true
11    for xmove = 1,10 do
12 
13        joinGame.Position = joinGame.Position + UDim2.new(0.001,0,0,0)      
14 
15        game:GetService("RunService").RenderStepped:wait()
16    end
17    movingatm = false
18end
19 
20function leftjoinGame()
21    if joinGameOut == false then
22        return;
23    end
24 
25    if movingatm == true then
26        repeat wait() until movingatm == false
27    end
28 
29    movingatm = true
30    joinGameOut = false
31    for xmove = 1,10 do
32 
33        joinGame.Position = joinGame.Position - UDim2.new(0.001,0,0,0)      
34 
35        game:GetService("RunService").RenderStepped:wait()
36    end
37    movingatm = false  
38 
39end
 View all 39 lines...

AFTER:

1function enteredjoinGame()
2    joinGame:TweenPosition(UDim2.new(.03, 0, 0.15, 0), "Out", "Quad", .1, true)
3end
4 
5function leftjoinGame()
6    joinGame:TweenPosition(UDim2.new(-.005, 0, 0.15, 0), "Out", "Quad", .1, true)
7end

Do not write an answer on your own post. FearMeIAmLag 1161 — 10y