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

Kuleler

Ne yapıyoruz

Kule türlerini küçük bir tabloda tutacağız: TOWERS. Her türün fiyatı (cost), menzili (range, kare), hasarı (damage), yeniden dolma süresi (reload, kare) ve rengi var. Şimdilik tek tür: arrow (ok kulesi).

Kurulan kuleler bir listede duracak ve karelerinin içine küçük kareler olarak çizilecek. Liste boş; kuleyi fareyle kurmayı yakında yazacağız.

```js
const TOWERS = {
  arrow: { cost: 50, range: 2.5, damage: 4, reload: 24, color: '#38bdf8' },
}

let towers

  towers = []

  for (const t of towers) {
    ctx.fillStyle = TOWERS[t.kind].color
    ctx.fillRect(t.col * TILE + 6, TOP + t.row * TILE + 6, TILE - 12, TILE - 12)
  }
```

Ne işe yarıyor

Sıra sende

  1. const SPEED = ... satırının altına TOWERS tablosunu yaz.
  2. let enemies satırının altına let towers yaz; reset içinde enemies = [] satırının altına towers = [] yaz.
  3. draw içinde düşman döngüsünün üstüne kule döngüsünü ve bir boş satır yaz.
  4. Çalıştır: ekranda fark yok, kontroller yeşil olmalı.

Beceriler: Oyun durumları, Canvas üzerine çizim

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