Ross Rolling
UI & HUD project
Ross Rolling is a 3D unity ball rolling game. In this game, I mainly force on designing and implement the main menu, sub-menus and the HUDs for this game. The game doesn't have a true gameplay system, the goal is to make some works on UI & HUD.
The MAIN MENU, SUB-MENUS
2023-12-17 17-46-49-00.00.10.650-00.01.49.867.mp4Every element, including animations and transitions, is crafted around the game theme, which is a ball rolling. This thematic coherence is not just visually appealing but also functionally integral, creating an immersive atmosphere that resonates with the game's core mechanics.
HUD
In the game, five distinct HUD elements are intricately designed, each adhering to the central theme of ball rolling. The overall HUD adopts a frosted glass style, offering a look that is both simple and sophisticated. Consistent with the menu's design ethos, every element embodies the essence of roundness, rotatability, and ball-like characteristics, reinforcing the game's spherical motif throughout the user interface.
Health
The health bar in the game is a curved bar strategically positioned around the player. It dynamically rotates in response to various health states, accompanied by impressive camera effects to provide immediate feedback to the player. The color and length of the bar also change to reflect the player's current health status, creating an intuitive and visually engaging health indicator.
Health-00.00.05.818-00.00.24.512.mp4Weather
The Weather HUD features two circles with gradient colors at the top left of the screen, clearly displaying weather conditions through distinct text and icons. As the weather changes, these circles rotate in opposite directions, adding dynamic visual flair. Each weather type is also paired with a unique sound effect, enriching the overall experience.
Weather-00.00.09.600-00.00.27.925.mp4Life Number
Positioned at the top right of the screen, this HUD mirrors the style of the Weather HUD, maintaining visual balance and stylistic consistency. Its player icon background features the same texture as the ball, signifying its function. The color and rotation direction change in sync with the life count, similar to the Weather HUD. Additionally, the life number pulses when on the last life, serving as a critical alert for the player.
life-00.00.05.428-00.00.24.832.mp4Volume
When the player switches to a different controller mode, the Volume HUD is displayed. Its icon and the color of the bar change according to the volume level. Additionally, a motion blur effect is applied to the camera at full speed, serving as a visual cue to the player about the intensity of the sound.
volume-00.00.03.072-00.00.27.989.mp4Timer
The timer features three distinct states: more than 1 minute, less than 1 minute but more than 30 seconds, and less than 30 seconds. Each state is accompanied by different animations for the numbers and color pulsing, effectively communicating the urgency of the remaining time to the player. Oh, and SFX of course.
timer1min-00.00.07.057-00.00.24.785.mp4> 1 min
timer30s-00.00.12.772-00.00.18.375.mp4> 30s && < 1 min
timer10s-00.00.12.054-00.00.29.568.mp4< 30s