Atölye › Missile Command Tarzı Savunma › 14/35. adım

Önleyiciler uçuyor

Ne yapıyoruz

Önleyiciler de düşman füzeleri gibi stepTowards ile uçacak; ama çok daha hızlı: karede 7 piksel. Hedefe varan önleyici listeden çıkacak (patlamayı sonra ekleyeceğiz). Her birini üsten kendisine uzanan yeşil bir çizgiyle çizeceğiz.

```js
const SHOT_SPEED = 7

  for (const s of shots) {
    if (stepTowards(s, SHOT_SPEED)) {
      s.done = true
    }
  }
  shots = shots.filter((s) => !s.done)

  ctx.strokeStyle = '#a3e635'
  for (const s of shots) {
    ctx.beginPath()
    ctx.moveTo(BASE.x, BASE.y)
    ctx.lineTo(s.x, s.y)
    ctx.stroke()
  }
```

Ne işe yarıyor

const SHOT_SPEED = 7 → önleyici hızı: düşman füzesinden (0.8) neredeyse on kat hızlı.
update içinde füzelerdeki desenin aynısı: adım at; vardıysa done diye işaretle; döngüden sonra filter ile işaretlileri at. { } şimdilik tek satırlık ama yakında içine bir satır daha gelecek.
draw içinde: renk yeşil (lineWidth hâlâ 2), her önleyici için üsten (BASE.x, BASE.y) önleyiciye bir çizgi.

Sıra sende

const CITY_XS = ... satırının altına const SHOT_SPEED = 7 yaz.
update içinde geri sayım bloğu ile füze döngüsünün arasına önleyici döngüsünü ve filter satırını yaz; üstünde bir boş satır kalsın.
draw içinde füze izi döngüsünün kapanış }'inin hemen altına yeşil çizgi satırlarını yaz.
Çalıştır ve gökyüzüne tıkla: üsten yeşil bir çizgi tıkladığın yere fırlamalı.

Beceriler: Hız ve yerçekimi, Canvas üzerine çizim

← Gökyüzüne tıkla Büyüyüp küçülen patlama →

Önleyiciler uçuyor

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar