How to make this coin UI animation?

How would I make an animation UI for coins?

Basically the coins appear onscreen and then move over in a satisfying way to the coin icon which displays how many coins you have

How do i script this

2 Likes

I am guessing there is a plugin for this sort of thing, particles as UI. I personally would love to know more about this type of thing, but I might have a way that could make something similar:

  1. Have an image label with the image you want and put it somewhere, like replicated storage or something. Make sure to use the aspect ratio and have sizes in scale.
  2. Clone the UI a bunch of times, parent the UI to a screen GUI, and then set a random position but relatively near the middle of the screen.
  3. Have a local script inside each UI or something that would take the image label UI and tween it towards the position of where you want it to end. The end in this case would be where the coin amount is at.
  4. You can randomize many things here, but the end has to be the same. Speaking of the end goal, it seems like in the video that it bounces when the coin image labels touch it. I believe the coin amount UI to be playing a tween when the pop-up coins finish their tween.

The main thing here is tweening, but you need to randomize some things to sell the look. Sorry if this was confusing. I haven’t done anything like this before and this is just how I might try to go about it.

5 Likes

Sorry for the necropost, but I’m wondering on how to create this too

It’s just math.random() and tweening.