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

Rastgele yükseklikte yeni boru

Ne yapıyoruz

Deneme borusunun işi bitti: liste artık boş başlıyor. Yeni boruları addPipe (boru ekle) fonksiyonu üretecek: her yeni boru sağ kenarda doğacak ve açıklığı rastgele bir yükseklikte olacak. Hep aynı yerde açıklık olsaydı oyun çok kolay olurdu.

Bu adımda fonksiyonu yazıyoruz; onu düzenli aralıklarla çağırmak bir sonraki adımda.

```js
let pipes = []

function addPipe() {
  const gapY = 60 + Math.random() * (canvas.height - GAP - 120)
  pipes.push({ x: canvas.width, gapY })
}
```

Ne işe yarıyor

Sıra sende

  1. let pipes = [...] satırını let pipes = [] yap (deneme borusunu sil).
  2. canvas.addEventListener('pointerdown', flap) satırının altına bir boş satır bırak ve addPipe fonksiyonunu yaz.
  3. Çalıştır.

Beceriler: Diziler ve nesneler

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