Atölye › Ritim Şeritleri › 3/35. adım

Döngüyle dört şerit

Ne yapıyoruz

Dört şerit, aynı çizimin dört kez tekrarı; her biri öncekinden 70 piksel sağda. Aynı satırları dört kez yazmak yerine bilgisayara "bunu dört kez yap" deriz. Buna döngü denir.

```js
for (let lane = 0; lane < LANES; lane++) {
  const x = LEFT + lane * LANE_W
  ctx.fillStyle = '#1e293b'
  ctx.fillRect(x + 2, 0, LANE_W - 4, canvas.height)
}
```

Ne işe yarıyor

• for (let lane = 0; lane < LANES; lane++) { → döngü. Üç parçası ; ile ayrılır:
  • let lane = 0 → sayaç lane 0'dan başlar. (let, değeri değişebilen bir ad açar.)
  • lane < LANES → lane 4'ten küçük olduğu sürece { } içini yap.
  • lane++ → her turdan sonra lane'e 1 ekle. Yani içerisi lane = 0, 1, 2, 3 için dört kez çalışır. Sayma 0'dan başlar: ilk şerit 0. şerittir.
• const x = LEFT + lane * LANE_W → bu şeridin sol kenarı: 60, 130, 200, 270.
• Son iki satır önceki adımdaki çizim; yalnız LEFT yerine x kullanıyor.

Sıra sende

1. En sondaki iki şerit satırını sil.
2. Yerine döngüyü yaz. İçerideki satırlar iki boşluk içeriden yazılır; döngü } ile kapanır.
3. Çalıştır: dört şerit yan yana görünmeli.

Beceriler: Döngüler

← İlk şerit Vuruş çizgisi →

Tüm adımlar

1. Notalar için bir sahne
2. İlk şerit
3. Döngüyle dört şerit
4. Vuruş çizgisi
5. Çizen bir fonksiyon
6. Yazı olarak şarkı
7. Yazıdan notalara
8. Yeri saat belirler
9. Notaları çiz
10. İşleyen bir saat
11. Oyun döngüsü
12. Yanan şeritler
13. Şeritlere tuşlar
14. Tuşları göster
15. En yakın notaya vur
16. Zamana yeterince yakın
17. Bir basış, bir vuruş
18. Ekranda bir mesaj
19. Hit mesajı
20. Mesaj gitsin
21. Kusursuz ya da iyi
22. Say
23. Kaçan notalar
24. Puan
25. Art arda vuruşlar
26. Çarpan
27. Şarkı biter
28. Saati durdur
29. Doğruluk
30. Not
31. Sonuçlar
32. Yeniden oyna
33. En iyi puan
34. Dokunulabilen şeritler
35. Kendin yap: hız ayarı