Atölye › Pinball › 38/42. adım
Oyuncu yayı ne kadar gerdiğini görmeli. Topun altına gri bir yay çiziyoruz; charge arttıkça yay (ve bekleyen
top) 12 piksele kadar aşağı iner. Top beklerken altta da nasıl fırlatılacağı yazsın.
```js
// The launcher's spring shortens as it is pulled back.
ctx.fillStyle = '#78716c'
ctx.fillRect(LANE_X - 8, 580 + charge * 12, 16, 20)
ctx.arc(ball.x, ball.y + (state === 'ready' ? charge * 12 : 0), R, 0, Math.PI * 2)
if (state === 'ready') ctx.fillText('Hold Space, let go to launch', 200, 580)
```ctx.fillRect(LANE_X - 8, 580 + charge * 12, 16, 20) → kanalın ortasında 16×20'lik gri dikdörtgen: yay. Gerildikçe
(charge 1'e yaklaştıkça) 12 piksele kadar aşağı iner.ball.y + (state === 'ready' ? charge * 12 : 0) → top beklerken yayla birlikte aşağıda çizilir. Oyundayken
+ 0. Dikkat: yalnız çizim kayıyor; topun gerçek y'si değişmiyor.if (state === 'ready') ctx.fillText(...) → top beklerken altta ortalanmış bir ipucu. Renk ve hizalama yukarıdaki
yazılardan kalıyor (beyaz, ortalı, 13 piksel).draw içinde topun rengini seçen ctx.fillStyle = '#e7e5e4' satırının üstüne yorum satırını ve iki yay
satırını yaz.ctx.arc(ball.x, ball.y, R, ...) satırını koddaki gibi değiştir.ctx.fillText('Best ' + best, 200, 50) satırının altına Hold Space satırını yaz.Beceriler: Canvas üzerine çizim