Atölye › Asteroids › 7/41. adım

Oyun döngüsü

Ne yapıyoruz

Oyunlar bir döngü ile çalışır: güncelle → çiz → tekrar... Saniyede yaklaşık 60 kez. Her tura kare (frame) denir; çizgi filmin kareleri gibi.

requestAnimationFrame(loop) tarayıcıya "ekranı bir dahaki yenilemenden önce loop'u çalıştır" der. loop da her seferinde kendi devamını ister; döngü hiç durmaz.

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

resetShip()
requestAnimationFrame(loop)
```

Ne işe yarıyor

function loop() → döngünün bir turu: önce update() (durumu değiştir), sonra draw() (yeni durumu çiz).
requestAnimationFrame(loop) → bir sonraki kareyi ister.
En alttaki tek seferlik draw() gidiyor; yerine döngüyü başlatan requestAnimationFrame(loop) geliyor.

Sıra sende

draw fonksiyonunun altına bir boş satır bırakıp loop fonksiyonunu yaz.
En alttaki draw() satırını sil; yerine requestAnimationFrame(loop) yaz.
Çalıştır. Önce oyuna tıkla, sonra sol ve sağ oklara bas: gemi dönmeli.

Beceriler: Oyun döngüsü

← Dönmek İtki ve kayma →

Tüm adımlar