Battle UI Prototype

The prototype for the battle system of an RPG I'm working on! I am working on a full Demo currently, and I plan to release more information on the actual game as development continues. Be sure to stay tuned!

Controls

WASD - Navigate Menus

Space/Enter- Select

Details

Your party is made up of the four cards stacked on the left side of the screen. The order of the stack also represents your turn order. In the full game, these cards would contain character portraits for your party members.  Different characters have different speed stats and abilities that affect turn order. Since team building and turn order management are important mechanics for the full game, I created the card stack UI to convey this. My focus for this prototype was mainly on UI/UX, so the only battle mechanics that are implemented are attack, guard, and an early prototype of an adrenaline system. The adrenaline system is a risk/reward mechanic I have planned for the full game that incentives the player to make riskier plays and keep their party at low health. In the prototype, a very basic version is implemented. When a character's health dips below a certain threshold, their card will begin the adrenaline animation. When characters have adrenaline, their attack is doubled. The actual adrenaline mechanic would be a bit more complex in the final game, but it's current implementation does a good job at conveying the idea and testing the UI involved. There is a small bug with the enemy currently where they can attack a card that is already dead. This can be fixed easily, but I let it slide for now since the actual gameplay was not the focus of this prototype.