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

Nesli göster

Ne yapıyoruz

Izgaranın üstünde boş bıraktığımız şeride sayacı yazıyoruz: Generation 4 gibi. Canvas'a yazı da tıpkı kare gibi çizilir: önce kalemi ayarla (renk, yazı tipi, hiza), sonra yaz.

```js
  ctx.fillStyle = 'white'
  ctx.font = 'bold 16px sans-serif'
  ctx.textAlign = 'left'
  ctx.fillText('Generation ' + generation, 8, 24)
}
```

Ne işe yarıyor

Sıra sende

draw'un en sonunda, iki döngünün kapanışından ( }) sonra ve fonksiyonun son }'sinden önce bir boş satır bırak ve dört satırı yaz. Çalıştır, oyuna tıkla ve N'ye bas: sol üstteki sayı artmalı.

Beceriler: Canvas üzerine çizim

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