Atölye › Wordle Tarzı Kelime Tahmini › 6/26. adım

Tekrar tekrar çiz

Ne yapıyoruz

Birazdan harf yazacağız ve her harf hemen görünmeli. En kolayı: resmi sürekli yeniden çizmek.

Tarayıcı ekranı saniyede yaklaşık 60 kez yeniler. requestAnimationFrame ona "bir sonraki yenilemeden önce bu fonksiyonu çalıştır" der. Fonksiyon kendini her seferinde yeniden istediği için döngü hiç durmaz. Buna oyun döngüsü denir.

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

requestAnimationFrame(loop)
```

Ne işe yarıyor

function loop() { → döngünün bir turu: çiz, sonra bir sonraki turu iste.
requestAnimationFrame(loop) → "ekran bir sonraki yenilenmeden önce loop'u yine çalıştır".
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 draw() satırını sil.
Yerine loop fonksiyonunu ve altına, bir boş satırdan sonra, requestAnimationFrame(loop) satırını yaz.
Çalıştır. Ekran aynı görünür.

Beceriler: Oyun döngüsü

← Altı satır Yazılan harfler →

Tüm adımlar