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

Bilgisayar bir tuş gösterir

Ne yapıyoruz

Oyun iki aşamadan birindedir: bilgisayar diziyi gösteriyordur ('showing') ya da oyuncunun cevabını bekliyordur ('input'). Hangisinde olduğumuzu tek bir değişken söyler: state.

Tur başlayınca kısa bir bekleme olur (40 kare), sonra bilgisayar ilk tuşu 30 kare yakar ve sırayı oyuncuya verir. Beklemeyi de bir geri sayımla yaparız: timer.

```js
let state // 'showing' or 'input'
let timer

  state = 'showing'
  timer = 40 // a short pause before the sequence is shown

  if (state !== 'showing') return
  timer -= 1
  if (timer > 0) return
  light(sequence[0], 30)
  state = 'input'
```

Ne işe yarıyor

• let state, let timer → değer vermeden tanıtıyoruz; değerlerini nextRound veriyor.
• nextRound içinde state = 'showing' → gösteri başlasın. timer = 40 → önce 40 karelik kısa bir bekleme.
• update içinde:
  • if (state !== 'showing') return → !== "eşit değil mi?". Gösteri yapmıyorsak return ile hemen çık; aşağısı çalışmaz.
  • timer -= 1 → zamanlayıcıyı bir azalt.
  • if (timer > 0) return → daha zaman varsa çık, bir sonraki karede yine bak.
  • light(sequence[0], 30) → dizinin ilk tuşunu 30 kare yak.
  • state = 'input' → sıra oyuncuda.
• litFor bölümü if (state ...) satırının üstünde kalmalı: tuş, gösteri bitince de sönebilsin.

Sıra sende

1. let sequence = [] ... satırının altına let state ... ve let timer satırlarını yaz.
2. nextRound içinde sequence.push(...) satırının altına state ve timer satırlarını yaz.
3. update içinde, litFor bloğunun kapanan } işaretinin altına (fonksiyonun son } işaretinden önce) beş yeni satırı yaz.
4. Çalıştır: kısa bir beklemeden sonra bir tuş yarım saniye yanıp sönmeli.

Beceriler: Oyun durumları, Oyun döngüsü

← Yeniden sön Bütün diziyi göster →

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