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

Izgaranın dediğini çiz

Ne yapıyoruz

Çizim artık her karenin rengini ızgaradan okuyacak: duvar gri, zemin yeşil. Böylece ızgarada ne değişirse ekrana kendiliğinden yansır. Veri (ızgara) ayrı, çizim ayrı: oyun yazmanın en önemli fikirlerinden biri.

```js
const tile = grid[r][c]
ctx.fillStyle = tile === '#' ? '#475569' : '#3f6212'
```

Ne işe yarıyor

• const tile = grid[r][c] → o karenin karakteri.
• tile === '#' ? '#475569' : '#3f6212' → koşul ? A : B "koşul doğruysa A, değilse B" demek: duvarsa gri, değilse yeşil.

Sıra sende

1. draw içinde const y = ... satırının altına const tile = grid[r][c] yaz.
2. Altındaki ctx.fillStyle = '#3f6212' satırını yeni hâliyle değiştir.
3. Çalıştır: yeşil alanın çevresinde gri bir duvar görmelisin.

Beceriler: Canvas üzerine çizim

← Veri olarak arena Sütunlar →

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