Scripting Helpers is winding down operations and is now read-only. More info→
Ad
Log in to vote
1

Can someone explain how to make a animated gui? or a wiki page on it

Asked by 7 years ago

Much appreciated... ...

3 answers

Log in to vote
1
Answered by 7 years ago

Loop through a series of pictures

An animation is just a whole bunch a pictures ran together. To make a gif, you just need to get about 10-20 pictures and loop them.

Examples,

For me to make an example, let me tell you about a website you can use. You could find a gif online, and convert that gif to many pictures. Here's the link to that website.

Now that you have the pictures, throw the ids in a table of some sort. Example,

local label = script.Parent
local ids = {
    "rbxgameasset://Images/frame_0_delay-0.07s";
    "rbxgameasset://Images/frame_1_delay-0.07s";
    "rbxgameasset://Images/frame_2_delay-0.07s";
    "rbxgameasset://Images/frame_3_delay-0.07s";
    "rbxgameasset://Images/frame_4_delay-0.07s";
    "rbxgameasset://Images/frame_5_delay-0.07s";
    "rbxgameasset://Images/frame_6_delay-0.07s";
    "rbxgameasset://Images/frame_7_delay-0.07s";
    "rbxgameasset://Images/frame_8_delay-0.07s";
    "rbxgameasset://Images/frame_9_delay-0.07s";
    "rbxgameasset://Images/frame_10_delay-0.07s";
    "rbxgameasset://Images/frame_11_delay-0.07s"
}
I also defined the ImageLable we'll be using. It's but to use a Local Script if a GUI is what you'll be using.

Now we have to loop though, and change the picture fairly fast. I've found a delay of about 0.065 seconds is the best, but you can mess around with this.

local label = script.Parent
local ids = {
    "rbxgameasset://Images/frame_0_delay-0.07s";
    "rbxgameasset://Images/frame_1_delay-0.07s";
    "rbxgameasset://Images/frame_2_delay-0.07s";
    "rbxgameasset://Images/frame_3_delay-0.07s";
    "rbxgameasset://Images/frame_4_delay-0.07s";
    "rbxgameasset://Images/frame_5_delay-0.07s";
    "rbxgameasset://Images/frame_6_delay-0.07s";
    "rbxgameasset://Images/frame_7_delay-0.07s";
    "rbxgameasset://Images/frame_8_delay-0.07s";
    "rbxgameasset://Images/frame_9_delay-0.07s";
    "rbxgameasset://Images/frame_10_delay-0.07s";
    "rbxgameasset://Images/frame_11_delay-0.07s"
}

while true do
    for i,v in pairs(ids) do
        label.Image = v
        wait(0.065)
    end
end

Let me know if this helps you, or if you're confused about something.

Good Luck!

If I helped, please don't forget to accept my answer.
Ad
Log in to vote
0
Answered by 7 years ago
Edited 7 years ago

Well really, you can't make an animation for GUI's but what you could use is UDim2.new ()) This will allow you to move your GUI's from one place to another. Here is where you can learn about them.... http://wiki.roblox.com/index.php?title=UDim2

Log in to vote
0
Answered by 7 years ago

Tweening. http://wiki.roblox.com/index.php?title=Tweening

Answer this question