Atölye › Ay'a İniş › 16/31. adım

Titreyen alev

Ne yapıyoruz

Motor yanarken aracın altında turuncu bir alev görünsün. Alevin ucu her karede biraz rastgele uzayıp kısalsın: böylece titrer ve canlı görünür.

Alevi drawLander içinde, rotate'ten sonra çiziyoruz: araç eğilince alev de onunla birlikte eğilir, hem de hiçbir hesap yapmadan.

```js
if (burning()) {
  ctx.fillStyle = '#f97316'
  ctx.beginPath()
  ctx.moveTo(-5, 8)
  ctx.lineTo(5, 8)
  ctx.lineTo(0, 16 + Math.random() * 8)
  ctx.fill()
}
```

Ne işe yarıyor

if (burning()) → yalnız motor yanarken.
Alev bir üçgen: üst köşeleri gövdenin altında (-5, 8) ve (5, 8), ucu aşağıda (0, 16 + Math.random() * 8).
16 + Math.random() * 8 → ucun yüksekliği her karede 16 ile 24 arasında rastgele: alev titrer.
Gövdeden önce çizilir; gövde alevin üst kenarını örter.

Sıra sende

drawLander içinde ctx.rotate(lander.angle) satırının altına alev bloğunu yaz. Çalıştır ve yukarı oku basılı tut: aracın altında titreyen bir alev görmelisin.

Beceriler: Canvas üzerine çizim

← Motor Yakıt →

Titreyen alev

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar