Atölye › Conway'in Hayat Oyunu › 3/32. adım
Canlı bir hücre, ızgarada küçük yeşil bir kare. Bu adımda tek bir tane çizeceğiz: 3. sütun, 2. satır. (Sayma 0'dan başlar: en soldaki sütun 0. sütundur.)
Kareyi hücreden 1 piksel küçük çizeceğiz. Böylece yan yana iki canlı hücrenin arasında ince bir çizgi kalır ve ızgara okunur olur; kareli defterin çizgileri gibi.
```js
ctx.fillStyle = '#4ade80'
ctx.fillRect(3 * CELL, TOP + 2 * CELL, CELL - 1, CELL - 1)
```ctx.fillStyle = '#4ade80' → açık yeşil.3 * CELL → 3 × 8 = 24: 3. sütun soldan 24. pikselden başlar.TOP + 2 * CELL → 36 + 2 × 8 = 52. Izgara zaten TOP'tan başlıyor; 2. satır ondan iki hücre aşağıda.
(Çarpma toplamadan önce yapılır, matematikteki gibi.)CELL - 1, CELL - 1 → karenin eni ve boyu: 8 − 1 = 7 piksel. Kalan 1 piksel, komşu kareyle arasındaki boşluk.Dosyanın en sonuna, bir boş satırdan sonra iki yeşil satırı yaz. Çalıştır: ızgaranın sol üst köşesine yakın minik yeşil bir kare görmelisin.
Beceriler: Canvas üzerine çizim
← Izgarayı ölç Çizen bir fonksiyon →