Atölye › Sonsuz Koşucu › 15/19. adım

Skor sayacı

Ne yapıyoruz

Sağ üstte, klasik koşucu oyunundaki gibi: en yüksek skor ve şimdiki skor, her biri 5 haneli (00042 gibi).

```js
const score = Math.floor(distance / 10)
ctx.fillStyle = '#334155'
ctx.font = '16px monospace'
ctx.textAlign = 'right'
ctx.fillText('HI ' + String(best).padStart(5, '0') + '  ' + String(score).padStart(5, '0'), canvas.width - 10, 24)
```

Ne işe yarıyor

String(best) → sayıyı metne çevir; .padStart(5, '0') → metin 5 karakter olana kadar başına sıfır ekle: 42 → 00042.
'HI ' + ... + ' ' + ... → HI 00124 00042 gibi tek bir metin.
ctx.font = '16px monospace' → eşit genişlikli yazı tipi: rakamlar değişirken yazı titremez.
ctx.textAlign = 'right' → yazı sağ kenardan 10 piksel içeride biter.

Sıra sende

draw içinde engel döngüsü ile ctx.textAlign = 'center' satırının arasına skor satırlarını yaz (bir boş satırla). Çalıştır.

Beceriler: Canvas üzerine çizim

← En iyi koşuyu hatırla Kuşlar →

Tüm adımlar