Atölye › Space Invaders Tarzı › 14/21. adım

Canlar

Ne yapıyoruz

3 canın var. Gemiye değen bir bomba bir can götürsün ve ekrandaki bütün bombaları temizlesin; bir nefes al diye. Canlar sağ üstte yazsın.

```js
let lives = 3

function loseLife() {
  lives -= 1
  bombs = []
}

  if (bombs.some((bomb) => overlaps(bomb, ship))) loseLife()

  ctx.textAlign = 'right'
  ctx.fillText('LIVES ' + lives, canvas.width - 10, 24)
```

Ne işe yarıyor

bombs.some((bomb) => overlaps(bomb, ship)) → en az bir bomba gemiye değiyorsa doğru. Mermilerde yazdığımız overlaps burada da iş görüyor.
loseLife() → bir can eksilt, bombaları sil.
ctx.textAlign = 'right' → yazı verilen x'te (sağ kenardan 10 piksel içeride) bitsin; sayı büyüse de taşmaz.

Sıra sende

let score satırının altına let lives = 3, dropBomb'un altına loseLife fonksiyonunu yaz.
update'te bombaları süzen satırın altına, bir boş satırdan sonra gemi kontrolünü yaz.
draw'da puan yazısının altına can yazısının iki satırını yaz.
Çalıştır.

Beceriler: Çarpışma tespiti, Oyun durumları

← Bombalar düşüyor Oyun bitti →

Tüm adımlar