Final Hud Design

I went with a futuristic/sci fi hud theme as I imagined the game to be set in a world without petrol (fitting with the electric car theme of the brief). I think that the overall aethstetic works well, I went with a light blue and yellow colour scheme.Screen Shot 2017-06-08 at 10.00.00

Screen Shot 2017-06-08 at 10.12.02

As this is an electric car, the engine runs on batteries, these batteries fill up as you collect power points during the race. Each battery gradually decreases in charge and when empty the next one is used, if a player runs out of charge on all three batteries then they are out of the game. Each battery will provide a speed boost when full, batteries can also be charged when the player drifts successfully.

 

Screen Shot 2017-06-08 at 10.12.30This part of the hud shows the player how much damage the car has taken, players can take damage both from the environment and from other players colliding with them. The damage done the the frontal part of the car will effect the steering capabilities and the damage on the back will effect the speed and acceleration.

Screen Shot 2017-06-08 at 10.12.20

 

For the mini map I placed my track layout in and bordered it with a grey box, I then added a low opacity background with a hexagon design. The green arrow icon represents the player and the red icons show the enemy players/ai.

 

Screen Shot 2017-06-08 at 10.12.10

 

For the speedometer I wanted to make something different to ones that I researched, I used several shades of light blue to create a hexagon pattern background. I then added a simplistic meter displaying the speed.

Screen Shot 2017-06-08 at 10.12.38

 

In the top left of the screen players will see their current time and position, I used this as an opportunity to add colour to my Hud design. At first I struggled with this because bright yellow doesn’t work too well on a light blue background as it becomes hard to read, I got around this issue by outlining the text with a thin black line.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s