Atölye › Puzzle Bobble Tarzı Balon Atıcı › 27/31. adım

Bitiş mesajı

Ne yapıyoruz

Oyun bitince ortada koyu bir kutu çıksın: tahtayı temizledin mi, yoksa balonlar sana ulaştı mı? Altında yeniden oynamanın yolu yazsın (tuşu sonraki adımda bağlıyoruz).

```js
if (state !== 'playing') {
  ctx.fillStyle = 'rgba(15, 23, 42, 0.85)'
  ctx.fillRect(40, 200, canvas.width - 80, 90)
  ctx.fillStyle = 'white'
  ctx.textAlign = 'center'
  ctx.font = 'bold 24px sans-serif'
  ctx.fillText(state === 'won' ? 'Board cleared!' : 'The bubbles reached you', canvas.width / 2, 238)
  ctx.font = '16px sans-serif'
  ctx.fillText('Space or tap to play again', canvas.width / 2, 268)
}
```

Ne işe yarıyor

rgba(15, 23, 42, 0.85) → %85 koyu lacivert; arkadaki balonlar hafifçe görünür.
ctx.fillRect(40, 200, canvas.width - 80, 90) → iki yandan 40'ar piksel boşluk bırakan, 90 piksel yüksekliğinde kutu.
state === 'won' ? 'Board cleared!' : 'The bubbles reached you' → nasıl bittiğine göre mesaj.

Sıra sende

draw'ın sonunda, Score yazısının altına bloğu yaz. Çalıştır.

Beceriler: Canvas üzerine çizim

← Tehlike çizgisi Yeniden oyna →

Tüm adımlar