Atölye › Tuğla Kırma › 8/39. adım

Topu yürüt

Ne yapıyoruz

Her oyunun iki işi vardır: güncelle (durumu değiştir) ve çiz (durumu göster). Çizeni yazmıştık; şimdi güncelleyeni yazıyoruz. update her karede topun konumuna hızını ekleyecek.

Döngü artık her turda önce update(), sonra draw() çağıracak.

```js
function update() {
  ball.x += ball.vx
  ball.y += ball.vy
}

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

Ne işe yarıyor

ball.x += ball.vx → "ball.x'e ball.vx'i ekle". += üstüne ekle demek: 240 → 243 → 246...
ball.y += ball.vy → aynısı dikeyde. vy eksi olduğu için y azalır: top yukarı gider.
loop içinde update() draw()'dan önce: önce durumu değiştir, sonra en yeni hâlini çiz.

Sıra sende

function draw() { satırının üstüne update fonksiyonunu yaz; ikisinin arasında bir boş satır kalsın.
loop içinde draw() satırının üstüne update() yaz.
Çalıştır ve topu izle.

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

← Yuvarlak top çiz Yan duvarlardan sek →

Tüm adımlar