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

Hatırlayan tuşlar

Ne yapıyoruz

Tuşlar bildiklerini de göstersin: denediğin harf kelimede varsa yeşil, yoksa gri; henüz denenmediyse açık renk kalsın. Oyuncular buna ıska listesinden daha çok bakar.

```js
for (let i = 0; i < LETTERS.length; i++) {
  const letter = LETTERS[i]
  const k = keyRect(i)
  let color = '#e7e5e4'
  if (guessed.has(letter)) color = word.includes(letter) ? '#86efac' : '#a8a29e'
  ctx.fillStyle = color
```

Ne işe yarıyor

let color = '#e7e5e4' → önce varsayılan açık renk. let, çünkü birazdan değişebilir.
if (guessed.has(letter)) → harf denendiyse:
- word.includes(letter) ? '#86efac' : '#a8a29e' → kelimede varsa yeşil, yoksa gri.
ctx.fillStyle = color → kutuyu seçilen renkle boya.

Sıra sende

draw içindeki tuş döngüsünde ctx.fillStyle = '#e7e5e4' satırını üç satırla değiştir. Çalıştır, oyuna tıkla ve birkaç harf dene: tuşların rengi değişmeli.

Beceriler: Oyun durumları

← Son satırı ortala Tuşa dokun →

Tüm adımlar