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

Tuğla kır

Ne yapıyoruz

Şimdi asıl iş: top bir tuğlaya değince tuğla kırılsın ve top geri seksin.

Önemli bir kural: bir karede en fazla bir tuğla. Top aynı anda iki tuğlaya değip iki kez ters dönseydi, iki dönüş birbirini silerdi ve top duvarı dümdüz delip geçerdi. Bu yüzden yalnız ilk değen tuğlayı alacağız.

```js
// Break at most one brick per frame, or two flips could cancel out.
const brick = bricks.find((b) => b.alive && hitsBrick(b))
if (brick) {
  brick.alive = false
  ball.vy = -ball.vy
}
```

Ne işe yarıyor

Sıra sende

update içinde raket kontrolünün kapanış }'i ile en alttaki if (ball.y - BALL_R > canvas.height) ... satırının arasına bloğu yaz; üstünde ve altında birer boş satır kalsın. Çalıştır ve oyna: tuğlalar kırılmalı!

Beceriler: Çarpışma tespiti, Diziler ve nesneler

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