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

Düğmeler için tek bir yer

Ne yapıyoruz

Birazdan hem klavye tuşları hem de ekranda düğmeler olacak ve ikisi aynı işleri yapacak. "Play ne yapar?" sorusunun cevabı iki ayrı yerde olursa bir gün biri değişir, öteki unutulur.

Bu yüzden bütün işleri tek bir fonksiyon yapacak: press(button). Bir kumandadaki düğmeler gibi: hangi tuşa basarsan bas, kararı içerideki tek devre verir.

```js
function press(button) {
  if (button === 'Play') playing = !playing
  else if (button === 'Step') {
    playing = false
    step()
  }
}
```

Ne işe yarıyor

Sıra sende

document.addEventListener('keydown', ... satırının üstüne press fonksiyonunu yaz; aralarında bir boş satır kalsın. Çalıştır: henüz hiçbir tuş press'i çağırmıyor, onu bir sonraki adımda bağlayacağız.

Beceriler: Fonksiyonlar, Oyun durumları

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