Roblox - Standoff & Vacuum the Forest Fire UI Work
Roblox - Standoff & Vacuum the Forest Fire Games - UI Work for Skill Trees, Currency, and Inventory Items
-
For the first game (Standoff), I was tasked with creating a set of Ui elements that we could use for menus all throughout the game. This included some basic shapes like rectangles and circles that could be 9 sliced and stretched vertically or horizontally for a variety of needs from menu backgrounds to buttons and scroll bars.
-
For Vacuum the Forest Fire, I created a few sets of icons for the skill tree, player tools, and special currency used in game that had to read clearly as valuable currency, while keeping it distinct from the gold coins players also collect.
Menu UI assets created for Standoff game - in order to keep it user friendly, everything is kept white, with details in light gray. This allows these to be given a color overlay in engine, and the color can be customized depending on where it’s used
A screenshot of the menu UI assets I made being used in game with various scaling and color overlays applied
Skill tree icon set I created for Vacuum the Forest Fire - other than a few using custom coloring to clearly read as coins or water, the rest are kept in a consistent single color scheme and made to be mostly silhouettes to keep the purpose visually clear
Here’s a sample of the skill tree icons I made being used in the Vacuum the Forest Fire game
A set of icons I made for specific tool upgrades - I started off with 4 versions of the water bucket that players could choose from, and then added a set of vacuums as well that provide a variety of gameplay advantages
Special currency icons I painted - along with normal coins, players can also collect obsidian, which is used for extra special upgrades in game