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

Üstüne gelen engeller

Ne yapıyoruz

Sonsuz koşucunun sırrı: koşucu aslında hiç ilerlemez, dünya ona doğru kayar. Engeller bir listede duruyor; her karede her biri speed piksel sola kayar, sol kenardan çıkanlar listeden atılır. Engelleri yeşil kutular (kaktüs) olarak çiziyoruz.

```js
let obstacles = []
let speed = 6

  for (const o of obstacles) o.x -= speed
  obstacles = obstacles.filter((o) => o.x + o.w > 0)

  for (const o of obstacles) {
    ctx.fillStyle = '#15803d'
    ctx.fillRect(o.x, o.y, o.w, o.h)
  }
```

Ne işe yarıyor

• let obstacles = [] → engellerin listesi, başta boş. Her engel bir kutu: { x, y, w, h }.
• let speed = 6 → dünyanın her karede kaç piksel kaydığı.
• for (const o of obstacles) o.x -= speed → her engeli 6 piksel sola kaydır.
• obstacles.filter((o) => o.x + o.w > 0) → sağ kenarı hâlâ ekranda olanları tut; tamamen çıkanları unut.
• draw içinde her engel yeşil bir kutu.

Sıra sende

1. let runner = ... satırının altına obstacles ve speed satırlarını yaz.
2. update'in sonuna, zemin bloğunun altına bir boş satır bırakıp iki satırı yaz.
3. draw'ın sonuna, koşucuyu çizen satırın altına engel döngüsünü yaz.
4. Çalıştır. (Henüz engel yok; bir sonraki adımda gelecekler.)

Beceriler: Diziler ve nesneler

← Dokunarak zıpla Kaktüsler gelmeye devam ediyor →

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