Atölye › Sonsuz Koşucu › 1/19. adım
Dünya hızlanırken kaktüslerin üstünden atla, kuşların altından eğil. Zıplama fiziği, değişken zıplama yüksekliği, rastgele engel üretme ve affedici çarpışma kutuları.
Sonsuz koşucu yapıyoruz: bir koşucu, dünya giderek hızlanarak akarken kaktüslerin üstünden atlıyor. İnternet kesilince tarayıcıda çıkan dinozor oyununu hatırla. Sonunda nasıl olacağını Bitmiş hâlini gör ile görebilirsin.
İlk iş sahne: açık renkli bir gökyüzü ve ince bir zemin çizgisi.
```js
const canvas = document.getElementById('game')
const ctx = canvas.getContext('2d')
const GROUND = 180 // y of the ground line
ctx.fillStyle = '#f8fafc'
ctx.fillRect(0, 0, canvas.width, canvas.height)
ctx.fillStyle = '#475569'
ctx.fillRect(0, GROUND, canvas.width, 2)
```document.getElementById('game') → sayfadaki canvas'ı (tuvali) bul; getContext('2d') → çizim kalemi.const GROUND = 180 → zeminin yüksekliği, yukarıdan 180 piksel. Canvas'ta y aşağı doğru büyür. Sayıya bir ad
veriyoruz ki her yerde aynısını kullanalım.ctx.fillRect(0, 0, canvas.width, canvas.height) → bütün tuvali açık gri-beyaza boya (gökyüzü).ctx.fillRect(0, GROUND, canvas.width, 2) → soldan sağa, 2 piksel kalınlığında bir çizgi: zemin.Satırları yorum satırlarının altına yaz ve Çalıştır'a bas: açık bir zemin üstünde ince bir çizgi görmelisin.
Beceriler: Canvas üzerine çizim