Atölye › Adam Asmaca › 25/36. adım

Kaçırdığın kelimeyi göster

Ne yapıyoruz

Kaybedince kelimeyi merak edersin; göstermek adil olur. state 'lost' ise kelimenin tamamını kırmızıyla yazacağız; değilse eskisi gibi boşluklu hâlini.

```js
function draw() {
  // ...
  ctx.textAlign = 'center'
  ctx.font = 'bold 32px monospace'
  if (state === 'lost') {
    ctx.fillStyle = '#b91c1c'
    ctx.fillText([...word].join(' '), canvas.width / 2, 340)
  } else {
    ctx.fillStyle = '#1f2937'
    ctx.fillText(masked(), canvas.width / 2, 340)
  }
```

Ne işe yarıyor

if (state === 'lost') { ... } else { ... } → kaybettiysen ilk blok, değilse ikinci blok çalışır. İkisi birden asla.
[...word].join(' ') → bütün harfler aralarında boşlukla: 'T I G E R'. Boşluklu hâliyle aynı hizada durur.
else bloğu eski iki satırın aynısı.

Sıra sende

draw'un sonunda, ctx.font = 'bold 32px monospace' satırının altındaki iki satırı (ctx.fillStyle = '#1f2937' ve ctx.fillText(masked(), ...)) if ... else bloğuyla değiştir. Eski iki satır else bloğunun içine girer. Çalıştır ve bilerek kaybet: kelime kırmızıyla açılmalı.

Beceriler: Oyun durumları

← Kazanmak Bitiş mesajı →

Tüm adımlar