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

Kasalar

Ne yapıyoruz

Boş karelerin yaklaşık yarısına kasa koyacağız, rastgele. Her çalıştırmada kasalar başka yerde olacak. Kasalar kahverengi, ortalarında koyu bir şerit var.

```js
else if (Math.random() > 0.55) grid[r].push(' ')
else grid[r].push('+')

ctx.fillStyle = tile === '#' ? '#475569' : tile === '+' ? '#b45309' : '#3f6212'
ctx.fillRect(x, y, TILE, TILE)
if (tile === '+') {
  ctx.fillStyle = '#92400e'
  ctx.fillRect(x + 4, y + 14, TILE - 8, 4)
}
```

Ne işe yarıyor

Sıra sende

  1. makeGrid içinde else grid[r].push(' ') satırını sil; yerine iki yeni satırı yaz.
  2. draw içinde renk satırını üç renkli hâliyle değiştir.
  3. ctx.fillRect(x, y, TILE, TILE) satırının altına şeridi çizen if bloğunu yaz.
  4. Çalıştır: arena kasalarla dolmalı; her çalıştırmada başka bir düzen.

Beceriler: Diziler ve nesneler, Canvas üzerine çizim

Tüm adımlar

  1. Arenayı ölç
  2. Karelerden bir zemin
  3. Her karede çiz
  4. Veri olarak arena
  5. Izgaranın dediğini çiz
  6. Sütunlar
  7. Kasalar
  8. Köşeleri boş tut
  9. Oyuncu
  10. Basılı tuşlar
  11. Hedefe doğru kay
  12. Yürü
  13. Bomba bırak
  14. Boşluk bırakır, bomba görünür
  15. Aynı anda bir bomba
  16. Bombalar yol keser
  17. Fitil yanar
  18. Ateş!
  19. Alevler söner
  20. Artı biçiminde alev
  21. Kasalar yanar
  22. Zincirleme patlama
  23. Bombalar yanıp söner
  24. Alev yakar
  25. Kısa bir güvenlik
  26. Kalpler
  27. Canlar bitti
  28. Oyun bitti
  29. Düşmanlar
  30. Düşmanlar dolaşır
  31. Geri dönmek yok
  32. Vur ve değme
  33. Bütün düşmanlar gitti
  34. Saklı güçlendirmeler
  35. Güçlendirmeleri göster
  36. Topla
  37. Güçleri göster
  38. Parmak hangi yanda?
  39. Parmakla oyna
  40. Bir saat
  41. En hızlı zafer
  42. Kendin yap: daha akıllı düşman