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

Fading a GUI button on cursor scroll?

Asked by

11 years ago

How would you do it so if you scrolled your cursor, over a GUI button it fades from the color you have it to green, or whatever you choose the color to be?

1 answer

Answered by

nate890 495

11 years ago

By "fading" I assume you mean a "gradient" transition

The WheelForward and WheelBackward events do not fire for GUI, they only fire for the mouse object. However, we can use the mouse and WheelForward/WheelBackward events in conjunction with a GUI to determine whether or not the mouse is hovering over the GUI.

Once we figure out how to get the scroll events to work in conjunction with our GUI we need to figure out how to implement grading. I've already added a generic function that handles grading.

The following code must be in a LocalScript in order for it to function in online mode.

01local mouse = game.Players.LocalPlayer:GetMouse()
02local myGui = script.Parent
03 
04local debounce = false
05local mouseOver = false
06 
07local colorFrom = Color3.new(0, 255, 0) -- Green (change to myGui.BackgroundColor3 for current color)
08local colorTo = Color3.new(255, 0, 0) -- Red
09 
10function gradience(n, color1, color2) --a simple function that returns a color after gradience from color1 to color2  at a specific point *n* of grading. or something like that.. terminology is probably a bit off.
11    local color = {0, 0, 0}
12    color1 = {color1.r, color1.g, color1.b}
13    color2 = {color2.r, color2.g, color2.b}
14    for i = 1, 3 do
15        color[i] = (color1[i] + n * (color2[i] - color1[i]))/255
16    end
17    return Color3.new(color[1], color[2], color[3])
18end
19 
20function startTransition(i, t, start, finish) --function that changes the BackgroundColor3 of the GUI. **i** represents the amount of iterations from start to finish (value between 0 and 1) and **t** is the delay between each iteration. the smaller t is, the less choppy the transition is.
21    if mouseOver and not debounce then
22        debounce = true
23        for n = start or 0, finish or 1, i or 0.1 do
24            myGui.BackgroundColor3 = gradience(n, colorFrom, colorTo)
25            wait(t or 0)
26        end
27        debounce = false
28    end
29end
30 
31myGui.MouseEnter:connect(function()
32    mouseOver = true
33    myGui.MouseLeave:wait()
34    mouseOver = false
35end)
36 
37mouse.WheelForward:connect(function()
38    startTransition(0.01) --if **t** isn't given, the wait time between each transition is automatically as fast as it gets (0 or 0.03)
39end)
40 
41mouse.WheelBackward:connect(function()
42    startTransition(0.01)
43end)
 View all 43 lines...

Edit: the WheelForward and WheelBackward events don't fire when the mouse is hovering over a TextButton (or ImageButton) so myGUI needs to be a TextLabel, ImageLabel or Frame.

Please provide explanation with your answers. Simply posting code does not spread knowledge of integral scripting processes which helps people understand the logic and reasoning behind your answer. User#11893 186 — 11y

Normally I do write some sort of explanation but I finished writing the main part of the code and was already late to leave so I just made sure it worked properly and posted it (then logged off.) nate890 495 — 11y

What do you mean "Edit: Textlabel or frame"?? Lem0nzz 5 — 11y

I mean that if you want the transition to occur when the scroll events fire then the GUI can't be a TouchButton or ImageButton because the scroll events don't fire when the mouse is hovering over them. nate890 495 — 11y

Fading a GUI button on cursor scroll?

1 answer

Answer this question