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

Boşlukla oynat, N ile adım at

Ne yapıyoruz

Şimdi tuşları press'e bağlıyoruz. Her tuş için ayrı bir if yazmak yerine küçük bir tablo kuracağız: "Boşluk → Play, N → Step". Bir sözlük gibi: tuşu ararsın, karşısındaki düğme adını bulursun.

```js
document.addEventListener('keydown', (event) => {
  const keys = { ' ': 'Play', n: 'Step' }
  const button = keys[event.key.toLowerCase()]
  if (!button) return
  event.preventDefault()
  press(button)
})
```

Ne işe yarıyor

• const keys = { ' ': 'Play', n: 'Step' } → bir nesne (object): anahtar: değer çiftlerinden oluşan küçük bir sözlük. ' ' (tırnak içinde bir boşluk) boşluk tuşunun adıdır.
• keys[event.key.toLowerCase()] → köşeli parantezle tabloda arama: keys['n'] → 'Step', keys[' '] → 'Play'. Tabloda olmayan bir tuş sorulursa sonuç undefined (yok) olur.
• if (!button) return → "düğme yoksa (bizi ilgilendirmeyen bir tuşsa) burada dur". return fonksiyondan hemen çıkar; alttaki satırlar çalışmaz.
• event.preventDefault() → tarayıcının o tuşla kendi yaptığı işi engeller. Boşluk tuşu normalde sayfayı aşağı kaydırır; bunu istemeyiz.
• press(button) → kararı press verir.

Sıra sende

1. keydown dinleyicisinin içindeki if (event.key.toLowerCase() === 'n') step() satırını sil.
2. Yerine beş yeni satırı yaz. Dinleyicinin ilk ve son satırı aynı kalır.
3. Çalıştır, oyuna tıkla: Boşluk dünyayı başlatıp durdurmalı, N durdurup bir nesil ilerletmeli.

Beceriler: Klavye ve fare girdisi

← Düğmeler için tek bir yer Temizle ve karıştır →

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