How to achieve this effect?

How can this effect be achieved? (GIF Below)

https://i.gyazo.com/97caeda5487e97309dd273bf821c676f.mp4

Speaking of the effect when hovering over the buttons. I know scripting is involved, but the is it scripting 2D UI-flipbooks, spritesheets or what?

You would have to use something like this;

local playbutton = script.Parent -- This would be the actual text button that says play

playbutton.MouseEnter:Connect(function()
     -- Here would go the code to make the effect
end)

playbutton.MouseLeave:Connect(function()
     -- Here would go the code to remove the effect
end)

Only thing I could think of off the top of my head (I’m not great at UI effects) would be a videoframe of the effect that plays in the background or just a huge hard-coded script to instantiate the pieces to create that effect, but I would find that HIGHLY unlikely. My best guess is a premade video frame that they are playing in the background but someone else may have a better guess than me as I’m not a GUI designer.

1 Like

my guess is that it’s using spritesheets since animating it with individual frames takes too long and videoframes have too high of a performance cost and you can only upload 2 a month

Is spritesheets uploading decals (for example, 10-25 images) and cycling through them via scripts?

1 Like

pretty much yeah, they’re also referred to as flipbooks but they both refer to the same thing