Atölye › Adam Asmaca › 16/36. adım
Oyuncu kaç ıska hakkı kaldığını görmeli. Sağ üste Misses 2 / 6 (ıska 2 / 6) gibi bir sayaç yazacağız.
Yazı, sayı ve yazıyı + ile yan yana ekleyerek oluşacak.
```js
function draw() {
ctx.fillStyle = '#fefce8'
ctx.fillRect(0, 0, canvas.width, canvas.height)
ctx.fillStyle = '#1f2937'
ctx.font = 'bold 16px sans-serif'
ctx.textAlign = 'left'
ctx.fillText('Misses ' + wrong + ' / ' + MAX_WRONG, 260, 100)
```ctx.fillStyle = '#1f2937' → koyu gri.ctx.font = 'bold 16px sans-serif' → daha küçük (16 piksel), düz bir yazı tipi.ctx.textAlign = 'left' → yazının sol ucu verilen noktaya gelir: yazı x = 260'tan başlayıp sağa uzar.'Misses ' + wrong + ' / ' + MAX_WRONG → + yazı ile sayıyı yan yana ekler: 'Misses ' + 2 + ' / ' +
6 = 'Misses 2 / 6'. Tırnak içindeki boşluklara dikkat; onlar da yazının parçası.260, 100 → sağ yarıda, yukarıdan 100 piksel.textAlign'ı yine 'center' yaptığı için kelime ortalı kalır.draw içinde, ctx.fillRect(...) satırının altına bir boş satır bırakıp dört satırı yaz; ctx.textAlign = 'center'
satırının üstünde bir boş satır kalsın. Çalıştır, oyuna tıkla ve yanlış harfler dene: sayı artmalı.
Beceriler: Canvas üzerine çizim
← En fazla altı ıska Yanlış harfleri listele →