Atölye › Tetris Tarzı Bloklar › 5/32. adım

Sayı renktir

Ne yapıyoruz

Hücrelerdeki sayı yalnız "dolu" demesin, rengini de söylesin. Yedi parça için yedi renk: COLORS listesi. COLORS[3] mor, COLORS[6] mavi. Böylece kuyu, her bloğun rengini ek bir bilgi tutmadan hatırlar.

Listenin ilk elemanı null (hiçbir şey): 0 boş hücre demek ve boşun rengi yok.

```js
const COLORS = [null, '#22d3ee', '#facc15', '#a855f7', '#22c55e', '#ef4444', '#3b82f6', '#f97316']

      if (board[row][col]) drawCell(col, row, COLORS[board[row][col]])
```

Ne işe yarıyor

• COLORS → sekiz elemanlı liste; sıra numarası (index) 0'dan 7'ye. 1 camgöbeği, 2 sarı, 3 mor, 4 yeşil, 5 kırmızı, 6 mavi, 7 turuncu.
• null → "hiçbir şey". 0. yuva kullanılmıyor; yalnız sayılar renklerle hizalansın diye orada.
• COLORS[board[row][col]] → içten dışa oku: önce hücrenin sayısı (board[row][col], örneğin 6), sonra o sıradaki renk (COLORS[6], mavi).

Sıra sende

1. const CELL = 24 satırının altına COLORS satırını yaz.
2. draw içinde '#94a3b8' yerine COLORS[board[row][col]] yaz.
3. Çalıştır: ekran değişmez; kontroller renkleri deniyor.

Beceriler: Diziler ve nesneler

← Bütün tahtayı çiz Parça küçük bir ızgaradır →

Tüm adımlar

1. Kuyu
2. Sayı satırlarından tahta
3. Bir hücre çiz
4. Bütün tahtayı çiz
5. Sayı renktir
6. Parça küçük bir ızgaradır
7. Şekil listesi
8. Yedi parçanın hepsi
9. Kuyunun içine sığıyor mu?
10. Bloklar yolu kapatır
11. Önce dene, sonra taşı
12. Oklarla oynat
13. Matrisi döndür
14. Yukarı okla döndür
15. Duvar itmesi
16. Kendiliğinden düşüş
17. Tepede rastgele bir parça
18. Yere otur ve kilitlen
19. Oyunu başlatan tek fonksiyon
20. Yığın tepeye ulaşınca
21. Ekranda Game Over
22. Yeniden oyna
23. Dolu satırları sil
24. Satırlara puan
25. Yan panel
26. Seviyeler
27. Her seviyede daha hızlı
28. Adil bir parça torbası
29. Sıradaki parça
30. Bırak gitsin
31. Hayalet parça
32. Kendin yap: parçayı beklet