Atölye › Kule Savunması › 6/42. adım

Yolu çiz

Ne yapıyoruz

Her kare boyanırken road kümesine sorsun: yol mu? Yolsa gri, değilse yeşil. Harita ilk kez bir oyun haritasına benzeyecek.

```js
ctx.fillStyle = road.has(key(col, row)) ? '#a8a29e' : '#3f6212'
```

Ne işe yarıyor

• road.has(key(col, row)) → bu karenin anahtarı kümede var mı? Yolsa true.
• koşul ? A : B → koşul doğruysa A ('#a8a29e', gri), değilse B (yeşil).
• Haritanın dışındaki iki yol karesi (-1 ve 12. sütun) hiç çizilmez; döngü yalnız 0–11 sütunlarını dolaşır.

Sıra sende

1. draw içinde karelerin ctx.fillStyle = '#3f6212' satırını yeni hâliyle değiştir.
2. Çalıştır: soldan girip kıvrılarak sağdan çıkan gri bir yol görmelisin.

Beceriler: Canvas üzerine çizim

← Yolu doldur Mesafeyle yürümek →

Tüm adımlar

1. Haritayı ölç
2. Karelerden bir harita
3. Her karede çiz
4. Köşelerden yol
5. Yolu doldur
6. Yolu çiz
7. Mesafeyle yürümek
8. Yoldaki düşmanlar
9. Yürü
10. Yolun sonundan çıkış
11. İşte geliyorlar
12. Kuleler
13. Tıklamadan kareye
14. Tıkla ve kur
15. Nereye kurabilirsin?
16. Altını göster
17. Tıklamadan önce göster
18. Menzili göster
19. Hedef seç
20. Ateş!
21. İsabet acıtır
22. Güdümlü mermiler
23. Sönen mermi
24. Her av için altın
25. Canlar
26. Can çubukları
27. Önce kur, sonra savun
28. Boşluk dalgayı başlatır
29. Dalga bitti
30. Her dalga daha güçlü
31. Daha sık
32. Can bitti
33. Oyun bitince kurmak yok
34. En çok dayanılan dalga
35. Oyun bitti ekranı
36. Yeniden oyna
37. Alt çubuk
38. Tıklayarak başlat
39. İkinci kule: top
40. Kule düğmeleri
41. Alan hasarı
42. Kendin yap: kule sat