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

Yeniden oyna

Ne yapıyoruz

İki son ('won' ve 'lost') aynı kapıya çıksın: bir tıklama ya da Boşluk yeni bir oyun başlatsın. Tıklama ve Boşluk zaten launch'u çağırıyor; o hâlde işi launch'a veriyoruz. Büyük mesajın altına da küçük bir satır ekliyoruz: Click to play again (yeniden oynamak için tıkla).

```js
function launch() {
  if (state === 'won' || state === 'lost') {
    newGame()
    return
  }

    ctx.font = '16px sans-serif'
    ctx.fillText('Click to play again', canvas.width / 2, 280)
```

Ne işe yarıyor

• launch'un en başında: oyun bittiyse newGame() ile yenisini başlat ve return ile çık. Böylece aynı tıklama topu hemen fırlatmaz; yeni oyun servisle başlar.
• ctx.font = '16px sans-serif' → büyük başlıktan sonra yazıyı yeniden küçült.
• ctx.fillText('Click to play again', canvas.width / 2, 280) → mesajın 30 piksel altına, ortaya.

Sıra sende

1. launch fonksiyonunun en başına, if (state !== 'serve') return satırının üstüne yeni if bloğunu yaz.
2. draw içinde, kazan/kaybet bloğunda büyük mesajı yazan ctx.fillText(state === 'won' ? ...) satırının altına iki satırı yaz.
3. Çalıştır, üç topu da kaçır ve tıkla: yeni bir oyun başlamalı.

Beceriler: Oyun durumları, Klavye ve fare girdisi

← Yeni oyun için tek fonksiyon Bir avuç parçacık →

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