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

Kıvılcımlara dönüş

Ne yapıyoruz

Şimdi parçacıkları devreye sokalım: tuğla kırıldığında burst(brick) çağrılsın, draw da her parçacığı minik bir 4×4 kare olarak çizsin. Tuğlalardan hemen sonra çiziyoruz ki raket ve top onların üstünde kalsın.

```js
  burst(brick)

for (const p of particles) {
  ctx.fillStyle = p.color
  ctx.fillRect(p.x - 2, p.y - 2, 4, 4)
}
```

Ne işe yarıyor

• burst(brick) → score += 10 satırının altında: her kırılan tuğla bir kez patlar.
• for (const p of particles) → her parçacık için...
• ctx.fillRect(p.x - 2, p.y - 2, 4, 4) → 4×4'lük bir kare. Sol üst köşesi 2 piksel sol ve yukarıda olduğu için kare parçacığın konumuna ortalanır.

Sıra sende

1. update içinde score += 10 satırının altına burst(brick) yaz.
2. draw içinde tuğla döngüsünün kapanış }'inin altına bir boş satır bırak ve parçacık döngüsünü yaz.
3. Çalıştır ve bir tuğla kır.

Beceriler: Canvas üzerine çizim

← Bir avuç parçacık Hareket et, düş ve kaybol →

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