What are your ideas about the animation of filling arrows?

I need to make sure that the arrow, from its end to the tip, is completely filled using the Tween system. However, there were problems filling in this arrow. I want the fill to match the shape of the tail, that is, it should be square inside the arrow, but not go beyond it. This should be done using the Beam method. That is, an unfilled red arrow appears, and then a white line begins to go, which seamlessly fills the arrow from end to tip. What ideas do you have about implementing this thing?

Assuming this is a GUI and you have two files, one unfilled red arrow and one filled red arrow, you could put a UIGradient in the filled arrow. UIGradients have a transparency property that is a NumberSequence, so you can tween the value so it fills from the bottom to the top.

1 Like

Create 2 attachments and put one at the start and one at the beginning and set the beam’s attachmen0 to start attachemtn and attachment1 to the end attachment edit the beam’s properties as u wish then tween the transparency or the gradient color as @xendatro said

This seems like the most relevant answer to me. It should do what you are looking for, @FoxiRocket2009.