How to create smooth on-screen effects?

I have searched the dev-forum for quite some time looking for any possible way on how to make effects on screen and I have attached an example below. I was recently playing the Pets GO game on Roblox and what really made this game and Pet Sim 99 addicting for me was the effects that happen whenever I click on a UI and how smooth they are. I want to try and achieve this but don’t really have an idea on how to even get started, I have seen that maybe viewport frames are the solution but have never used those before.

How could I achieve a smooth UI effect and what elements does it require?
Do these on-screen effects require the use of effect instances?

If you have seen any posts on how to even get started on how to go about this, please reply with the link.

Example:
Confetti falling down from the top of the screen when you get rewarded for something.

3 Likes

The answer for most of what you’re looking for is tweens. I suggest looking them up if you don’t know them already.

Some really advanced effects update with RenderStepped (every frame), but that’s for simulating stuff gravity. You’d use that if you wanted confetti to not only burst out of a button, but to fall to the “ground” afterwards.

I use tweens a lot and understand most simple UI effects but not the complex ones. I think I’m just over complicating it, it’s probably just images increasing in size and their transparency being changed.

Edit: Found it

Thanks for the reply.

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.