Atölye › Pinball › 7/42. adım

Hıza göre ilerle

Ne yapıyoruz

Her oyunun iki işi vardır: güncelle (durumu değiştir) ve çiz (durumu göster). Çizeni yazdık; şimdi güncelleyeni yazıyoruz: update.

Kural çok basit: her karede topun yerine hızını ekle. vx 2 ise top her karede 2 piksel sağa, vy -3 ise 3 piksel yukarı gider (canvas'ta y aşağı doğru büyüdüğü için eksi y yukarı demek).

```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 kadar ekle". += üstüne ekle demek: a += 2, a = a + 2 ile aynı.
ball.y += ball.vy → aynısı dikey yönde.
loop içindeki update() → her turda önce durumu değiştir, sonra draw() ile yeni durumu çiz.

Sıra sende

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

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

← Topu çiz Boşlukla fırlat →

Tüm adımlar