GATE
About GATE
DigiPen DES356 Class
Year: 2020
Team: Individual Project
Engine: Unity engine
Project Concept
GATE is a Head-Up Display (HUD) design project focusing on creating a functional UI display for a 3D shooter game.
Game high concept
GATE is a 1st person shooter game, located in a cyberpunk setting world. In the game, the player will have to hunt down all the monsters in order to advance to the next area (level).
Game Spec Overview
GAME ENGINE: Unity engine version 2020.1.4f1
GAME TYPE: 1st Person shooter
GENRE: Futuristics, Sci-fi, Cyberpunk
MOOD: Action, Adventurous
ART STYLE: 80’s neon, stylized, futuristic
MUSIC/SFX STYLE: Electronic, fantasy
HUD Overview
GATE HUD design will be focusing on minimalistic and futuristic style with 80’s neon color scheme and a clean layout. To achieve that I will limit the amount of Non-Diegetic UI and focusing on creating Diegetic UI and Space UI instead. The five distinct HUD element that will be implemented are as follow.
Health feedback (Non-Diegetic UI)
Mini-Map (Non-Diegetic UI)
Navigation-Map (Space UI)
Ammo capacity feedback (Diegetic UI)
Target feedback (Diegetic UI)
Health Feedback
The Health feedback function will be using both Lerping, animation, and particle effects as the player receives a change in HP value. The health bar will start playing animation and particle effects. The health signifier will also go up/down using the Lerping method to show how much health players have. As the health goes low, the color also shifts from Green (Full) to Red (Low).
Variable Triggers
The variable will be triggering with debugging key on the keyboard. F10 for taking damage and F9 for Healing.
Mini Map
The mini-map function is meant for showing the current location in real-time of the player with other important information such as enemy location, target location, and navigation. The mini-map won’t be having any animation since it might be too distracting for the player.
Variable Triggers
The impotent variable that will be trigger here is the location of the important information (Player location, enemy location, target location)
Navigation map
The navigation function is meant to navigate the player in 3D environment UI format (Space UI) and lead the player to the selected target location. Once the player reaches the target location the ‘Target point’ will disappear together with the rest of the navigation.
Variable Triggers
Press “M” to enable the navigation mode and will be automatically disabled when 5 second have pass.
Ammo capacity
The ammo capacity function is meant to display the current ammo and gun’s ammo capacity on the gun and change position if the gun position changes.
When out of ammo, there will also be a text pop up under the pointer to teach the player how to reload the ammo.
Variable Triggers
Press “Left mouse click” to fire the ammo and “R” to reload.
Target Feedback
The target feedback function displays the target's current health and health loss (damage dealt by the player) once being attacked by the player.
Variable Triggers
Got hit by a player’s bullet.
Research & Reference
Borderland 3
Borderlands 3 is an action role-playing first-person shooter video game set in the future/ abandon world. What interest me about this game element is the clean interface, all icon is very self-explanatory and easy to understand, enemy (target) feedback is nice.
Cyberpunk 2077
Cyberpunk 2077 is an action role-playing video game set in the world in 2077 in future. What interesting about Cyberpunk 2077 is that it has a minimalistic and futuristics visual interface style. The UI color scheme is very bright and neon.
Tom Clancy's The Division
Tom Clancy's The Division is an online action role-playing video game set in near-future New York City in the aftermath of a viral pandemic. A Special Agent of the Strategic Homeland Division is tasked with helping the group rebuild its operations in Manhattan. What interest me about this game is the navigation system that exists in the world space instead of Non-Diegetic UI
Genshin Impact
Genshin Impact is a 3D role-playing game where the player gets to take on an adventure in the world of Teyvat. What’s interested me in this game is a well-made navigation system called ‘vision’ to track down a trace of the Element in the 3D space.