Atölye › Pac-Man Tarzı Labirent Kovalamaca › 16/42. adım

Skoru göster

Ne yapıyoruz

Skoru görelim: TOP ile boş bıraktığımız üst şeride, solda Score: ... (skor), sağda Level ... (bölüm).

```js
  ctx.fillStyle = 'white'
  ctx.font = 'bold 18px sans-serif'
  ctx.textAlign = 'left'
  ctx.fillText('Score: ' + score, 10, 27)
  ctx.textAlign = 'right'
  ctx.fillText('Level ' + level, canvas.width - 10, 27)
```

Ne işe yarıyor

ctx.font = 'bold 18px sans-serif' → kalın, 18 piksellik yazı.
textAlign = 'left' → yazı verilen x'ten (10) başlar. textAlign = 'right' → yazı verilen x'te (canvas.width - 10, sağ kenardan 10 piksel içeride) biter; sayı büyüse de sağa yaslı kalır.
'Score: ' + score → metin ve sayı + ile yan yana: 'Score: 20'.
27 → yazıların üst şeritteki yüksekliği.

Sıra sende

draw'un sonunda, oyuncuyu çizen ctx.fill() satırının altına bir boş satır bırakıp yazı satırlarını yaz.
Çalıştır: solda Score: 0, sağda Level 1 görünmeli; yem yedikçe skor artmalı.

Beceriler: Canvas üzerine çizim

← Yemleri ye Labirenti bitir →

Tüm adımlar