Workshop › Simon Says Colors › Step 23 of 27

Light up when pressed

What we are doing

A pressed pad should light up, just like when the computer shows it: it confirms the press, and your answer looks like the sequence. Lighting is already one function, so it takes one line.

```js
const PRESS_FRAMES = 12 // how long a pad the player pressed stays lit

  if (state !== 'input') return
  light(pad, PRESS_FRAMES)
```

What it means

• PRESS_FRAMES is 12 frames, about a fifth of a second.
• The light comes right after the turn check, so it only happens in the player's turn.

Your turn

1. Under KEYS, write PRESS_FRAMES.
2. In press, under the first line, write the light line.

Skills: Game states

← Click to retry Faster and faster →

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