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

Üçgen gemi

Ne yapıyoruz

Gemi bir üçgen: burun angle yönünde, iki arka köşe angle + 2.5 ve angle - 2.5 yönünde (iki yana yaklaşık 143°). Üçü de merkezden SHIP_R uzakta. Her köşe açıdan hesaplandığı için gemi dönünce üçgen de bütünüyle döner.

```js
const left = { x: ship.x + Math.cos(ship.angle + 2.5) * SHIP_R, y: ship.y + Math.sin(ship.angle + 2.5) * SHIP_R }
const right = { x: ship.x + Math.cos(ship.angle - 2.5) * SHIP_R, y: ship.y + Math.sin(ship.angle - 2.5) * SHIP_R }
ctx.beginPath()
ctx.moveTo(tip.x, tip.y)
ctx.lineTo(left.x, left.y)
ctx.lineTo(right.x, right.y)
ctx.closePath()
```

Ne işe yarıyor

Sıra sende

  1. drawShip içinde tip satırının altına left ve right satırlarını yaz.
  2. ctx.lineTo(ship.x, ship.y) satırını sil; yerine iki köşe satırını ve ctx.closePath() yaz.
  3. Çalıştır: ortada yukarı bakan beyaz bir üçgen görmelisin.

Beceriler: 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