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

Yanan şeritler

Ne yapıyoruz

Bir şeride basınca o şerit bir an parlasın; oyuncu basışının yerine ulaştığını görsün. Parlamak kısa sürmeli: yaklaşık 8 kare (saniyenin yedide biri).

Bunun için her şeride bir geri sayım veriyoruz: lit. Sayı 0'dan büyükse şerit açık renkle çizilir; her karede sayı bir azalır, 0'a gelince şerit söner. Mikrodalga fırının sayacı gibi.

```js
let lit // frames each lane stays lit after a press

  lit = [0, 0, 0, 0]

  lit = lit.map((n) => Math.max(0, n - 1))

    ctx.fillStyle = lit[lane] > 0 ? '#334155' : '#1e293b'
```

Ne işe yarıyor

Sıra sende

  1. let frame satırının altına let lit ... satırını yaz.
  2. reset'in sonunda, frame = 0 satırının altına lit = [0, 0, 0, 0] yaz.
  3. update içinde frame += 1 satırının üstüne lit.map satırını yaz.
  4. draw içindeki şerit döngüsünde ctx.fillStyle = '#1e293b' satırını kodda görüldüğü gibi değiştir.
  5. Çalıştır: henüz hiçbir şey yanmaz; yakmayı bir sonraki adımda tuşlara bağlayacağız.

Beceriler: Oyun durumları

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ı