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

Veri olarak boru

Ne yapıyoruz

Sırada borular var. Bir boru çifti (üstte bir boru, altta bir boru, arada açıklık) için iki bilgi yeter:

• x → soldan uzaklığı,
• gapY → açıklığın başladığı yükseklik.

Ekranda aynı anda birkaç boru olacak. Birden çok şeyi sırayla tutmak için dizi (array) kullanırız: numaralı bir liste gibi. Şimdilik listede tek bir deneme borusu var; ekranda henüz görünmeyecek.

```js
const PIPE_WIDTH = 60
const GAP = 160

let pipes = [{ x: 250, gapY: 200 }]
```

Ne işe yarıyor

• const PIPE_WIDTH = 60 → borunun eni: 60 piksel.
• const GAP = 160 → açıklığın boyu: 160 piksel. Kuş (28 piksel) rahat sığar ama dikkat ister.
• let pipes = [ ... ] → köşeli parantez bir dizi açar. İçinde virgülle ayrılmış elemanlar olur; burada tek eleman var: { x: 250, gapY: 200 } nesnesi.
• Elemanlara sıra numarasıyla ulaşılır ve sayma 0'dan başlar: pipes[0] ilk boru. pipes.length listede kaç eleman olduğunu söyler (şimdi 1).

Sıra sende

1. FLAP satırının hemen altına PIPE_WIDTH ve GAP satırlarını yaz.
2. let bird = ... satırının hemen altına pipes satırını yaz.
3. Çalıştır: ekran değişmez, kontroller yeşil olmalı.

Beceriler: Diziler ve nesneler, Oyun durumları

← Oyuncuya söyle Boruları çiz →

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