Atölye › Flappy tarzı kuş › 24/30. adım

Tekrar dene

Ne yapıyoruz

Sayfayı yenilemeden baştan başlatılamayan bir oyunu insanlar bırakır. Durum makinesinin döngüsünü kapatıyoruz: oyun bittiyse bir çırpış her şeyi reset ile sıfırlar ve 'ready' aşamasına döner.

Game Over yazısının altına da küçük bir ipucu ekliyoruz: Press Space to try again (tekrar denemek için Boşluk'a bas).

```js
function flap() {
  if (state === 'over') {
    reset()
    return
  }

    ctx.font = '18px sans-serif'
    ctx.fillText('Press Space to try again', canvas.width / 2, canvas.height / 2 + 34)
```

Ne işe yarıyor

• if (state === 'over') { → oyun bittiyse...
  • reset() → ...her şeyi baştan kur (durum 'ready' olur).
  • return → ...ve çık. Bu çırpış kuşu hemen uçurmaz; oyuncu hazırlanır, bir sonraki çırpış oyunu başlatır.
• Eskiden bu satır tek başına if (state === 'over') return idi; şimdi süslü parantezle iki iş yapıyor.
• draw içinde, if (state === 'over') { bloğunda Game Over satırının altına iki satır: 18 piksel yazıyla ipucu, ortanın 34 piksel altında.

Sıra sende

1. flap içindeki if (state === 'over') return satırını dört satırlık bloğa çevir: reset() ve return içeride.
2. draw içinde, if (state === 'over') { bloğunda Game Over yazan satırın altına iki yeni satırı yaz.
3. Çalıştır, oyna, kaybet ve Boşluk'a bas: kuş başa dönmeli.

Beceriler: Oyun durumları, Klavye ve fare girdisi

← Temiz başlangıç fonksiyonu Oyunun bittiği tek yer →

Tüm adımlar

1. Canvas'ı ve kalemi al
2. Gökyüzünü boya
3. Kuşu çiz
4. Çizen bir fonksiyon
5. Hareket ettiren bir fonksiyon
6. Oyun döngüsü
7. Yerçekimi
8. Kanat çırpış
9. Boşluk, yukarı ok ya da dokunuş
10. İlk çırpışı bekle
11. Yer ve gök
12. Oyuncuya söyle
13. Veri olarak boru
14. Boruları çiz
15. Kuş değil dünya kayar
16. Rastgele yükseklikte yeni boru
17. Her 90 karede bir boru
18. Geçilen boruları sil
19. Kuş borunun hizasında mı?
20. Açıklıktan geç
21. Her boruyu bir kez say
22. Skoru göster
23. Temiz başlangıç fonksiyonu
24. Tekrar dene
25. Oyunun bittiği tek yer
26. Rekoru hatırla
27. Rekoru göster
28. Her ekranda aynı hız
29. Aradan sonra telafi yok
30. Kendin yap: madalya