Atölye › Angry Birds Tarzı Sapan › 40/47. adım
Oyun bitince oyuncuya söyleyelim: ortada yarı saydam koyu bir panel, üstünde büyük harflerle Level cleared!
(seviye temizlendi) ya da Out of birds (kuş kalmadı), altında küçük harflerle nasıl yeniden oynanacağı.
```js
if (state === 'won' || state === 'lost') {
ctx.fillStyle = 'rgba(15, 23, 42, 0.8)'
ctx.fillRect(130, 110, 300, 80)
ctx.fillStyle = 'white'
ctx.textAlign = 'center'
ctx.font = 'bold 22px sans-serif'
ctx.fillText(state === 'won' ? 'Level cleared!' : 'Out of birds', canvas.width / 2, 145)
ctx.font = '15px sans-serif'
ctx.fillText('Space or tap to play again', canvas.width / 2, 172)
}
```if (state === 'won' || state === 'lost') { → oyun bittiyse.'rgba(15, 23, 42, 0.8)' → %80 koyulukta lacivert: arkadaki kule soluk da olsa görünür.ctx.fillRect(130, 110, 300, 80) → 300 × 80'lik panel; (560 − 300) / 2 = 130, yani yatayda ortada.ctx.textAlign = 'center' → verilen x yazının ortası olur; canvas.width / 2 ile yazı tam ortalanır.state === 'won' ? 'Level cleared!' : 'Out of birds' → kazandıysan birinci yazı, değilse ikinci.'15px sans-serif'.draw'un sonunda ctx.fillText('Birds ' + ...) satırının altına panel bloğunu yaz.Out of birds paneli çıkmalı.Beceriler: Canvas üzerine çizim
← Kazandın mı, kaybettin mi Yeniden oyna →