Atölye › Tuğla Kırma › 28/39. adım
Oyuncu kaç canı kaldığını ve servis sırasında topu nasıl fırlatacağını görmeli. Sol üste Lives: 3 (canlar),
servis sırasında ortaya da Click or press Space to launch (fırlatmak için tıkla ya da Boşluk'a bas) yazacağız.
```js
ctx.fillStyle = 'white'
ctx.font = '16px sans-serif'
ctx.textAlign = 'left'
ctx.fillText('Lives: ' + lives, 10, 26)
ctx.textAlign = 'center'
if (state === 'serve') ctx.fillText('Click or press Space to launch', canvas.width / 2, 260)
```ctx.font = '16px sans-serif' → yazı boyu ve tipi: 16 piksel, düz bir yazı tipi.ctx.textAlign = 'left' → verilen nokta yazının sol ucu olsun.'Lives: ' + lives → yazı ile sayıyı birleştirir: lives 3 ise 'Lives: 3'. Yazılarda + "ucuna ekle"
demektir.ctx.fillText(yazı, x, y) → yazıyı o noktaya boyar. (10, 26) sol üst köşeye yakın.ctx.textAlign = 'center' → bundan sonraki yazılarda nokta yazının ortası olsun. canvas.width / 2 alanın
ortası: yazı tam ortalanır.if (state === 'serve') ... → ipucu yalnız servis sırasında görünür.draw içinde topu çizen bloğun son satırı ctx.fill()'in altına bir boş satır bırak ve yazı satırlarını yaz.
Çalıştır: sol üstte canlar, ortada ipucu görünmeli; topu fırlatınca ipucu kaybolmalı.
Beceriler: Canvas üzerine çizim