Atölye › Sonsuz Koşucu › 2/19. adım

Koşucu

Ne yapıyoruz

Koşucumuz zeminde duran bir kutu. Yeri ve boyu bir nesnede duruyor ki ileride zıplayıp eğilince değişebilsin.

```js
const STAND_H = 44

let runner = { x: 50, y: GROUND - STAND_H, w: 40, h: STAND_H }

ctx.fillStyle = '#334155'
ctx.fillRect(runner.x, runner.y, runner.w, runner.h)
```

Ne işe yarıyor

const STAND_H = 44 → ayaktayken koşucunun boyu.
let runner = { x, y, w, h } → nesne: sol kenar (x), üst kenar (y), genişlik (w), yükseklik (h).
y: GROUND - STAND_H → kutunun üstü zeminden 44 piksel yukarıda; böylece ayakları tam zemine basar.
ctx.fillRect(runner.x, runner.y, runner.w, runner.h) → kutuyu nesnedeki değerlerle çiz. Değerler değişince çizim de değişecek.

Sıra sende

const GROUND = ... satırının altına STAND_H satırını, bir boş satırdan sonra runner nesnesini yaz.
Dosyanın en sonuna, bir boş satırdan sonra koşucuyu çizen iki satırı yaz.
Çalıştır: zeminin solunda koyu bir kutu görmelisin.

Beceriler: Oyun durumları

← Zemin Tekrar tekrar çiz →

Tüm adımlar