Atölye › Candy Crush Tarzı Üçlü Eşleştirme › 28/29. adım

En iyi skoru hatırla

Ne yapıyoruz

Rekorunu kıran oyuncu, sayfayı kapatıp açınca rekorunu görmek ister. Tarayıcının küçük bir defteri var: localStorage. İçine yazılanlar sayfa kapansa da kalır.

Sayfa açılınca en iyi skoru defterden okuyoruz. Son hamlenin zincirleri bitip her şey durduğunda skor rekoru geçtiyse deftere yazıyoruz. Sağ üstte Best da yazacak.

```js
let best = Number(localStorage.getItem('match3-best')) || 0

function afterMoves() {
  if (movesLeft === 0 && score > best) {
    best = score
    localStorage.setItem('match3-best', best)
  }
}

      afterMoves()

  ctx.fillText('Moves ' + movesLeft + '  Best ' + best, canvas.width - LEFT, 30)
```

Ne işe yarıyor

• localStorage.getItem('match3-best') → defterden kaydı okur: yazı olarak ('450') ya da hiç yoksa null. Number(...) sayıya çevirir; işe yarar bir sayı çıkmazsa || 0 "değilse 0" der.
• function afterMoves() { → hamleler bittiyse ve skor rekoru geçtiyse:
  • best = score → yeni rekor;
  • localStorage.setItem('match3-best', best) → deftere aynı adla yaz.
• afterMoves() (update'te, else bloğunda) → bir hamle tamamen durulduğunda, yani son zincir de bittiğinde çağrılır.
• 'Moves ' + movesLeft + ' Best ' + best → birkaç yazı ve sayı yan yana: 'Moves 20 Best 0'.

Sıra sende

1. let hint ... satırının altına let best = ... satırını yaz.
2. function update() { satırının üstüne afterMoves fonksiyonunu yaz.
3. update içinde while (!hasMove()) newBoard() satırının altına afterMoves() yaz.
4. draw içinde 'Moves ' + movesLeft kısmının arkasına + ' Best ' + best ekle.
5. Çalıştır, bir oyun bitir ve sayfayı yenile: en iyi skorun yerinde durmalı. Tebrikler, oyun tamam!

Beceriler: Oyun durumları

← Oyunun sonu Kendin yap: kaydırarak takas →

Tüm adımlar

1. Tahtanın yeri
2. Damalı ızgara
3. Oyun döngüsü
4. Rastgele mücevherli tahta
5. Mücevherleri çiz
6. Eşleşmesiz başla
7. Bir mücevhere tıkla
8. Seçimi göster
9. İki komşuyu takas et
10. Bütün eşleşmeleri bul
11. Eşleşme yoksa takas yok
12. Skor ve yeni başlangıç
13. Eşleşeni sil
14. Mücevherler düşsün
15. Silmenin iki yarısı
16. Silmeden önce bekle
17. Yanıp sön, dokunma
18. Zincirleme
19. Mücevher nereden geldi
20. Kayarak in
21. Üstün altından çık
22. Hiç hamle var mı?
23. Asla sıkışma
24. Beş saniye sonra ipucu
25. İpucunu göster
26. Yirmi hamle
27. Oyunun sonu
28. En iyi skoru hatırla
29. Kendin yap: kaydırarak takas