Skip to main content
Game Development

Return to Question

More descriptive title. Added useful images. Generalised by removing references to any particular color and to Java.
Source Link
Anko
Anko
  • 13.5k
  • 10
  • 56
  • 82

Custom Progress Bar How do I make a progress bar with letters that get "filled in"?

I have an image that has just letters on it withwant to make a transparent background.progress bar made of text! I was thinking that ashave two images: One with the text in gray, the other coloured:

gray progress bar colored progress bar

As my game is loading that these, I want the letters couldto "fill up" with a certain color. So they:

filling-up progress bar

They would start out gray and, then starting from the left each letter starts to get redfill in. 

I was thinking aboutof overlaying a transparent rectangle over itthe gray image, andthen stretching the transparent rectangle based onto match the progress. But then the background also will turn red andbe coloured too. I want just the lettersonly the letters to be red. Any ideascoloured!

How can I do this?

Custom Progress Bar

I have an image that has just letters on it with a transparent background. I was thinking that as my game is loading that these letters could "fill up" with a certain color. So they would start out gray and then starting from the left each letter starts to get red. I was thinking about overlaying a transparent rectangle over it, and stretching the transparent rectangle based on the progress. But then the background also will turn red and I want just the letters to be red. Any ideas?

How do I make a progress bar with letters that get "filled in"?

I want to make a progress bar made of text! I have two images: One with the text in gray, the other coloured:

gray progress bar colored progress bar

As my game is loading, I want the letters to "fill up" with color:

filling-up progress bar

They would start out gray, then fill in. 

I was thinking of overlaying a transparent rectangle over the gray image, then stretching the transparent rectangle to match the progress. But then the background will be coloured too. I want only the letters to be coloured!

How can I do this?

edited tags
Link
Tetrad
Tetrad
  • 30.1k
  • 12
  • 96
  • 143
Tweeted twitter.com/#!/StackGameDev/status/179939596031893504
Source Link
Alex_Hyzer_Kenoyer
Alex_Hyzer_Kenoyer
  • 453
  • 8
  • 17

Custom Progress Bar

I have an image that has just letters on it with a transparent background. I was thinking that as my game is loading that these letters could "fill up" with a certain color. So they would start out gray and then starting from the left each letter starts to get red. I was thinking about overlaying a transparent rectangle over it, and stretching the transparent rectangle based on the progress. But then the background also will turn red and I want just the letters to be red. Any ideas?