- Vue.js 2 Web Development Projects
- Guillaume Chau
- 424字
- 2021-07-02 22:34:30
Rules of the game
Here are the rules we will implement in the game:
- Two players play turn by turn
- Each player starts the game with 10 health, 10 food, and a 5-card hand
- The players can't have more than 10 health and 10 food
- A player loses when their food or health reaches zero
- Both the players can lose in a draw
- During one player's turn, each player's only possible action is to play a card, which is then put in the discard pile
- Each player draws a card from the draw pile at the beginning of the turn (except for their first turn)
- Thanks to the two preceding rules, each player has exactly five cards in their hand when they start their turn
- If the draw pile is empty when the player draws a card, the draw pile is refilled with the discard pile
- Cards can modify the health and food of the player or their opponent
- Some cards can also make a player skip their turn
The gameplay is built around the facts that players must play one and only one card each turn and that most of the cards will have a negative effect on them (the most common one being losing food). You have to think of your strategy before playing.
The app will consists of two layers--the world, where game objects (such as the scenery and the castles) are drawn, and the user interface.
The world will have two castles facing each other, a ground, and a sky, with multiple animated clouds; each castle will feature two banners--the green one being the player food, and the red one being the player health--with a little bubble displaying the amount of food or health remaining:

For the UI, there will be a bar at the top, with a turn counter and the names of the two players. At the bottom of the screen, the hand will display the cards of the current player.

In addition to these, a few overlays will be periodically shown, hiding the hand. One will show the name of the player going next:

It will be followed by another overlay displaying the card that was played last turn by the opponent. This will allow the game to be played on the same screen (for example, a tablet).

The third overlay will be only shown when the game is over, displaying whether the players have won or lost. Clicking on this overlay will reload the page, allowing the players to start a new game.

- C語言程序設計實踐教程(第2版)
- 大學計算機應用基礎實踐教程
- 深入淺出Spring Boot 2.x
- Unity 2020 Mobile Game Development
- Julia機器學習核心編程:人人可用的高性能科學計算
- PHP 編程從入門到實踐
- Java程序設計與實踐教程(第2版)
- The DevOps 2.4 Toolkit
- Oracle Database 12c Security Cookbook
- SQL基礎教程(視頻教學版)
- FLL+WRO樂高機器人競賽教程:機械、巡線與PID
- Linux操作系統基礎案例教程
- Spring+Spring MVC+MyBatis整合開發實戰
- C語言課程設計
- Android Sensor Programming By Example