Atölye › Doodle Jump Tarzı Tırmanış › 1/24. adım
Platformdan platforma sekerek olabildiğince yükseğe tırman. Tek yönlü platformlar, seni yukarı takip eden bir kamera, hep ulaşılabilir olacak biçimde üretilen sonsuz platformlar, hareketli platformlar ve tuzaklar.
Doodle Jump tarzı bir tırmanış oyunu yapıyoruz: bir zıplayan platformdan platforma sekerek durmadan yükseliyor. Sonunda nasıl olacağını Bitmiş hâlini gör ile görebilirsin.
İlk iş zıplayanın kendisi: turuncu bir kutu. Yeri ve boyu bir nesnede duruyor ki hareket edebilsin.
```js
const canvas = document.getElementById('game')
const ctx = canvas.getContext('2d')
let player = { x: 180, y: 460, w: 40, h: 40 }
ctx.fillStyle = '#f8fafc'
ctx.fillRect(0, 0, canvas.width, canvas.height)
ctx.fillStyle = '#f59e0b'
ctx.fillRect(player.x, player.y, player.w, player.h)
```document.getElementById('game') → canvas'ı bul; getContext('2d') → çizim kalemi.let player = { x: 180, y: 460, w: 40, h: 40 } → nesne: sol kenar, üst kenar, genişlik, yükseklik. let çünkü
değerleri değişecek.fillRect bütün tuvali açık griye boyar; ikincisi zıplayanı nesnedeki değerlerle turuncu çizer.Satırları yorum satırlarının altına yaz ve Çalıştır'a bas: altta turuncu bir kutu görmelisin.
Beceriler: Canvas üzerine çizim, Oyun durumları