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

Düğmelere dokun

Ne yapıyoruz

Son adım: düğmelere dokunulduğunda çalışsınlar. Basılan nokta düğme sırasındaysa (BAR_Y'nin altında) hangi düğme olduğunu bulup klavyeyle aynı press'i çağıracağız. Böylece "Play ne yapar?" sorusunun cevabı hâlâ tek bir yerde.

```js
canvas.addEventListener('pointerdown', (event) => {
  const point = toCanvas(event)
  if (point.y >= BAR_Y) {
    press(BUTTONS[Math.floor(point.x / BUTTON_W)])
    return
  }
  const cell = cellAt(point)
  if (!cell) return
```

Ne işe yarıyor

• const point = toCanvas(event) → noktayı bir kez hesaplayıp point'te tutarız; iki yerde kullanacağız.
• if (point.y >= BAR_Y) { → nokta düğme sırasında mı? (>= "büyük ya da eşit".)
• Math.floor(point.x / BUTTON_W) → düğmenin sırası: x = 150 ise 150 / 96 = 1.56 → 1 → BUTTONS[1] = 'Step'.
• press(...) → klavyedeki gibi o düğmeye bas. return → hücre boyamaya geçme.
• const cell = cellAt(point) → düğme değilse eskisi gibi hücreyi bul; artık toCanvas'ı yeniden çağırmaya gerek yok.

Sıra sende

1. pointerdown dinleyicisinde const cell = cellAt(toCanvas(event)) satırını sil.
2. Yerine const point = ..., beş satırlık if bloğunu ve const cell = cellAt(point) satırını yaz. Alttaki satırlar aynı kalır.
3. Çalıştır ve düğmelere tıkla: Gun, sonra Play. Oyun tamam!

Beceriler: Klavye ve fare girdisi

← Ekranda düğmeler Kendin yap: duran dünya →

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