The in-game HUD will have basic functionaly showing the following information:

Name

Nationality (showing a visual flag)

Energy for the current unit

Weapon status for current unit (looks the same but acts differently for different units)

This is how I figure we could composite the HUD

1. This is a grey *.pngblock with alpha transparancy in it. It must be seperate put onto the screen so we dont have to store alphavalue on each HUD element as this is the only one that needs transparency.

2. We composite one image built on the framework, the actual flag and the name. Still this image will not be put on screen yet.

3. We rectanglecopy the energybar only so much as what the energy at the moment should show (if energy is at 100% we of course copy the whole energy bar on screen) We do exactly the same with Weaponstatus. Both rectanglepics are now composed apon the framework (2)

After this is done the result is copied upon the screen (overlaying the gray block)

Now for the question: Is this the way to do it? Should I split up the images differently? Should I split up the left and right side or will we treat them both as one image at start?