Workshop › Mario-style Platformer › Step 20 of 37

Stop at the ends

What we are doing

The camera must never show beyond the ends of the level: we clamp it between 0 and COLS * TILE - canvas.width.

```js
camera = clamp(player.x + player.w / 2 - canvas.width / 2, 0, COLS * TILE - canvas.width)
```

What it means

Your turn

In update, wrap the camera expression in clamp(..., 0, COLS * TILE - canvas.width).

Skills: Game states

All steps

  1. The sky
  2. A level made of text
  3. Draw the tiles
  4. What is solid?
  5. Is a box touching anything?
  6. Find the start
  7. Draw the player
  8. Gravity
  9. Landing on tiles
  10. Which keys are held?
  11. Speed up
  12. Friction
  13. Walls
  14. Jump
  15. Bump your head
  16. Short hops
  17. A few frames of grace
  18. Coyote time
  19. A camera that follows
  20. Stop at the ends
  21. Draw only what is on screen
  22. Coins
  23. Collect them
  24. Count, and screen versus world
  25. Enemies
  26. Enemies that walk
  27. Do not walk off ledges
  28. Lives and a fresh start
  29. Falling into a pit
  30. Enemies hurt
  31. Stomp!
  32. Squashed enemies are gone
  33. Game over
  34. Play again
  35. The flag
  36. Reach the flag
  37. Build it yourself: jump buffering