How can i make a "fade" animation for my gui without having to wait for every single frame in it?

Asked by

5 years ago

How can i make a "fade" animation for my gui without having to wait for every single frame in it? here's my current code:

01---------------------------------main script
02gui = script.Parent
03local ok = require(gui.MAINMOD)
04    ok:FadeOut(gui.loader)
05    for _,c in pairs(gui.loader:GetDescendants())do
06        if c.Name~="LocalScript"then
07    ok:FadeOut(c)
08    end
09    end
10    ok:swait(3)
11    gui.loader:Destroy()
12    gui.main.Visible = true
13    ok:FadeIn(gui.main)
14    for _,c in pairs(gui.main:GetDescendants())do
15    ok:FadeIn(c)
16    end
17-------------------- Module script
18local module = {}
19ArtificialHB = Instance.new("BindableEvent", script)
20ArtificialHB.Name = "ArtificialHB"
21 
22script:WaitForChild("ArtificialHB")
23Frame_Speed = 1 / 60
24frame = Frame_Speed
25tf = 0
26allowframeloss = false
27tossremainder = false
28lastframe = tick()
29script.ArtificialHB:Fire()
30 
31game:GetService("RunService").Heartbeat:connect(function(s, p)
32    tf = tf + s
33    if tf >= frame then
34        if allowframeloss then
35            script.ArtificialHB:Fire()
36            lastframe = tick()
37        else
38            for i = 1, math.floor(tf / frame) do
39                script.ArtificialHB:Fire()
40            end
41        lastframe = tick()
42        end
43        if tossremainder then
44            tf = 0
45        else
46            tf = tf - frame * math.floor(tf / frame)
47        end
48    end
49end)
50function module:swait(num)
51if num == 0 or num == nil then
52        ArtificialHB.Event:wait()
53    else
54        for i = 1, num do
55            ArtificialHB.Event:wait()
56        end
57    end
58end
59function module:FadeOut(gui)
60if gui:IsA("TextLabel") or gui:IsA("TextBox") or gui:IsA("TextButton") then
61 for i = 1,100 do
62gui.TextTransparency = gui.TextTransparency + 0.01
63module:swait()
64end
65end
66for i = 1,100 do
67 gui.BackgroundTransparency = gui.BackgroundTransparency + 0.01
68 module:swait()
69end
70end
71function module:FadeIn(gui)
72if gui:IsA("TextLabel") or gui:IsA("TextBox") or gui:IsA("TextButton") then
73for i = 1,100 do gui.TextTransparency = gui.TextTransparency - 0.01
74 module:swait()
75end
76end
77 for i = 1,100 do
78 gui.BackgroundTransparency = gui.BackgroundTransparency - 0.01
79module:swait()
80end
81end
82return module
 View all 82 lines...

This code will wait for every gui part instead of doing it all together. I would like it to do the fade animation all together but I don't know how.

How can i make a "fade" animation for my gui without having to wait for every single frame in it?

Answer this question