Atölye › Bomberman Tarzı Arena › 35/42. adım

Güçlendirmeleri göster

Ne yapıyoruz

Eşya yalnız kasası yandıktan sonra görünür; bu tam olarak karenin zemin olduğu an. Mavi kare üstünde B (bomba), turuncu kare üstünde F (ateş).

```js
const item = items.get(key(r, c))
if (item && tile === ' ') {
  ctx.fillStyle = item === 'bomb' ? '#2563eb' : '#ea580c'
  ctx.fillRect(x + 6, y + 6, TILE - 12, TILE - 12)
  ctx.fillStyle = 'white'
  ctx.font = 'bold 14px sans-serif'
  ctx.textAlign = 'center'
  ctx.fillText(item === 'bomb' ? 'B' : 'F', x + TILE / 2, y + 21)
}
```

Ne işe yarıyor

const item = items.get(key(r, c)) → bu karenin eşyası; yoksa undefined.
if (item && tile === ' ') → eşya var ve kare zemin (kasası yanmış) ise çiz.
ctx.fillRect(x + 6, y + 6, TILE - 12, TILE - 12) → karenin içinde, her yandan 6 piksel boşluklu 20 × 20'lik kare.
ctx.textAlign = 'center' ve x + TILE / 2 → harf karenin tam ortasına. y + 21 harfin taban çizgisi.

Sıra sende

draw içinde, kare döngüsünün içinde, kasa şeridini çizen if bloğunun altına eşya satırlarını yaz.
Çalıştır ve kasaları patlat: bazılarının altından B ya da F çıkmalı.

Beceriler: Canvas üzerine çizim

← Saklı güçlendirmeler Topla →

Tüm adımlar