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

Eve var

Ne yapıyoruz

Boş bir yuvaya zıplamak onu doldurur ve yeni kurbağa başlar. Yuvaların arasındaki kıyıya ya da dolu bir yuvaya zıplamak can götürür.

```js
let filled // one true/false per home
  filled = HOMES.map(() => false)

  if (frog.y === 0) reachHome()

function reachHome() {
  const i = HOMES.indexOf(frog.x)
  if (i === -1 || filled[i]) {
    die()
    return
  }
  filled[i] = true
  newFrog()
}

    if (filled[i]) {
      ctx.fillStyle = '#86efac'
      ctx.fillRect(col * TILE + 8, TOP + 8, TILE - 16, TILE - 16)
    }
```

Ne işe yarıyor

HOMES.map(() => false) → her yuva için bir false: [false, false, false, false].
if (frog.y === 0) reachHome() → kurbağa en üst satıra zıpladıysa.
HOMES.indexOf(frog.x) → kurbağanın sütunu hangi yuva? Yuva değilse -1.
i === -1 || filled[i] → yuva değil ya da dolu: die().
Değilse filled[i] = true ve yeni kurbağa.
Çizimde dolu yuvanın içine açık yeşil küçük bir kare (evdeki kurbağa).

Sıra sende

let state ... satırının altına let filled ... yaz; reset içinde state = 'playing' satırının altına filled = ... satırını yaz.
hop'un sonuna if (frog.y === 0) reachHome() yaz; hop fonksiyonunun altına reachHome fonksiyonunu yaz.
draw içindeki yuva döngüsüne dolu yuva bloğunu ekle.
Çalıştır ve bir kurbağayı eve götür.

Beceriler: Oyun durumları

← Ev yuvaları İlerlemeye puan →

Tüm adımlar