Atölye › Tuğla Kırma › 17/39. adım

Her sıraya bir renk

Ne yapıyoruz

Duvar tek renk olunca sıkıcı. Her sıraya ayrı bir renk verelim: kırmızı, turuncu, sarı, yeşil, mavi. Renkleri bir listede tutacağız; her tuğla kendi sıra numarasıyla listeden rengini seçecek.

```js
const COLORS = ['#ef4444', '#f97316', '#eab308', '#22c55e', '#3b82f6']

    ctx.fillStyle = COLORS[brick.row]
```

Ne işe yarıyor

• const COLORS = [...] → beş renkten oluşan bir liste, her sıraya bir tane.
• COLORS[brick.row] → listenin brick.row numaralı elemanı. Sayma 0'dan başlar: COLORS[0] kırmızı, COLORS[1] turuncu ... COLORS[4] mavi. Tuğla 3. sıradaysa (row: 2) sarı olur.

Sıra sende

1. const LEFT = 10 ... satırının altına COLORS listesini yaz.
2. draw içindeki tuğla döngüsünde ctx.fillStyle = '#ef4444' satırındaki '#ef4444' yerine COLORS[brick.row] yaz.
3. Çalıştır: gökkuşağı gibi 5 renkli bir duvar görmelisin.

Beceriler: Diziler ve nesneler

← Koca bir duvar: döngü içinde döngü Daire kutuyla buluşuyor →

Tüm adımlar

1. Oyun alanı ve raket
2. Tekrar tekrar çiz
3. Sayıyı sınırlar içinde tut
4. Fareyi takip et
5. Başka boyda gösterilen canvas
6. Hızı olan bir top
7. Yuvarlak top çiz
8. Topu yürüt
9. Yan duvarlardan sek
10. Tavandan sek
11. Açık zemin
12. Raketten sek
13. Raketle nişan al
14. Bir sıra tuğla
15. Tuğlaları çiz
16. Koca bir duvar: döngü içinde döngü
17. Her sıraya bir renk
18. Daire kutuyla buluşuyor
19. Tuğla kır
20. Tuğlanın yanına çarpmak
21. Rakette bekle
22. Raketle birlikte git
23. Topu fırlat
24. Tıkla ya da Boşluk'a bas
25. Basılı tuşları hatırla
26. Ok tuşlarıyla sür
27. Üç can
28. Ekranda canlar ve bir ipucu
29. Oyun bitti
30. Puan tut
31. Puanı göster
32. Oyunu kazan
33. Yeni oyun için tek fonksiyon
34. Yeniden oyna
35. Bir avuç parçacık
36. Kıvılcımlara dönüş
37. Hareket et, düş ve kaybol
38. Solarak kaybol
39. Kendin yap: sağlam tuğlalar