Atölye › Adam Asmaca › 20/36. adım
Şimdi çöp adam geliyor. İlk ıskada ipin ucunda bir baş belirecek: bir daire.
Daire de bir yoldur; bu kez lineTo yerine arc (yay) kullanırız. Baş sadece en az bir ıska varsa çizilmeli; bunu
bir if ile soracağız.
```js
function draw() {
// ...
line(170, 50, 170, 90)
ctx.strokeStyle = '#1f2937'
ctx.lineWidth = 4
if (wrong > 0) {
ctx.beginPath()
ctx.arc(170, 110, 20, 0, Math.PI * 2) // head
ctx.stroke()
}
```ctx.strokeStyle = '#1f2937' ve ctx.lineWidth = 4 → adam koyu gri ve biraz daha ince çizilecek.if (wrong > 0) { ... } → en az bir ıska varsa süslü parantez içini çalıştır. > "büyüktür".ctx.arc(170, 110, 20, 0, Math.PI * 2) → bir yay çizer:170, 110 → dairenin merkezi.20 → yarıçap: merkezden kenara 20 piksel. Dairenin tepesi 110 − 20 = 90, yani tam ipin ucu.0, Math.PI * 2 → yayın başlangıç ve bitiş açısı. Açılar derece değil radyan ile ölçülür: tam tur
Math.PI * 2 (yaklaşık 6.28). 0'dan tam tura kadar = tam daire.ctx.stroke() → sadece kenarını çiz (içi boş kalır).// head → satır sonundaki yorum: bu satırın ne olduğunu söyler.draw içinde line(170, 50, 170, 90) satırının altına yeni satırları yaz. Çalıştır, oyuna tıkla ve yanlış bir
harf dene: ipin ucunda bir baş belirmeli.
Beceriler: Canvas üzerine çizim
← Darağacı Gövde, kollar ve bacaklar →