Atölye › Sonsuz Koşucu › 18/19. adım

Eğil

Ne yapıyoruz

Yerdeyken aşağı oku basılı tutmak koşucuyu kısaltsın (44'ten 26'ya): kuşun altından geçecek kadar. Eğilmişken zıplanamasın.

Dikkat edilecek nokta: boy değişince kutunun üstü değil ayakları yerinde kalmalı; yoksa koşucu havada kısalırdı.

```js
const DUCK_H = 26

  // Duck only on the ground; keep the feet in place when the height changes.
  const h = keys.ArrowDown && onGround() ? DUCK_H : STAND_H
  runner.y += runner.h - h
  runner.h = h

  if (onGround() && runner.h === STAND_H) runner.vy = JUMP
```

Ne işe yarıyor

• keys.ArrowDown && onGround() ? DUCK_H : STAND_H → aşağı ok basılı ve yerdeyse eğilme boyu, değilse ayakta boyu.
• runner.y += runner.h - h → boy ne kadar küçüldüyse üst kenarı o kadar aşağı indir (büyüyünce yukarı çıkar). Böylece y + h, yani ayaklar, aynı yerde kalır.
• runner.h = h → yeni boy.
• jump içinde && runner.h === STAND_H → eğilmişken zıplama yok.
• Kuşun altı zeminden 30 piksel yukarıda; eğilen koşucu 26 boyunda. Çarpışma kutusu da 6 piksel içeride olduğu için rahatça geçer.

Sıra sende

1. const STAND_H = 44 satırının altına DUCK_H satırını yaz.
2. update içinde zemin bloğunun hemen altına yorumu ve üç eğilme satırını yaz (boş satırdan önce).
3. jump içindeki koşula && runner.h === STAND_H ekle.
4. Çalıştır: kuş gelince aşağı oku basılı tut. Oyun bitti!

Beceriler: Klavye ve fare girdisi, Çarpışma tespiti

← Hangi tuşlar basılı? Kendin yap: zıplama tamponu →

Tüm adımlar

1. Zemin
2. Koşucu
3. Tekrar tekrar çiz
4. Yer çekimi
5. Zıpla
6. Kısa sıçrama
7. Dokunarak zıpla
8. Üstüne gelen engeller
9. Kaktüsler gelmeye devam ediyor
10. Başlangıcı bekle
11. Çarpışma
12. Yeniden dene
13. Giderek hızlan
14. En iyi koşuyu hatırla
15. Skor sayacı
16. Kuşlar
17. Hangi tuşlar basılı?
18. Eğil
19. Kendin yap: zıplama tamponu