Atölye › Conway'in Hayat Oyunu › 24/32. adım
Parçaları birleştirme zamanı: bir hücreye tıklayınca (ya da parmakla dokununca) o hücre değişsin. Ölüyse canlansın, canlıysa ölsün; bir lambanın düğmesi gibi.
Fare ve parmak için tarayıcı pointerdown (bastın) olayını yayar. keydown'ı dinlediğimiz gibi onu da dinleriz.
```js
canvas.addEventListener('pointerdown', (event) => {
const cell = cellAt(toCanvas(event))
if (!cell) return
grid[cell.r][cell.c] = grid[cell.r][cell.c] ? 0 : 1
})
```canvas.addEventListener('pointerdown', ...) → canvas'ın üstüne basıldığında (fare tuşu ya da parmak) içini
çalıştır.cellAt(toCanvas(event)) → önce olaydan canvas noktasını, sonra noktadan hücreyi bulur: iki fonksiyon iç içe.if (!cell) return → hücre yoksa (null, ızgaranın dışı) hiçbir şey yapma.grid[cell.r][cell.c] ? 0 : 1 → hücre canlıysa 0, ölüyse 1: tersini yazar.cellAt'ın altına, function update() { satırının üstüne dinleyiciyi yaz; altında bir boş satır kalsın.
Çalıştır: C ile temizle, sonra birkaç hücreye tıkla ve N ile ne olduğuna bak.
Beceriler: Klavye ve fare girdisi
← Hangi hücre? Boya mı sil mi? →