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

Bitiş mesajı

Ne yapıyoruz

Oyun bitince oyuncuya bunu söylemeliyiz. Kelimenin hemen üstüne bir mesaj yazacağız: kazandıysan yeşil You got it! Click for the next word (bildin, sonraki kelime için tıkla), kaybettiysen kırmızı Hanged! Click to try another (asıldın, başkasını dene).

```js
function draw() {
  // ...
  if (state !== 'playing') {
    ctx.font = 'bold 20px sans-serif'
    ctx.fillStyle = state === 'won' ? '#15803d' : '#b91c1c'
    ctx.fillText(state === 'won' ? 'You got it! Click for the next word' : 'Hanged! Click to try another', canvas.width / 2, 298)
  }
```

Ne işe yarıyor

if (state !== 'playing') → oyun bittiyse (kazanıldı ya da kaybedildi).
ctx.font = 'bold 20px sans-serif' → orta boy yazı.
state === 'won' ? '#15803d' : '#b91c1c' → kısa if yine: kazandıysan yeşil, değilse kırmızı.
Aynı soru mesajı da seçer. Satır uzun ama tek bir fillText: yazı, x (orta), y (298).
Mesajlar "tıkla" diyor; tıklamayı bir sonraki adımda yazacağız.

Sıra sende

draw içinde, bir önceki adımda yazdığın if ... else bloğunun kapanan }'sinin altına bu bloğu yaz. Çalıştır ve bir kelimeyi bitir (bul ya da kaybet): mesaj görünmeli.

Beceriler: Oyun durumları

← Kaçırdığın kelimeyi göster Yeniden oyna →

Tüm adımlar