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

İlk çırpışı bekle

Ne yapıyoruz

Şu an sayfa açılır açılmaz kuş düşmeye başlıyor; oyuncu hazırlanamıyor bile. Gerçek bir oyunun aşamaları vardır:

durum ne olur
'ready' (hazır) kuş bekler
'playing' (oyunda) yerçekimi çalışır
'over' (bitti) her şey donar (sonraki adımda)

Bunun için her an bu değerlerden tam olarak birini tutan tek bir değişken kullanırız: state. Buna durum makinesi denir. Trafik ışığı gibi: her an tek bir rengi yanar.

```js
let state = 'ready' // 'ready', 'playing' or 'over'

function flap() {
  state = 'playing'
  bird.vy = FLAP
}

function update() {
  if (state !== 'playing') return
```

Ne işe yarıyor

Sıra sende

  1. let bird = ... satırının hemen altına state satırını yaz.
  2. flap içinde bird.vy = FLAP satırının üstüne state = 'playing' yaz.
  3. update içinde en üste, bird.vy += GRAVITY satırının üstüne if satırını yaz.
  4. Çalıştır: kuş ortada beklemeli. Oyuna tıklayınca uçmaya başlamalı.

Beceriler: Oyun durumları

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