Workshop › Simon Says Colors › Step 24 of 27

Faster and faster

What we are doing

Half a second per pad is fine at first, but boring by round ten. showFrames() makes the show faster as the sequence grows, but never faster than 12 frames per pad.

```js
// Longer sequences are shown faster, down to a limit.
function showFrames() {
  return Math.max(12, 30 - sequence.length * 2)
}

  light(sequence[showAt], showFrames())
  showAt += 1
  timer = showFrames() + 8
```

What it means

• 30 - sequence.length * 2 gets smaller every round: 28 frames in round 1, 20 in round 5.
• Math.max(12, ...) picks the bigger number, so it never goes under 12: a floor.
• showFrames() returns a number, so it can stand where 30 stood.

Your turn

1. Under nextRound, leave an empty line and write the comment and showFrames.
2. At the end of update, replace the two 30s with showFrames().

Skills: Game states, Functions

← Light up when pressed Save the best score →

All steps

1. Get the canvas and the pen
2. A dark board
3. The first pad
4. Two colors for every pad
5. All four pads
6. A function that draws
7. Light a pad
8. Draw again and again
9. The sequence to remember
10. Show the round
11. Light a pad for a while
12. Go dark again
13. The computer shows a pad
14. Show the whole sequence
15. Watch, then your turn
16. Check each press
17. Play with the keyboard
18. Which pad is at a point?
19. Play with the mouse
20. Progress and mistakes
21. A function for a new game
22. Click to retry
23. Light up when pressed
24. Faster and faster
25. Save the best score
26. Show the best score
27. Build it yourself: no dawdling