bezifabr / webgames Goto Github PK

When you click fast enough on three cards you can reveal all of them at one moment.

It needs to be fixed to unable revealing more than two cards at the moment.

When player flips two cards the program should compare them to check if they are pair values:

• If they are matching the cards should disappear and increase the score.
• If they are not matching the cards should flip back and hide their values.

It is important to unable flipping more than two cards at the same time.
This has to be done with strategy design pattern to open the functionality for future extensions.

The player should gain score points after finding a pair of value cards.
The score have to appear on the top of the screen

Design and develop a system of losing points in the Memory game.

• Design
• Development

The cards change their position when a pair is matched to fill the blank space after disappearing cards.
They should persist at the same position all the time.

The first part of sequence doesn't play any sound.
The sound should be playing every time the PlaySounds() method is called.

Create the game area canvas in the center of the page.

Move the values of cards to the backend.
They should appear just after flipping the card on the back side.
It is important to unable players to check hidden values in the source code.

Create a Card class with two fields (text, value) which will allow the separation of text and value on the card.

For example when you want to match not exact the same cards with similar values it is needed to display similar text but identical values. And that's why this class is needed.

After the game ends there should be a screen with "play again", "end" or "high score" option.

Change colors to better ones.
They should fit to themselves.

Top scores are a result of the score divided by number of games.
Add to the end game menu a form where the player can put his nickname assigned to his score.

Add link to the next game in the region marked in red.

Add cards to the Memory game with default values.
They should react to onclick event and then flip on the other side.

Remove the flipping cards from html file and create a function that generates the cards on the board.

For now the game allows to play with fixed number of 12 cards (4x3).
Make the number of cards flexible and open for extensions. Use the strategy design pattern.
In final version there is going to be an option to choose difficulty level (number of cards).

Remove this border or at least make it not visible.

Move the game to the center of the page.

The text labels should be above the game area.

Add a button with an image to the games menu.
It should be similar to the other ones:

Before every game the player has 5 seconds to remember the cards.

Improve the text visibility by making it bigger and align to the center of the card.

Create cards values generator.
It should generate values and assign them to pairs of cards.

This has to be done with strategy design pattern to open the functionality for future extensions.

If you click on one card twice it disappears because it's treated like a pair of cards.

It needs to be fixed to unable revealing the same card twice.

When you click randomly on the cards and you choose the third card it will reveal and hide instantly.
It is because all the revealed cards have to hide at the same moment.

Flipping cards should be locked during the compare of the cards.

Limit the game area to a square (as on the picture above) to make the scores more fair for every screen size.

Separate logic from representation to unable code modification during the gameplay.