HUD: Designing & Coding

[FiannaG]

Designing Stage:

Hi all, I showed everyone a rough sketch of the HUD two weeks back:

Jon suggested a design that incorporated alarm clock features so I sketched that as well:

I have now drawn up both on Photoshop:

One:

• Displays the time limit as a Bar that drops down (maybe the bar should change colour or something? I'm not sure if the blue fits but wasn't sure what else to use)
• Time limit might be slightly less accurate or hard for the player to tell during the final few seconds

(I for some reason added little crosses onto the original design and thought it looked pretty awful, so I removed them - have both anyway)

Two:

• Displays the time limit as actually time, which would be sun rise. When the level begins, this number would be displayed as 00:00am, or 01:00am, depending on how generous we're feeling
• The arrow would tilt from left to right as the time limit drew nearer

Both:

• Incorporate the time limit as the world changing from night to day
• Show objectives in the form of a checklist; tick if completed, cross if failed and nothing if uncompleted
• Were designed with the idea of being placed in the bottom left corner of the screen, but the alarm clock would certainly work in other places if wished.
• Assume the player can fail planting the presents but still proceed to escape afterwards

Feedback is greatly appreciated and if you don't like either designs or find flaws, please let me know - it's totally fine! Once we've settled, I'll start importing the pieces into Unreal and handle the functionality

[FiannaG]

Basic text only placeholder:

Hey sorry it took so long to get all this uploaded. Here is a text only version of the HUD in which true is displayed as 1 and false is 0

[FiannaG]

Proper functional HUD:

Here is a copy of the stylized HUD implemented in Unreal. For the user's objective checklist, three icons have been used.

• ... for in progress (I intend to animate this later)
• plus sign for completed objective successfully
• minus sign for completed objective unsuccessfully (I think we may be undecided on this is possible to achieve)

When the user first loads into the level, the HUD will look like this:

and change as progression is made:

For set up, I currently have 3 '...' images on the hud checklist, but two of them are currently made invisible so only the first is shown. I will next look into changing images in-game:

[FiannaG]

[FiannaG]

asd.zip