Fangzhou Cao's profile

Web-based board game design - Dragon’s Gold

UI Components

1. At the topleft corner the other players are shown. The other players are represented as banners with different colors. If you hover over the other players you can see what adventurers they have available as indicated by icons representing the various classes.
 
2. The the topright corner you can see your collected gems. How many that you have are indicated by the number next to the gem. 

3. In the middle of the screen you can see the dragons. Each dragon show how much health points (hp) they have, and how many hidden treasures they are keeping indicated by the other number. Around the dragon you can see what treasure gems it is keeping indicated by the different colored gems. If a player has a character that is attacking the dragon, then that character’s icon will be displayed next to the dragon. 
 
4. In the middle to the right you can see the draw pile for the magic cards. 
 
5. At the bottom of the screen you can see your banner, and the adventurers you have 
available. 
Start a game
after some rounds
Negotiation dragon slayers gold
End of game 
 
How the UI was evolved...
 
Web-based board game design - Dragon’s Gold
Published:

Web-based board game design - Dragon’s Gold

This project intends to re-design the graphical interface prototype and its components based on the board game “Dragon’s gold”. The focus is to m Read More

Published: