Interface Gallery

Gear Shift!

Occasionally offered suggestions to team members on how to approach certain front-end and heads-up display elements during development.

Front-End Context Though straightforward, a minimal amount of support was given to a teammate by suggesting tools to help them start building some of the front end. Highlight The advice included using Unreal Motion Graphics to design the la

Front-End

Context

Though straightforward, a minimal amount of support was given to a teammate by suggesting tools to help them start building some of the front end.

Highlight

The advice included using Unreal Motion Graphics to design the layout and implementing two Get Player Controller nodes with Is Input Key Down to detect whether players have connected controllers and are ready to play.

Invite

The image above shows the title screen created using the mentioned methods.

Health Bar Context Assistance was given to teammates to help ensure that a functional hit points system was added to the heads-up display. Highlight A widget is connected to a function that updates its appearance based on a public float var

Health Bar

Context

Assistance was given to teammates to help ensure that a functional hit points system was added to the heads-up display.

Highlight

A widget is connected to a function that updates its appearance based on a public float variable tracking the player’s vital stats.

Invite

The image shows a red progress bar, which is the final version implemented in the game.

Mini-Map Context Although it was not included in the final release, a mini-map was briefly developed. While the arena is small, having a navigational aid helps players understand their current position. Highlight The design involved using a

Mini-Map

Context

Although it was not included in the final release, a mini-map was briefly developed. While the arena is small, having a navigational aid helps players understand their current position.

Highlight

The design involved using a downward-facing camera paired with a Set Actor Location node to track and follow the player’s movements in real time.

Invite

The visual above shows an early version of the level’s mini-map perspective.

Results Context Discussions were held with the team about including a results screen to show which player earned the highest score during a King of the Hill match. Throughout development, everyone contributed ideas about how it should be pres

Results

Context

Discussions were held with the team about including a results screen to show which player earned the highest score during a King of the Hill match. Throughout development, everyone contributed ideas about how it should be presented.

Highlight

A widget is assigned to a function that refreshes the visual readout according to a public float that holds each player’s total score.

Invite

The image shows a fully filled progress bar as it would appear at the end of a match. At the start, these containers are completely empty and gradually fill as points are earned.

Rotary Shifter Context Help was provided early in development by sharing ideas on how the gear shift mechanic might function. Highlight A key concept that made it into the final design was giving the player a speed boost after reaching cer

Rotary Shifter

Context

Help was provided early in development by sharing ideas on how the gear shift mechanic might function.

Highlight

A key concept that made it into the final design was giving the player a speed boost after reaching certain thresholds. This was implemented using comparison nodes to determine if the player’s velocity had reached specific values.

Invite

The image shows a speedometer featuring coloured zones that mark optimal gear shift points. Although the idea was compelling, it should have been removed as it proved too complex to manage during fast-paced combat in a vehicle battle arena.

Return to Previous Page Section