Atölye › Frogger Tarzı Karşıya Geçiş › 2/22. adım
Kurbağa başlangıç satırında duruyor. Yerini piksel değil kare cinsinden tutuyoruz: 5. sütun, 12. satır. Oyunun mantığı karelerle daha kolay; pikselleri yalnız çizerken hesaplıyoruz.
```js
let frog = { x: 5, y: START_ROW }
ctx.fillStyle = '#22c55e'
ctx.fillRect(frog.x * TILE + 6, TOP + frog.y * TILE + 6, TILE - 12, TILE - 12)
```frog.x → sütun, frog.y → satır.frog.x * TILE → karenin sol kenarı (piksel); TOP + frog.y * TILE → üst kenarı.+ 6 ve TILE - 12 → kurbağa karesinin her yanından 6 piksel boşluk: 28×28'lik yeşil bir kare.// Rows from the top ... yorumunun altına bir boş satır bırakıp frog satırını yaz.draw'ın sonuna, satır döngüsünün altına kurbağayı çizen iki satırı yaz.Beceriler: Oyun durumları
← Yol ve nehir Çizmeye devam →