Atölye › Tuğla Kırma › 29/39. adım

Oyun bitti

Ne yapıyoruz

Kaybedince ekranda bunu açıkça görelim: top kaybolsun, ortada büyük harflerle Game Over (oyun bitti) yazsın. Top yalnız servis ya da oyun sırasında çizilecek.

```js
if (state === 'serve' || state === 'playing') {
  ctx.fillStyle = '#f8fafc'
  ctx.beginPath()
  ctx.arc(ball.x, ball.y, BALL_R, 0, Math.PI * 2)
  ctx.fill()
}

if (state === 'lost') {
  ctx.font = 'bold 36px sans-serif'
  ctx.fillText('Game Over', canvas.width / 2, 250)
}
```

Ne işe yarıyor

• if (state === 'serve' || state === 'playing') { → top yalnız servis veya oyun sırasında çizilir. Topun dört satırı bu if'in içine, iki boşluk içeri girer.
• if (state === 'lost') { → kaybettiysek...
• ctx.font = 'bold 36px sans-serif' → kalın ve 36 piksel: büyük bir başlık.
• ctx.fillText('Game Over', canvas.width / 2, 250) → ortaya yazar (textAlign hâlâ 'center').

Sıra sende

1. draw içinde topu çizen dört satırın üstüne if (state === 'serve' || state === 'playing') { yaz, satırları iki boşluk içeri al, altlarına } koy.
2. En alttaki ipucu satırının (if (state === 'serve') ctx.fillText(...)) altına if (state === 'lost') bloğunu yaz.
3. Çalıştır ve üç topu da kaçır: Game Over görmelisin.

Beceriler: Oyun durumları

← Ekranda canlar ve bir ipucu Puan tut →

Tüm adımlar

1. Oyun alanı ve raket
2. Tekrar tekrar çiz
3. Sayıyı sınırlar içinde tut
4. Fareyi takip et
5. Başka boyda gösterilen canvas
6. Hızı olan bir top
7. Yuvarlak top çiz
8. Topu yürüt
9. Yan duvarlardan sek
10. Tavandan sek
11. Açık zemin
12. Raketten sek
13. Raketle nişan al
14. Bir sıra tuğla
15. Tuğlaları çiz
16. Koca bir duvar: döngü içinde döngü
17. Her sıraya bir renk
18. Daire kutuyla buluşuyor
19. Tuğla kır
20. Tuğlanın yanına çarpmak
21. Rakette bekle
22. Raketle birlikte git
23. Topu fırlat
24. Tıkla ya da Boşluk'a bas
25. Basılı tuşları hatırla
26. Ok tuşlarıyla sür
27. Üç can
28. Ekranda canlar ve bir ipucu
29. Oyun bitti
30. Puan tut
31. Puanı göster
32. Oyunu kazan
33. Yeni oyun için tek fonksiyon
34. Yeniden oyna
35. Bir avuç parçacık
36. Kıvılcımlara dönüş
37. Hareket et, düş ve kaybol
38. Solarak kaybol
39. Kendin yap: sağlam tuğlalar