Atölye › Renk Hafızası (Simon) › 7/27. adım

Bir tuşu yak

Ne yapıyoruz

Hangi tuşun yandığını tek bir değişken söyleyecek: lit. Değeri tuşun numarası (0–3) ya da -1: "hiçbiri" (-1 numaralı tuş yok).

Çizerken her tuş kendine sorar: "Yanan tuş ben miyim? Evetse parlak rengimi, değilse sönük rengimi kullanırım." İleride tuşu kim yakarsa yaksın (bilgisayar ya da sen), sadece lit'i değiştirmesi yetecek.

```js
let lit = -1 // the pad lit right now, or -1

    ctx.fillStyle = i === lit ? pad.lit : pad.dim
```

Ne işe yarıyor

• let lit = -1 → let bir değişken tanımlar: const'tan farkı, değeri sonradan değişebilir. Başta -1: hiçbir tuş yanmıyor.
• i === lit ? pad.lit : pad.dim → kısa soru: soru işaretinden önce soru, iki noktanın iki yanında iki cevap. === "tam olarak eşit mi?" diye sorar. "Bu tuşun numarası lit mi? Evetse pad.lit (parlak), değilse pad.dim (sönük)."
• Dikkat: lit (değişken) ile pad.lit (tuşun parlak rengi) farklı şeyler; biri numara, biri renk.

Sıra sende

1. PADS listesinin kapanan ] işaretinin altına bir boş satır bırakıp lit satırını yaz.
2. draw içindeki ctx.fillStyle = pad.dim satırını ctx.fillStyle = i === lit ? pad.lit : pad.dim yap.
3. Çalıştır: ekran aynı (hiçbir tuş yanmıyor).

Beceriler: Oyun durumları

← Çizen bir fonksiyon Durmadan çiz →

Tüm adımlar

1. Canvas'ı ve kalemi al
2. Koyu bir tahta
3. İlk tuş
4. Her tuşa iki renk
5. Dört tuşun hepsi
6. Çizen bir fonksiyon
7. Bir tuşu yak
8. Durmadan çiz
9. Hatırlanacak dizi
10. Turu göster
11. Bir tuşu bir süre yak
12. Yeniden sön
13. Bilgisayar bir tuş gösterir
14. Bütün diziyi göster
15. İzle, sonra sıra sende
16. Her basışı kontrol et
17. Klavyeyle oyna
18. Bir noktada hangi tuş var?
19. Fareyle oyna
20. İlerleme ve hata
21. Yeni oyun fonksiyonu
22. Yeniden denemek için tıkla
23. Basınca yan
24. Gittikçe hızlan
25. Rekoru kaydet
26. Rekoru göster
27. Kendin yap: oyalanmak yok