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

Her tuşa iki renk

Ne yapıyoruz

Her tuşun iki rengi var: sönükken koyu (dim), yanarken parlak (lit). Bir lamba gibi: kapalıyken mat, açıkken ışıl ışıl.

İki rengi bir nesnede, dört tuşu da sıralı bir listede (dizi) tutacağız. Ekranda bu adımda bir şey değişmeyecek; listeyi bir sonraki adımda kullanacağız.

```js
// Each pad: its dim color and its lit color. Pads 0 1 on top, 2 3 below.
const PADS = [
  { dim: '#14532d', lit: '#4ade80' },
  { dim: '#7f1d1d', lit: '#f87171' },
  { dim: '#713f12', lit: '#facc15' },
  { dim: '#1e3a8a', lit: '#60a5fa' },
]
```

Ne işe yarıyor

• { dim: '#14532d', lit: '#4ade80' } → bir nesne: ad: değer çiftlerinden oluşan bir paket. dim sönük renk, lit parlak renk. Nokta ile okunur: PADS[0].lit "ilk tuşun parlak rengi".
• [ ... ] → köşeli parantez bir dizi açar: sıralı bir liste. Elemanlar virgülle ayrılır; burada dört nesne var: yeşil, kırmızı, sarı, mavi.
• Elemanlar 0'dan numaralanır: PADS[0] yeşil (sol üst), PADS[1] kırmızı (sağ üst), PADS[2] sarı (sol alt), PADS[3] mavi (sağ alt).
• En üstteki yorum satırı bunu hatırlatıyor.

Sıra sende

const HALF = ... satırının altına yorum satırını ve PADS listesini yaz. Renk kodlarını dikkatle yaz; kontroller bu renklere bakıyor. Çalıştır: ekran aynı kalmalı.

Beceriler: Diziler ve nesneler

← İlk tuş Dört tuşun hepsi →

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