Workshop › 2048 › Step 20 of 26

Making 2048

What we are doing

Making a 2048 tile is a win, but the game can go on to 4096 and beyond. So winning is its own state, 'won', and a keepPlaying flag remembers when the player chose to continue, so the win does not come back every move.

```js
let keepPlaying // true once the player chose to continue after making 2048

  keepPlaying = false

  if (!keepPlaying && board.some((row) => row.includes(2048))) state = 'won'
  else if (!canMove()) state = 'over'
```

What it means

• row.includes(2048) is true if the row has a 2048; board.some(...) is true if any row does.
• Only when the player has not already chosen to keep playing does it become 'won'; otherwise, as before, a stuck board is 'over'.

Your turn

1. Under let state write let keepPlaying; in newGame, under state = 'playing', write keepPlaying = false.
2. In move, replace the canMove line with the two lines.

Skills: Game states, Arrays and objects

← Game over Win and lose screens →

All steps

1. The board
2. Sixteen cells
3. A grid of numbers
4. A color for every number
5. Numbers on the tiles
6. Big numbers, smaller text
7. Find the empty cells
8. A new tile
9. Two tiles to start
10. Slide a row
11. Merge equal tiles
12. Move left
13. The arrow key
14. Only real moves count
15. Right is left, reversed
16. Up and down are columns
17. Score
18. Is there a move left?
19. Game over
20. Making 2048
21. Win and lose screens
22. Space to go on
23. Best score
24. Swipes
25. A tap is not a swipe
26. Build it yourself: undo