Atölye › Bilardo › 10/33. adım

Yuvarlan

Ne yapıyoruz

Her karede her top hızı kadar ilerlesin: x'e vx, y'ye vy eklenir. Bu, fiziğin bir adımı: step (adım). Oyunun her karedeki güncellemesi update onu çağıracak; döngü de çizmeden önce update'i çağıracak.

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

function update() {
  step()
}

  update()
```

Ne işe yarıyor

function step() → her top için b.x += b.vx ve b.y += b.vy: hızı kadar ilerle. Duran topların hızı 0; yerinde kalırlar.
function update() → karedeki bütün güncelleme; şimdilik yalnız step(). İleride sürtünme ve daha fazlası gelecek.
loop içinde update() → her karede önce güncelle, sonra çiz.

Sıra sende

Tuş dinleyicisinin (document.addEventListener('keydown', ...)) üstüne step ve update fonksiyonlarını yaz; her birinin altında bir boş satır kalsın.
loop içinde draw()'un üstüne update() yaz.
Çalıştır ve Boşluk'a bas.

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

← Vuruş bir hızdır Sürtünme →

Yuvarlan

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar