Pokémon Top Trumps is a project being developed by a group of students, using a variety of skills, tools, and programming languages. Our aim is to practice existing skills while also learning new ones.

The main premise of the project is similar to the classic “Top Trumps” card game, where players aim to collect all the cards from their opponents. To win a round, players must have the highest value in a chosen statistic. The winner of the previous round selects the statistic for the next round.

This blog would explain the game designs and mechanics

Starting rules of the game: (this might change)

• You and the bot would start with 26 cards each
• The user who would start would be the one with the highest first stat
  • Both those cards would then be discarded so both users have 25 in their deck

OR

• You and the bot would start with 25 cards
• The user who would start would be the one with the highest first stat
  • The loser card would then be given to the winner

• The winner would then choose what stat they would like to start with
• The winner of the round would be the one with the highest in the select stat
• The game ended when the winner would have all the cards 

The Battle Field – design one.

Since the game is comparing one card, the battle field would be a lot simpler than both the top trump games and the pokemon TCG games. Though looking at both their battle maps would give us some idea on how we should design things. 

Looking at both the mats, they do look quite different, but they do have some similarities within them.
With the Pokémon TCG mat, we can see a bunch of different places to put your cards, like your energy cards, your active Pokémon, discard pile, etc. What we can take from this is the ‘active Pokémon’ pile and the ‘deck’ pile. We can place our single card into an active card bench and our deck where we pull from and place our collected cards.

From the Top Trumps mat, we can also see the addition of turns, which we can also take from them. For us, we can have a box where we know what turn we are in within the game. They also have a place for their active card, which is similar to the Pokémon bench.

This is what i have come up with.

Since it is a website, we have the addition of an instruction box to let the player know what to do next. 

Storyboard for design 1:

1. The start of the game 
2. Player clicks to reveal your card
3. Player picks the stat ‘attack’ using their curser
4. The bots card is revealed
5. The stats are compared and you win! (52> 48)

Pokemon Battle style – Design 2

Looking at the battle scenes in gen 1 and the pokemon TCG game (in the GBA) we can see a lot of different aspects that could be incorporated with the battle design. Some of these could include the following:

• The use of character sprites in the intro of the pokemon battle
• The number of pokeball (pokemon) a player has
  • We could use this to indicate how many cards they have
• The use of the dialog boxes to display information to the users
  • The way the player choose their opens as well
• The pokecard sprite within the TCG game 
• The HP bar and how is displays relevant information to the users

Using all this information, this is what i had come up with:

Storyboard for design 2

1. Player won round 68, players turn 
2. Player reveals their card
3. Player picks a stat within the dialog box
4. The bot reveals their card
5. The stats of both cards are compared and the player wins!

One thing that would need to be determined if the player would use their cursor to click to reveal their card and state or use their keyboard(arrow keys) like in an emulator 

Other design ideas

Instead of the cards being displayed like pokeballs, we use the idea within the TCG game on how they have displayed the amount of their cards

The use of hands?