Atölye › Mayın Tarlası › 21/26. adım

Son ve yeni oyun

Ne yapıyoruz

Oyun bitince bunu söyleyelim: üst şeritte ortada, kazandıysan yeşil You win! (kazandın), kaybettiysen kırmızı Boom! Click to retry (bum, tekrar denemek için tıkla). Ve gerçekten de bir tıklama yeni oyun başlatsın: newGame zaten her şeyi sıfırlıyor.

```js
canvas.addEventListener('click', (event) => {
  if (state === 'won' || state === 'lost') {
    newGame()
    return
  }

  if (state === 'won' || state === 'lost') {
    ctx.textAlign = 'center'
    ctx.fillStyle = state === 'won' ? '#4ade80' : '#f87171'
    ctx.fillText(state === 'won' ? 'You win!' : 'Boom! Click to retry', canvas.width / 2, TOP / 2)
  }
```

Ne işe yarıyor

Sıra sende

  1. Tıklama dinleyicisinin ilk satırını kod bloğundaki gibi if (...) { newGame(); return } bloğuna çevir.
  2. draw içinde 💣 satırının altına bir boş satır bırakıp mesaj bloğunu yaz.
  3. Çalıştır, bir mayına bas, sonra tıkla: yeni oyun başlamalı.

Beceriler: Oyun durumları, Klavye ve fare girdisi

Tüm adımlar

  1. Hücre nesnelerinden bir ızgara
  2. Tuval ve kalem
  3. Tarlayı çiz
  4. Her karede çiz
  5. Komşular
  6. Mayınlar, ama ilk tıklamanın altına değil
  7. Adayları karıştır
  8. Çevredeki mayınları say
  9. Hücre aç
  10. Açık hücre farklı görünür
  11. Renkli sayılar
  12. Tıkla ve aç
  13. Mayına basmak
  14. Mayınları göster
  15. Taşma dolgusu
  16. Sağ tuşla bayrak
  17. Bayrak hücresini korur
  18. Bayrakları çiz
  19. Kalan mayınlar
  20. Kazanmak
  21. Son ve yeni oyun
  22. Saat kaç?
  23. Saat
  24. Saati durdur
  25. En iyi süre
  26. Kendin yap: yanlış bayraklar