Atölye › Angry Birds Tarzı Sapan › 7/47. adım
Kuş havada asılı gibi duruyor. Onu sapana bağlayan bir lastik çizelim: sapanın tepesinden kuşa giden koyu, kalın bir çizgi.
Çizgi de daire gibi bir yol (path) ile çizilir; ama içi boyanmaz, kenarı boyanır. Lastiği kuştan önce çiziyoruz ki kuş lastiğin üstünde dursun.
```js
ctx.strokeStyle = '#451a03'
ctx.lineWidth = 3
ctx.beginPath()
ctx.moveTo(SLING.x, SLING.y)
ctx.lineTo(bx, by)
ctx.stroke()
```ctx.strokeStyle = '#451a03' → çizgi rengi (çok koyu kahve). fillStyle içi, strokeStyle kenarı boyar.ctx.lineWidth = 3 → çizgi kalınlığı: 3 piksel.ctx.beginPath() → yeni bir yol.ctx.moveTo(SLING.x, SLING.y) → kalemi sapanın tepesine koyar, çizmeden.ctx.lineTo(bx, by) → oradan kuşun yerine düz bir çizgi çeker.ctx.stroke() → çizgiyi boyar. Bu satır olmadan çizgi görünmez.draw içinde const by = ... satırının altına, ctx.fillStyle = MATERIALS.bird.color satırının üstüne altı
satırı yaz.Beceriler: Canvas üzerine çizim
← Kuşu geri çek Ok tuşlarıyla nişan al →