Atölye › Köstebek Vurmaca › 17/18. adım

Yükselen +1

Ne yapıyoruz

Her popup sarı bir "+1" olarak çizilsin: 600 ms boyunca 30 piksel yükselsin ve giderek silikleşsin.

```js
ctx.fillStyle = '#fef08a'
ctx.font = 'bold 24px sans-serif'
ctx.textAlign = 'center'
for (const p of popups) {
  const t = (now - p.born) / 600 // 0 → 1 over the popup's life
  ctx.globalAlpha = 1 - t
  ctx.fillText('+1', p.x, p.y - t * 30)
}
ctx.globalAlpha = 1
```

Ne işe yarıyor

const t = (now - p.born) / 600 → popup'ın ömrünün ne kadarı geçti: doğunca 0, ölürken 1.
ctx.globalAlpha = 1 - t → bundan sonra çizilen her şeyin görünürlüğü: 1 tam, 0 hiç. 1 - t ile giderek silikleşir.
p.y - t * 30 → yaşlandıkça 30 piksele kadar yukarı çıkar.
ctx.globalAlpha = 1 → döngüden sonra geri al; yoksa skor yazısı da silik çizilirdi.

Sıra sende

draw içinde delik döngüsü ile beyaz skor yazısının arasına (bir boş satırla) popup satırlarını yaz. Çalıştır ve vur!

Beceriler: Canvas üzerine çizim

← Her vuruşu hatırla Kendin yap: kombo →

Tüm adımlar