Atölye › Space Invaders Tarzı › 6/21. adım

Mermiler uçuyor

Ne yapıyoruz

Her karede her mermi 8 piksel yükselsin; ekranın üstünden çıkanlar listeden atılsın. Mermiler beyaz çizilsin.

```js
for (const bullet of bullets) bullet.y -= BULLET_SPEED
bullets = bullets.filter((bullet) => bullet.y + bullet.h > 0)

ctx.fillStyle = '#f8fafc'
for (const bullet of bullets) ctx.fillRect(bullet.x, bullet.y, bullet.w, bullet.h)
```

Ne işe yarıyor

bullet.y -= BULLET_SPEED → yukarı 8 piksel (y aşağı doğru büyür, yukarı gitmek azaltmak demek).
bullets.filter((bullet) => bullet.y + bullet.h > 0) → alt kenarı hâlâ ekranda olanları tut; tamamen çıkanları unut.
for (...) ctx.fillRect(...) → her mermiyi çiz. Tek satırlık gövdede süslü paranteze gerek yok.

Sıra sende

update'in sonuna, bir boş satırdan sonra mermileri hareket ettiren ve süzen iki satırı yaz.
draw'ın sonuna mermileri çizen iki satırı yaz.
Çalıştır ve Boşluk'a bas.

Beceriler: Hız ve yerçekimi

← Ateş Kısa bir dolum →

Tüm adımlar