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

Kuş borunun hizasında mı?

Ne yapıyoruz

Borulara çarpma zamanı. Soruyu ikiye bölüyoruz; ilki: kuş borunun hizasında mı? (yatayda üst üste biniyorlar mı?)

Daire ile dikdörtgeni tam hesaplamak zor; oyunlar genelde bir hile kullanır: kuşu, dairesini içine alan kare kutu gibi düşünürüz. Kutunun sol kenarı bird.x - bird.r, sağ kenarı bird.x + bird.r.

Bu adımda sadece ilk soruyu soruyoruz. Sonuç biraz haksız olacak (aşağıdaki soruya bak); bir sonraki adımda düzelteceğiz.

```js
function hitsPipe(pipe) {
  const overlapsX = bird.x + bird.r > pipe.x && bird.x - bird.r < pipe.x + PIPE_WIDTH
  return overlapsX
}

  if (hitGround || hitSky || pipes.some(hitsPipe)) state = 'over'
```

Ne işe yarıyor

Sıra sende

  1. addPipe fonksiyonunun kapanan } işaretinin altına bir boş satır bırak ve hitsPipe'ı yaz.
  2. update içindeki if (hitGround || hitSky) state = 'over' satırında hitSky'dan sonra || pipes.some(hitsPipe) ekle.
  3. Çalıştır ve oyna.

Beceriler: Çarpışma tespiti

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