Atölye › Tuğla Kırma › 38/39. adım

Solarak kaybol

Ne yapıyoruz

Son dokunuş: parçacıklar birden kaybolmasın, yavaşça solsun. Bunun için ctx.globalAlpha kullanacağız: bundan sonra çizilen her şeyin opaklığı. 1 tam görünür, 0 görünmez, 0.5 yarı saydam.

```js
for (const p of particles) {
  ctx.globalAlpha = p.life / 30
  ctx.fillStyle = p.color
  ctx.fillRect(p.x - 2, p.y - 2, 4, 4)
}
ctx.globalAlpha = 1
```

Ne işe yarıyor

• ctx.globalAlpha = p.life / 30 → ömrü 30 iken 30/30 = 1 (tam görünür), 15 iken 0.5, bitmeye yakın 0'a yakın. Parçacık ömrü azaldıkça solar.
• ctx.globalAlpha = 1 → döngüden sonra opaklığı mutlaka geri 1 yap. Yoksa ondan sonra çizilen raket, top ve yazılar da saydamlaşır.

Sıra sende

1. draw içindeki parçacık döngüsünde ctx.fillStyle = p.color satırının üstüne globalAlpha satırını yaz.
2. Döngünün kapanış }'inin hemen altına ctx.globalAlpha = 1 yaz.
3. Çalıştır ve bir tuğla kır: kıvılcımlar solarak kaybolmalı. Oyun tamam!

Beceriler: Canvas üzerine çizim

← Hareket et, düş ve kaybol Kendin yap: sağlam tuğlalar →

Tüm adımlar

1. Oyun alanı ve raket
2. Tekrar tekrar çiz
3. Sayıyı sınırlar içinde tut
4. Fareyi takip et
5. Başka boyda gösterilen canvas
6. Hızı olan bir top
7. Yuvarlak top çiz
8. Topu yürüt
9. Yan duvarlardan sek
10. Tavandan sek
11. Açık zemin
12. Raketten sek
13. Raketle nişan al
14. Bir sıra tuğla
15. Tuğlaları çiz
16. Koca bir duvar: döngü içinde döngü
17. Her sıraya bir renk
18. Daire kutuyla buluşuyor
19. Tuğla kır
20. Tuğlanın yanına çarpmak
21. Rakette bekle
22. Raketle birlikte git
23. Topu fırlat
24. Tıkla ya da Boşluk'a bas
25. Basılı tuşları hatırla
26. Ok tuşlarıyla sür
27. Üç can
28. Ekranda canlar ve bir ipucu
29. Oyun bitti
30. Puan tut
31. Puanı göster
32. Oyunu kazan
33. Yeni oyun için tek fonksiyon
34. Yeniden oyna
35. Bir avuç parçacık
36. Kıvılcımlara dönüş
37. Hareket et, düş ve kaybol
38. Solarak kaybol
39. Kendin yap: sağlam tuğlalar