Atölye › Pac-Man Tarzı Labirent Kovalamaca › 33/42. adım

Oyun bitti

Ne yapıyoruz

Oyun bitince iki şey eksik:

Bir ok tuşu steer'ı çağırıyor ve durumu yine 'playing' yapıyor: ölü oyun dirilmemeli.
Ekranda oyunun bittiği yazmalı: her şeyin üstüne yarı saydam koyu bir perde ve ortada Game Over.

```js
function steer(dir) {
  if (state === 'over') return

  if (state === 'over') {
    ctx.fillStyle = 'rgba(11, 16, 32, 0.75)'
    ctx.fillRect(0, 0, canvas.width, canvas.height)
    ctx.fillStyle = 'white'
    ctx.font = 'bold 32px sans-serif'
    ctx.fillText('Game Over', canvas.width / 2, canvas.height / 2)
    ctx.font = '18px sans-serif'
    ctx.fillText('Press Space to play again', canvas.width / 2, canvas.height / 2 + 32)
  }
```

Ne işe yarıyor

if (state === 'over') return → steer'ın en başında: oyun bittiyse yönlendirme yok.
'rgba(11, 16, 32, 0.75)' → arka planın rengi, %75 opak. Bütün canvas'ı kaplar ama labirent altından silik görünür.
canvas.height / 2 → dikey orta. Büyük Game Over, altında (32 piksel aşağıda) küçük yazıyla yeniden başlama bilgisi.
textAlign bir önceki satırlardan kalma 'center'; tekrar yazmaya gerek yok.

Sıra sende

steer içinde en üste (state = 'playing' satırının üstüne) if (state === 'over') return yaz.
draw'un sonunda ready bloğunun altına over bloğunu yaz.
Çalıştır ve üç canını da kaybet: Game Over görünmeli, ok tuşları bir şey yapmamalı.

Beceriler: Oyun durumları, Canvas üzerine çizim

← Yakalandın! Yeniden oyna →

Oyun bitti

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar