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

Yeniden denemek için tıkla

Ne yapıyoruz

Mesaj Click to retry diyor; şimdi sözünü tutalım. Oyun bittiyse bir tıklama ya da Boşluk tuşu reset ile yeni oyun başlatsın.

```js
canvas.addEventListener('pointerdown', (event) => {
  if (state === 'over') {
    reset()
    return
  }

  if (event.key === ' ' && state === 'over') {
    event.preventDefault()
    reset()
  }
```

Ne işe yarıyor

• Tıklama dinleyicisinin en üstünde: if (state === 'over') { → oyun bittiyse reset() ile yeni oyun, return ile çık. return olmasaydı aynı tıklama bir tuşa da basmaya çalışırdı.
• Klavye dinleyicisinin sonunda: if (event.key === ' ' && state === 'over') { → && "ve": "Boşluk basıldı ve oyun bitti".
  • event.preventDefault() → Boşluk tuşunun olağan işini (sayfayı aşağı kaydırmayı) engeller.
  • reset() → yeni oyun.

Sıra sende

1. pointerdown dinleyicisinin içinde, const rect = ... satırının üstüne if (state === 'over') { ... } bloğunu yaz.
2. keydown dinleyicisinin içinde, if (event.key in KEYS) ... satırının altına Boşluk bloğunu yaz (kapanan }) işaretinden önce).
3. Çalıştır, bilerek yanlış bas, sonra tıkla: yeni oyun başlamalı.

Beceriler: Klavye ve fare girdisi, Oyun durumları

← Yeni oyun fonksiyonu Basınca yan →

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