Atölye › Dört Bağla › 25/38. adım

Dördünü halkala

Ne yapıyoruz

Kazanan dört diskin etrafına beyaz bir halka çizelim ki hangi dörtlünün kazandığı görünsün. Dairenin içini boyamak yerine sadece kenarını çizmek için fill yerine stroke kullanılır.

```js
for (const [row, col] of line) {
  ctx.strokeStyle = 'white'
  ctx.lineWidth = 4
  ctx.beginPath()
  ctx.arc(col * CELL + CELL / 2, TOP + row * CELL + CELL / 2, CELL / 2 - 10, 0, Math.PI * 2)
  ctx.stroke()
}
```

Ne işe yarıyor

for (const [row, col] of line) → line'daki her [satır, sütun] çifti için; köşeli parantez çifti açıp iki ada koyar.
ctx.strokeStyle = 'white' → çizgi rengi; ctx.lineWidth = 4 → çizgi kalınlığı (piksel).
ctx.arc(...) → deliğin ortasında, yarıçapı 64 / 2 - 10 = 22 olan bir daire: diskin biraz içinde.
ctx.stroke() → sadece kenarı çiz, içini boyama.
Oyun sürerken line boş liste olduğu için döngü hiç çalışmaz.

Sıra sende

draw içinde düşen diski çizen satırın altına bir boş satır bırakıp döngüyü yaz (yazılardan önce). Çalıştır ve kazan: dört diskin etrafında beyaz halkalar görmelisin.

Beceriler: Canvas üzerine çizim

← Kazanan var Kim kazandı? →

Tüm adımlar