Atölye › Pinball › 2/42. adım
Masanın duvarları düz çizgilerden oluşuyor. Şimdi ilk duvarı çiziyoruz: sol duvar. Aşağıda (20, 470)
noktasından başlayıp yukarıda (20, 120) noktasına kadar giden gri bir çizgi.
Çizgi çizmek, kâğıda kalemle çizmek gibidir: kalemi bir noktaya koy, başka bir noktaya kadar çiz, sonra boya.
```js
ctx.strokeStyle = '#a8a29e'
ctx.lineWidth = 4
ctx.lineCap = 'round'
ctx.beginPath()
ctx.moveTo(20, 470)
ctx.lineTo(20, 120)
ctx.stroke()
```ctx.strokeStyle = '#a8a29e' → çizgi rengi (açık gri). fillStyle içi doldurmak, strokeStyle çizgi
çekmek içindir.ctx.lineWidth = 4 → çizginin kalınlığı: 4 piksel.ctx.lineCap = 'round' → çizginin uçları yuvarlak olsun. Birazdan birçok çizgi uç uca eklenecek; yuvarlak uçlar
köşelerin birleşik görünmesini sağlar.ctx.beginPath() → "yeni bir şekle başlıyorum".ctx.moveTo(20, 470) → kalemi (20, 470) noktasına koyar (henüz çizmez).ctx.lineTo(20, 120) → oradan (20, 120)'ye kadar bir çizgi planlar. x aynı, y küçülüyor: çizgi yukarı
gidiyor.ctx.stroke() → planlanan çizgiyi seçilen renk ve kalınlıkla boyar. Bu satır olmadan hiçbir şey görünmez.ctx.fillRect(...) satırının altına yaz.Beceriler: Canvas üzerine çizim