Atölye › Angry Birds Tarzı Sapan › 36/47. adım
Oyuncu hangi bloğun zayıfladığını görebilsin: canı yarısının altına düşen bloğun ortasına koyu, ince bir çatlak çizeceğiz. "Bir darbe daha ve gider" demek.
```js
ctx.fillRect(b.x, b.y, b.w, b.h)
// Cracks show how hurt a block is.
if (b.hp < m.hp / 2) {
ctx.fillStyle = 'rgba(0, 0, 0, 0.35)'
ctx.fillRect(b.x + b.w / 2 - 1, b.y, 2, b.h)
}
```m döngünün başında bulunan malzeme; m.hp onun tam canı (tahta için 60).if (b.hp < m.hp / 2) → bloğun canı, tam canın yarısından azsa.'rgba(0, 0, 0, 0.35)' → %35 koyulukta, yarı saydam siyah: bloğun rengi altından görünür.ctx.fillRect(b.x + b.w / 2 - 1, b.y, 2, b.h) → bloğun ortasında, 2 piksel enli, blok boyunda bir çizgi.
- 1 iki piksellik çizgiyi tam ortaya oturtur.draw içinde, else bloğundaki ctx.fillRect(b.x, b.y, b.w, b.h) satırının altına çatlak satırlarını yaz.Beceriler: Canvas üzerine çizim