Atölye › Frogger Tarzı Karşıya Geçiş › 17/22. adım

Ev yuvaları

Ne yapıyoruz

Karşı kıyıda dört ev yuvası var: 1., 4., 7. ve 10. sütunlarda, kıyıda küçük su koyları. Kurbağaları oraya ulaştırmak oyunun amacı.

```js
const HOMES = [1, 4, 7, 10] // columns of the home slots in row 0

  HOMES.forEach((col, i) => {
    ctx.fillStyle = '#1e3a8a'
    ctx.fillRect(col * TILE, TOP, TILE, TILE)
  })
```

Ne işe yarıyor

const HOMES = [1, 4, 7, 10] → ev yuvalarının sütunları.
HOMES.forEach((col, i) => { ... }) → listedeki her eleman için fonksiyonu çalıştırır; col sütun, i sırası (0–3). i'yi sonraki adımda kullanacağız.
ctx.fillRect(col * TILE, TOP, TILE, TILE) → 0. satırda mavi bir kare: yuva.

Sıra sende

// Rows from the top ... yorumunun altına HOMES satırını yaz.
draw içinde satır döngüsünün altına yuva döngüsünü yaz.
Çalıştır.

Beceriler: Canvas üzerine çizim

← Yeniden hizaya Eve var →

Tüm adımlar