Workshop › Doodle Jump-style Climber › Step 9 of 24

Platforms

What we are doing

Six green platforms, one above the other, in a list. They are only drawn for now; the player falls through them.

```js
const platforms = [
  { x: 170, y: 500, w: 60, h: 12 },
  { x: 50, y: 410, w: 60, h: 12 },
  { x: 250, y: 320, w: 60, h: 12 },
  { x: 120, y: 230, w: 60, h: 12 },
  { x: 290, y: 140, w: 60, h: 12 },
  { x: 30, y: 60, w: 60, h: 12 },
]

  ctx.fillStyle = '#16a34a'
  for (const p of platforms) {
    ctx.fillRect(p.x, p.y, p.w, p.h)
  }
```

What it means

Each platform is a 60×12 box; each is 90 pixels above the one before, well within a bounce.
They are drawn before the player, so the player is drawn on top.

Your turn

Under player, write the platforms list.
In draw, after the background, draw the platforms.

Skills: Arrays and objects

← Touch steering Land on platforms →

All steps