Atölye › Tuğla Kırma › 31/39. adım

Puanı göster

Ne yapıyoruz

Puanı sağ üst köşeye yazalım. Sorun şu: puan büyüdükçe yazı uzar (Score: 0, Score: 1200...). Sol ucunu bir yere sabitlersek yazı sağ kenardan taşabilir. Çözüm: yazıyı sağa yaslamak.

```js
ctx.textAlign = 'right'
ctx.fillText('Score: ' + score, canvas.width - 10, 26)
```

Ne işe yarıyor

• ctx.textAlign = 'right' → verilen nokta yazının sağ ucu olsun.
• canvas.width - 10 → 470. Sayı kaç haneli olursa olsun yazı sağ kenardan 10 piksel içeride biter; uzadıkça sola doğru büyür.

Sıra sende

draw içinde ctx.fillText('Lives: ' + lives, 10, 26) satırının hemen altına iki satırı yaz. Çalıştır ve bir tuğla kır: sağ üstte puan artmalı.

Beceriler: Canvas üzerine çizim

← Puan tut Oyunu kazan →

Tüm adımlar

1. Oyun alanı ve raket
2. Tekrar tekrar çiz
3. Sayıyı sınırlar içinde tut
4. Fareyi takip et
5. Başka boyda gösterilen canvas
6. Hızı olan bir top
7. Yuvarlak top çiz
8. Topu yürüt
9. Yan duvarlardan sek
10. Tavandan sek
11. Açık zemin
12. Raketten sek
13. Raketle nişan al
14. Bir sıra tuğla
15. Tuğlaları çiz
16. Koca bir duvar: döngü içinde döngü
17. Her sıraya bir renk
18. Daire kutuyla buluşuyor
19. Tuğla kır
20. Tuğlanın yanına çarpmak
21. Rakette bekle
22. Raketle birlikte git
23. Topu fırlat
24. Tıkla ya da Boşluk'a bas
25. Basılı tuşları hatırla
26. Ok tuşlarıyla sür
27. Üç can
28. Ekranda canlar ve bir ipucu
29. Oyun bitti
30. Puan tut
31. Puanı göster
32. Oyunu kazan
33. Yeni oyun için tek fonksiyon
34. Yeniden oyna
35. Bir avuç parçacık
36. Kıvılcımlara dönüş
37. Hareket et, düş ve kaybol
38. Solarak kaybol
39. Kendin yap: sağlam tuğlalar