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

Kuş değil dünya kayar

Ne yapıyoruz

İşin sırrı: kuş aslında hiç ileri gitmiyor. Hep aynı x'te duruyor; dünya onun yanından geriye kayıyor. Trende pencereden bakınca ağaçların geriye kaçması gibi. Yandan görünen oyunların çoğu böyle çalışır.

Her karede her boru PIPE_SPEED piksel sola kayacak. Bu satırlar update'in içinde, yani yalnız oyun sürerken çalışır.

```js
const PIPE_SPEED = 2

  for (const pipe of pipes) {
    pipe.x -= PIPE_SPEED
  }
```

Ne işe yarıyor

const PIPE_SPEED = 2 → borular her karede 2 piksel kayar: saniyede 120 piksel.
for (const pipe of pipes) { → önceki adımdaki döngü, bu sefer update'in içinde.
pipe.x -= PIPE_SPEED → -= "üstünden çıkar" (+='nin tersi): x küçülür, boru sola gider.
pipe listedeki nesnenin kendisi; onu değiştirmek listedeki boruyu değiştirir. draw de bir sonraki karede boruyu yeni yerine çizer.

Sıra sende

const GAP = 160 satırının altına PIPE_SPEED satırını yaz.
update içinde bird.y += bird.vy satırının altına bir boş satır bırak ve döngüyü yaz. const hitGround satırı onun altında kalsın.
Çalıştır, oyuna tıkla: boru sola kaymalı ve ekrandan çıkmalı. (Kuş borunun içinden geçebilir; çarpmayı sonra ekleyeceğiz.)

Beceriler: Oyun döngüsü, Döngüler

← Boruları çiz Rastgele yükseklikte yeni boru →

Kuş değil dünya kayar

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar