Atölye › Mayın Tarlası › 4/26. adım

Her karede çiz

Ne yapıyoruz

Tarla her tıklamada değişecek; ileride bir saat de işleyecek. Resmi sürekli yeniden çizen bir oyun döngüsü kuruyoruz.

requestAnimationFrame(fn) tarayıcıya "ekranı bir sonraki yenilemeden önce fn'i çalıştır" der (saniyede yaklaşık 60 kez). loop her turda çizip bir sonraki turu kendisi istediği için döngü hiç durmaz.

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

newGame()
requestAnimationFrame(loop)
```

Ne işe yarıyor

function loop() { draw(); requestAnimationFrame(loop) } → bir tur: çiz, sonra bir sonraki turu iste.
En alttaki requestAnimationFrame(loop) → döngüyü başlatır; eski tek seferlik draw() çağrısının yerini alır.

Sıra sende

En alttaki newGame() satırının üstüne loop fonksiyonunu yaz; arada bir boş satır kalsın.
En alttaki draw() satırını sil, yerine requestAnimationFrame(loop) yaz.
Çalıştır. Ekran aynı görünür.

Beceriler: Oyun döngüsü

← Tarlayı çiz Komşular →

Tüm adımlar