Atölye › Mayın Tarlası › 10/26. adım

Açık hücre farklı görünür

Ne yapıyoruz

Açılan hücre görünmeli: açık hücreler açık gri, kapalılar eskisi gibi koyu gri olacak.

```js
if (cell.revealed) {
  ctx.fillStyle = '#e2e8f0'
  ctx.fillRect(x + 1, y + 1, CELL - 2, CELL - 2)
} else {
  ctx.fillStyle = '#94a3b8'
  ctx.fillRect(x + 1, y + 1, CELL - 2, CELL - 2)
}
```

Ne işe yarıyor

if (cell.revealed) { ... } else { ... } → hücre açıksa ilk blok (açık gri '#e2e8f0'), değilse ikinci blok (eski koyu gri). İki blokta da kare aynı yere çizilir; sadece renk değişir. Sonraki adımlarda iki bloğa da yeni şeyler ekleyeceğiz.

Sıra sende

draw içindeki for döngüsünde, kareyi çizen iki satırı kod bloğundaki if ... else ile değiştir: açık hücre için '#e2e8f0', kapalı için eski iki satır. Çalıştır. Tıklamayı birazdan bağlayacağız; kontroller hücreyi kendileri açıyor.

Beceriler: Canvas üzerine çizim

← Hücre aç Renkli sayılar →

Tüm adımlar