Atölye › Renk Hafızası (Simon) › 9/27. adım

Hatırlanacak dizi

Ne yapıyoruz

Oyunun kalbi dizi: oyuncunun tekrarlaması gereken tuşların listesi, örneğin [2, 0, 3] (sarı, yeşil, mavi).

Liste boş başlar. Her yeni turda nextRound (sonraki tur) fonksiyonu listenin sonuna rastgele bir tuş ekler. Eskiler yerinde kalır; dizi her turda bir uzar. İlk tur için onu bir kez çağırıyoruz. Ekranda henüz bir şey değişmeyecek.

```js
let sequence = [] // the pads to repeat, growing by one every round

function nextRound() {
  sequence.push(Math.floor(Math.random() * 4))
}

nextRound()
requestAnimationFrame(loop)
```

Ne işe yarıyor

Sıra sende

  1. let lit = -1 ... satırının üstüne sequence satırını yaz.
  2. function draw() { satırının üstüne nextRound fonksiyonunu yaz; arada bir boş satır kalsın.
  3. Dosyanın en altında, requestAnimationFrame(loop) satırının üstüne nextRound() yaz.
  4. Çalıştır: ekran aynı; kontroller diziye bakacak.

Beceriler: Diziler ve nesneler

Tüm adımlar

  1. Canvas'ı ve kalemi al
  2. Koyu bir tahta
  3. İlk tuş
  4. Her tuşa iki renk
  5. Dört tuşun hepsi
  6. Çizen bir fonksiyon
  7. Bir tuşu yak
  8. Durmadan çiz
  9. Hatırlanacak dizi
  10. Turu göster
  11. Bir tuşu bir süre yak
  12. Yeniden sön
  13. Bilgisayar bir tuş gösterir
  14. Bütün diziyi göster
  15. İzle, sonra sıra sende
  16. Her basışı kontrol et
  17. Klavyeyle oyna
  18. Bir noktada hangi tuş var?
  19. Fareyle oyna
  20. İlerleme ve hata
  21. Yeni oyun fonksiyonu
  22. Yeniden denemek için tıkla
  23. Basınca yan
  24. Gittikçe hızlan
  25. Rekoru kaydet
  26. Rekoru göster
  27. Kendin yap: oyalanmak yok