Atölye › Asteroids › 13/41. adım

Ateş!

Ne yapıyoruz

Boşluk tuşu ateş etsin, ama her basışta bir kez. Tuşu basılı tutunca bilgisayar keydown olayını tekrar tekrar gönderir; bu tekrarlarda event.repeat true olur. Onları yok sayarsak makineli tüfek olmaz.

Her mermiyi küçük beyaz bir kare olarak çizeceğiz. Mermiler henüz hareket etmiyor; burnun ucunda birikecekler.

```js
if (event.key === ' ' && !event.repeat) shoot()

ctx.fillStyle = 'white'
for (const bullet of bullets) ctx.fillRect(bullet.x - 1.5, bullet.y - 1.5, 3, 3)
```

Ne işe yarıyor

Sıra sende

  1. keydown dinleyicisinde keys[event.key] = true satırının altına Boşluk satırını yaz.
  2. draw içinde drawShip() satırının altına bir boş satır bırakıp iki mermi satırını yaz.
  3. Çalıştır, oyuna tıkla ve Boşluk'a bas: burnun ucunda küçük beyaz bir kare görünmeli.

Beceriler: Klavye ve fare girdisi, Canvas üzerine çizim

Tüm adımlar

  1. Kapkara uzay
  2. Gemi nerede?
  3. Nereye bakıyor?
  4. Üçgen gemi
  5. Hangi tuşlar basılı?
  6. Dönmek
  7. Oyun döngüsü
  8. İtki ve kayma
  9. Biraz sürtünme
  10. Hız sınırı
  11. Ekranın çevresinden dolaş
  12. Mermi yapmak
  13. Ateş!
  14. Mermiler uçar
  15. Mermilere ömür
  16. Kaya yapmak
  17. Dört büyük kaya
  18. Kayaları çiz
  19. Pürüzlü kayalar
  20. Sürüklenen kayalar
  21. İki daire ne zaman değer?
  22. Kaya kırmak
  23. Mermi kayayı vurur
  24. Puanlar
  25. Skoru göster
  26. Can kaybetmek
  27. Kaya gemiye çarpar
  28. Canları göster
  29. Saat kaç?
  30. Bir anlık güvenlik
  31. Güvendeyken yanıp sön
  32. Kaya dalgaları
  33. Sonraki dalga
  34. Her dalga daha hızlı
  35. Tek başlangıç fonksiyonu
  36. Oynuyor mu, bitti mi?
  37. Oyun bitti
  38. En iyi skor
  39. OYUN BİTTİ yazısı
  40. Yeniden oyna
  41. Kendin yap: hiperuzay