Atölye › Angry Birds Tarzı Sapan › 23/47. adım
Sıra hedeflerde. Kuleleri bloklardan kuracağız; bloklar da birer gövde, yani yerçekimi, zemin ve ekrandan çıkma kuralları onlara da işleyecek. İki yeni malzeme ekliyoruz: hafif tahta ve ağır taş.
Kuş daire olarak kalır; bloklar dikdörtgen çizilir.
```js
const MATERIALS = {
wood: { color: '#b45309', density: 1 },
stone: { color: '#64748b', density: 2.5 },
bird: { color: '#dc2626', density: 4 },
}
ctx.fillStyle = m.color
if (b.kind === 'bird') {
ctx.beginPath()
ctx.arc(b.x + b.w / 2, b.y + b.h / 2, b.w / 2, 0, Math.PI * 2)
ctx.fill()
} else {
ctx.fillRect(b.x, b.y, b.w, b.h)
}
```wood: { color: '#b45309', density: 1 } → tahta: turuncu kahve, yoğunluğu 1.stone: { color: '#64748b', density: 2.5 } → taş: gri, aynı boydaki tahtadan 2.5 kat ağır.if (b.kind === 'bird') { ... } else { ... } → gövde kuşsa daire (eski üç satır), değilse (else)
kutunun kendisini dikdörtgen olarak çiz: ctx.fillRect(b.x, b.y, b.w, b.h).MATERIALS içinde bird satırının üstüne wood ve stone satırlarını yaz.draw'un sonundaki gövde döngüsünde, ctx.fillStyle = m.color satırının altına if (b.kind === 'bird') { yaz;
daireyi çizen üç satırı iki boşluk içeri al.} else {, dikdörtgen satırını ve kapanan }'yi yaz.Beceriler: Canvas üzerine çizim
← Sürükle ve bırak Veri olarak seviye →