Atölye › Angry Birds Tarzı Sapan › 11/47. adım

Hız kadar ilerle

Ne yapıyoruz

Kuşun hızı var ama kıpırdamıyor. Her karede her gövdeyi hızı kadar ilerletmeliyiz: vx kadar yana, vy kadar aşağı (ya da eksiyse yukarı).

Bunu iki fonksiyona bölüyoruz: step (adım) bütün gövdeleri bir kare ilerletir, update (güncelle) oyunun durumunu değiştiren her şeyi yapar. Döngü her turda önce günceller, sonra çizer.

```js
function step() {
  for (const b of bodies) {
    b.x += b.vx
    b.y += b.vy
  }
}

function update() {
  step()
}

function loop() {
  update()
  draw()
```

Ne işe yarıyor

for (const b of bodies) { → her gövde için:
- b.x += b.vx → konuma yatay hızı ekle. += "üstüne ekle" demek: b.x = b.x + b.vx ile aynı.
- b.y += b.vy → konuma dikey hızı ekle.
function update() { step() } → şimdilik yalnız step'i çağırıyor; ileride atışın ne zaman bittiğine de burada karar vereceğiz.
loop içinde update() → önce durumu değiştir, sonra draw() ile yeni durumu çiz.

Sıra sende

document.addEventListener('keydown', ...) satırının üstüne step ve update fonksiyonlarını yaz.
loop içinde draw() satırının üstüne update() yaz.
Çalıştır, oyuna tıkla ve Boşluk'a bas.

Beceriler: Hız ve yerçekimi, Oyun döngüsü

← Fırlat! Yerçekimi →

Hız kadar ilerle

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar