Polygonal Progress Bar

:information_source: Attention Topic was automatically imported from the old Question2Answer platform.
:bust_in_silhouette: Asked By JohnMaddenGodot

I am trying to make a progress bar that is non-rectangular in its shape, and is essentially a 9-point polygon. However, the stock ProgressBar and TextureProgress nodes only support rectangles. How would I go about making something like a progress bar that uses multiple points? Others have mentioned shaders but that seems to be more effort that what is necessary for something like this.

Can you post (or link to) an image that shows what you’re trying to create?

jgodfrey | 2022-08-02 21:22

The dark blue is the background, and fills up with light blue from left to right as a weapon is charged up.

JohnMaddenGodot | 2022-08-02 21:28

Does this provide any insight?

Reddit - Dive into anything

jgodfrey | 2022-08-02 21:42

:bust_in_silhouette: Reply From: USBashka

The easiest solution is just take the image of polygon and put it into ProgressBar. Alternative way is shader, that makes part of polygon transparent.

I’d prefer not to have the polygon be an image so that it scales well at different resolutions. It’s currently drawn as a set of points relative to the screen size.

JohnMaddenGodot | 2022-08-04 15:05