Atölye › 15 Bulmacası › 24/27. adım

Kazandığını göster

Ne yapıyoruz

Çözünce bunu görmeliyiz: bütün taşlar yeşile dönsün, sağ üstte Solved! Click to shuffle (çözüldü, karıştırmak için tıkla) yazsın.

```js
function drawTile(number, x, y) {
  ctx.fillStyle = state === 'solved' ? '#16a34a' : '#f59e0b'

  ctx.fillText('Moves ' + moves, LEFT, 36)
  ctx.textAlign = 'right'
  ctx.fillText(state === 'solved' ? 'Solved! Click to shuffle' : '', canvas.width - LEFT, 36)
```

Ne işe yarıyor

state === 'solved' ? '#16a34a' : '#f59e0b' → kısa bir if: çözüldüyse yeşil, değilse turuncu.
ctx.textAlign = 'right' → yazının sağ ucu verilen x'e gelir: canvas.width - LEFT, tahtanın sağ kenarı.
state === 'solved' ? 'Solved! Click to shuffle' : '' → çözüldüyse mesaj, değilse '' (boş yazı, hiçbir şey görünmez).

Sıra sende

drawTile'ın ilk satırını ctx.fillStyle = state === 'solved' ? '#16a34a' : '#f59e0b' yap.
draw içinde Moves satırının altına iki satırı yaz.
Çalıştır. Bulmacayı çözmek zaman alabilir; kontroller tahtayı çözüme bir adım kala kuruyor.

Beceriler: Canvas üzerine çizim, Oyun durumları

← Çözüldü! Yeniden oyna →

Tüm adımlar