Atölye › Hafıza Kartları › 5/25. adım

Dört sıra

Ne yapıyoruz

Bir sıra hazır; şimdi dört sıra lazım. Sıra çizen döngüyü bir döngünün içine koyarız: iç içe döngü.

Dış döngü satırları (row) sırayla gezer; her satır için iç döngü o satırdaki dört kartı (col) çizer. Bir sınıfta yoklama almak gibi: sıra sıra, her sırada soldan sağa. 4 × 4 = 16 kart.

```js
for (let row = 0; row < SIZE; row++) {
  for (let col = 0; col < SIZE; col++) {
    ctx.fillRect(GAP + col * (CARD + GAP), TOP + GAP + row * (CARD + GAP), CARD, CARD)
  }
}
```

Ne işe yarıyor

• for (let row = 0; row < SIZE; row++) { → dış döngü: satırlar, 0'dan 3'e.
• İçerideki döngü önceki adımın döngüsü, iki boşluk içeri kaydı.
• y artık sabit değil: TOP + GAP + row * (CARD + GAP) → x ile aynı kalıp: 52, 149, 246, 343.
• Her { bir } ile kapanmalı: sonda iki } var; biri iç döngünün, biri dış döngünün.

Sıra sende

1. Döngünün üstüne for (let row = 0; row < SIZE; row++) { yaz.
2. Eski döngüyü iki boşluk içeri al ve en alta kapanan } ekle.
3. fillRect içindeki TOP + GAP kısmını TOP + GAP + row * (CARD + GAP) yap.
4. Çalıştır: 4×4 dizilmiş 16 mor kart görmelisin.

Beceriler: Döngüler

← Bir sıra kart Her meyveden iki tane →

Tüm adımlar

1. Canvas'ı ve kalemi al
2. Masa
3. Bir kart
4. Bir sıra kart
5. Dört sıra
6. Her meyveden iki tane
7. Kendini bilen kartlar
8. Kartın köşesi
9. Kartları listeden çiz
10. Durmadan çiz
11. Kartın ön yüzü
12. Adil bir karıştırma
13. Bir noktada hangi kart var?
14. Tıkla, kartı çevir
15. Kurallar için tek yer
16. Aynı anda iki kart
17. Eş mi değil mi
18. Hamleleri say
19. Hamleleri ve eşleri göster
20. Bütün eşler bulundu
21. Tekrar oyna
22. Peşinden giden bir sayı
23. Yarı yolda yüz değiştir
24. Dönüşü canlandır
25. Kendin yap: en iyi oyunun