Workshop › Memory › Step 23 of 25

Swap sides halfway

What we are doing

draw now looks at flip instead of faceUp: the face shows from flip >= 0.5, the back before. A card now shows its face a few frames after the click.

```js
if (card.flip >= 0.5) {
```

What it means

• flip reaches 0.5 after 5 frames, so the face appears a moment after the click, and the back returns a moment after a card is hidden.

Your turn

In draw, change if (card.faceUp) to if (card.flip >= 0.5).

Skills: Game states

← A number that follows Animate the turn →

All steps

1. Get the canvas and the pen
2. The table
3. One card
4. A row of cards
5. Four rows
6. Every fruit twice
7. Cards that know themselves
8. A card's corner
9. Draw the cards from the list
10. Draw again and again
11. The face of a card
12. A fair shuffle
13. Which card is at a point?
14. Click to turn a card
15. One place for the rules
16. Two cards at a time
17. Pair or no pair
18. Count the moves
19. Show moves and pairs
20. All pairs found
21. Play again
22. A number that follows
23. Swap sides halfway
24. Animate the turn
25. Build it yourself: your best game