Atölye › Yazı Yağmuru › 17/33. adım

Kalpler

Ne yapıyoruz

Canları sağ üstte kalp olarak gösteriyoruz: 3 can ♥♥♥, 2 can ♥♥. Bir yazıyı istediğimiz kadar tekrar eden hazır bir araç var: repeat.

```js
ctx.fillStyle = 'white'
ctx.font = 'bold 16px sans-serif'
ctx.textAlign = 'right'
ctx.fillText('♥'.repeat(lives), canvas.width - 10, 22)
```

Ne işe yarıyor

'♥'.repeat(lives) → kalp işaretini lives kez yan yana koyar: '♥'.repeat(3) → '♥♥♥'.
ctx.textAlign = 'right' → yazının sağ ucu x'e gelir; canvas.width - 10 sağ kenardan 10 piksel içeri. Kalp sayısı ne olursa olsun kenardan taşmaz.
Kalemi yeniden ayarlıyoruz: beyaz, kalın 16 piksel, düz yazı tipi (sans-serif).

Sıra sende

draw içinde kelime döngüsünün kapanan }'sinin altında bir boş satır bırak ve dört satırı yaz; fonksiyonun son }'si altta kalsın. Çalıştır: sağ üstte üç kalp. Bir kelimeyi kaçır ve bir kalbin gittiğini gör.

Beceriler: Canvas üzerine çizim

← Canlar Puan →

Tüm adımlar