Atölye › Conway'in Hayat Oyunu › 10/32. adım

Tekrar tekrar çiz

Ne yapıyoruz

Şu an draw yalnız bir kez, en başta çalışıyor. Dünya değişse bile ekran eski resmi göstermeye devam ederdi.

Oyunlar bir döngü ile çalışır: çiz → tekrar çiz → tekrar çiz... Bir çizgi filmin kareleri gibi. Tarayıcı ekranı saniyede yaklaşık 60 kez yeniler; requestAnimationFrame ona "bir sonraki yenilemeden önce bu fonksiyonu çalıştır" der.

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

reset()
requestAnimationFrame(loop)
```

Ne işe yarıyor

• function loop() { → döngünün bir turu.
• draw() → dünyanın şu anki hâlini çiz.
• requestAnimationFrame(loop) → "ekran bir sonraki yenilenmeden önce loop'u yine çalıştır". Fonksiyon kendi devamını istiyor; böylece döngü hiç bitmez.
• 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

1. En alttaki reset() satırının üstüne loop fonksiyonunu yaz ve altında bir boş satır bırak.
2. En alttaki draw() satırını sil; yerine requestAnimationFrame(loop) yaz.
3. Çalıştır: ekran aynı görünür, ama artık saniyede 60 kez yeniden çiziliyor.

Beceriler: Oyun döngüsü

← Dört kural N ile sonraki nesil →

Tüm adımlar

1. Oyun tahtası
2. Izgarayı ölç
3. Tek bir canlı hücre
4. Çizen bir fonksiyon
5. Hafızadaki dünya
6. Her canlı hücreyi çiz
7. Rastgele bir çorba
8. Komşuları say
9. Dört kural
10. Tekrar tekrar çiz
11. N ile sonraki nesil
12. Nesilleri say
13. Nesli göster
14. Kenarsız bir dünya
15. Canlıları say
16. Birkaç karede bir nesil
17. Yaşasın
18. Çalışıyor mu?
19. Düğmeler için tek bir yer
20. Boşlukla oynat, N ile adım at
21. Temizle ve karıştır
22. İşaretçi nerede?
23. Hangi hücre?
24. Hücreye tıkla
25. Boya mı sil mi?
26. Sürükleyerek boya
27. Metinden desenler
28. Planör topu
29. Topu ateşle
30. Ekranda düğmeler
31. Düğmelere dokun
32. Kendin yap: duran dünya