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

Açıklıktan geç

Ne yapıyoruz

İkinci soru: kuş tamamen açıklığın içinde mi? Üst kenarı açıklığın başladığı yerin altında ve alt kenarı açıklığın bittiği yerin üstündeyse, evet.

Kuş, hizadaysa ve açıklığın içinde değilse çarpar. Her parçaya bir ad vermek (overlapsX, insideGap) kuralı okunur yapar; bir şey ters gidince hatayı bulmak da kolaylaşır.

```js
const overlapsX = bird.x + bird.r > pipe.x && bird.x - bird.r < pipe.x + PIPE_WIDTH
const insideGap = bird.y - bird.r > pipe.gapY && bird.y + bird.r < pipe.gapY + GAP
return overlapsX && !insideGap
```

Ne işe yarıyor

• bird.y - bird.r > pipe.gapY → kuşun üst kenarı açıklığın başladığı yerin altında mı? (y aşağı büyür; büyük y daha aşağı demek.)
• bird.y + bird.r < pipe.gapY + GAP → kuşun alt kenarı açıklığın bittiği yerin üstünde mi?
• İkisi birden doğruysa insideGap (açıklığın içinde) doğru.
• ! → "değil": doğruyu yanlışa, yanlışı doğruya çevirir. !insideGap = "açıklığın içinde değil".
• return overlapsX && !insideGap → hizada ve açıklığın içinde değil: çarptı.

Sıra sende

1. hitsPipe içinde overlapsX satırının altına insideGap satırını yaz.
2. return overlapsX satırını return overlapsX && !insideGap yap.
3. Çalıştır ve oyna: artık açıklıktan geçebilmelisin; borulara değersen oyun biter.

Beceriler: Çarpışma tespiti

← Kuş borunun hizasında mı? Her boruyu bir kez say →

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