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

Bir avuç parçacık

Ne yapıyoruz

Oyun çalışıyor; şimdi iyi hissettirsin. Tuğla kırılınca sadece yok oluyor, anın hiç etkisi yok. Oyun geliştiriciler bunun çözümüne juice (meyve suyu) der: kuralları değiştirmeyen ama her hareketi tatmin edici yapan küçük efektler.

En bilinen efekt: kırılan tuğladan bir avuç parçacık (particle) saçılır. Her parçacık kendi konumu, hızı ve kalan ömrü olan küçük bir nesnedir. Bu adımda onları üreten burst (patlama) fonksiyonunu yazıyoruz.

```js
let particles

  particles = []

function burst(brick) {
  for (let i = 0; i < 12; i++) {
    particles.push({
      x: brick.x + BRICK_W / 2,
      y: brick.y + BRICK_H / 2,
      vx: Math.random() * 6 - 3,
      vy: Math.random() * 6 - 3,
      life: 30,
      color: COLORS[brick.row],
    })
  }
}
```

Ne işe yarıyor

let particles → parçacık listesi. newGame() içindeki particles = [] her oyunda onu boşaltır.
for (let i = 0; i < 12; i++) → 12 kez çalış: 12 parçacık.
Uzun bir nesneyi okunur olsun diye her alanı ayrı satıra yazabiliriz; her alanın sonuna virgül konur.
x: brick.x + BRICK_W / 2, y: brick.y + BRICK_H / 2 → tuğlanın ortası: hepsi oradan çıkar.
Math.random() → her çağrıldığında 0 ile 1 arasında rastgele bir sayı. * 6 onu 0–6 arasına büyütür, - 3 ile -3 ile 3 arası olur. Böylece her parçacık başka bir yöne uçar.
life: 30 → parçacık 30 kare (yarım saniye kadar) yaşar.
color: COLORS[brick.row] → tuğlanın kendi rengi.

Sıra sende

let lives satırının üstüne let particles yaz.
newGame içinde buildBricks() satırının altına particles = [] yaz.
buildBricks fonksiyonunun kapanış }'inin altına bir boş satır bırak ve burst fonksiyonunu yaz.
Çalıştır: henüz bir şey görünmez; kontroller yeşil olmalı.

Beceriler: Diziler ve nesneler, Hız ve yerçekimi

← Yeniden oyna Kıvılcımlara dönüş →

Bir avuç parçacık

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar