Atölye › Flappy tarzı kuş › 22/30. adım

Skoru göster

Ne yapıyoruz

Skoru ekranın üstünde, ortada, kocaman beyaz bir sayı olarak göstereceğiz. Oyuncu gözünü borulardan ayırmadan görebilsin.

```js
ctx.textAlign = 'center'
ctx.font = 'bold 40px sans-serif'
ctx.fillText(String(score), canvas.width / 2, 70)
```

Ne işe yarıyor

ctx.textAlign = 'center' satırı zaten vardı; yeni satırlar onun altına geliyor. Renk bir üstteki 'white''tan gelir.
ctx.font = 'bold 40px sans-serif' → kalın, 40 piksel.
String(score) → sayıyı (7) yazıya ('7') çevirir. fillText yazı ister.
canvas.width / 2, 70 → yatayda tam orta, yukarıdan 70 piksel aşağı.
Bu iki satır if'lerin dışında: skor her aşamada görünür.

Sıra sende

draw içinde ctx.textAlign = 'center' satırının hemen altına iki satırı yaz (if (state === 'ready') satırından önce). Çalıştır: üstte 0 görmelisin; oynayınca artmalı.

Beceriler: Canvas üzerine çizim

← Her boruyu bir kez say Temiz başlangıç fonksiyonu →

Tüm adımlar