Atölye › Ay'a İniş › 8/31. adım

Oyun döngüsü

Ne yapıyoruz

Aracı hareket ettirelim. Bir oyun döngüsü saniyede yaklaşık 60 kez iki iş yapar: güncelle (aracı hızı kadar kaydır) ve çiz. Aracın vx'i 1 olduğu için araç yavaşça sağa kayacak; henüz düşmüyor.

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

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

reset()
requestAnimationFrame(loop)
```

Ne işe yarıyor

lander.x += lander.vx → x'e vx'i ekle (+=): her karede 1 piksel sağa.
lander.y += lander.vy → aynısı dikeyde (vy şimdilik 0).
function loop() { ... } → döngünün bir turu: önce update(), sonra draw(), sonra requestAnimationFrame(loop) ile tarayıcıya "ekranı bir sonraki yenileyişinden önce loop'u yine çalıştır" de.
En altta tek seferlik draw() yerine requestAnimationFrame(loop) → döngüyü başlatır. loop parantezsiz: "sırası gelince sen çalıştır".

Sıra sende

function drawLander() { satırının üstüne update fonksiyonunu yaz; aralarında bir boş satır kalsın.
En alttaki draw() satırını sil; reset() satırının üstüne loop fonksiyonunu (altında bir boş satırla), reset()'in altına da requestAnimationFrame(loop) yaz.
Çalıştır: araç yavaşça sağa kaymalı.

Beceriler: Oyun döngüsü

← İki ayak Ay yerçekimi →

Oyun döngüsü

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar