Atölye › Bilardo › 24/33. adım
Gücü bir sayıyla değil, göz ucuyla görmek daha iyi. Masanın altına bir çubuk çizeceğiz: masa genişliğinde koyu bir zemin ve üstünde, gücün en büyük güce oranı kadar turuncu bir dolgu.
```js
// Power bar
ctx.fillStyle = '#334155'
ctx.fillRect(LEFT, 304, RIGHT - LEFT, 14)
ctx.fillStyle = '#f59e0b'
ctx.fillRect(LEFT, 304, ((RIGHT - LEFT) * power) / MAX_POWER, 14)
```ctx.fillRect(LEFT, 304, RIGHT - LEFT, 14) → masanın altında (y = 304) 440 × 14'lük koyu zemin.((RIGHT - LEFT) * power) / MAX_POWER → dolgunun eni: 440 × güç ÷ 16. Güç 8 iken yarısı (220), 16 iken tamamı.draw içinde top döngüsünün kapanan }'sinden sonra bir boş satır bırak; yorum satırını ve dört çubuk satırını yaz.
Çalıştır ve yukarı/aşağı oklarla çubuğu izle.
Beceriler: Canvas üzerine çizim