Atölye › Pac-Man Tarzı Labirent Kovalamaca › 41/42. adım

Kalıcı en iyi skor

Ne yapıyoruz

Son dokunuş: en iyi skor, sayfa kapansa bile kalsın. Tarayıcının localStorage adında küçük bir deposu var: oraya yazılan, sayfayı yenilesen de, bilgisayarı kapatsan da durur.

Oyun açılınca depodan en iyi skoru oku (yoksa 0).
Oyun biterken skor rekorsa güncelle ve depoya yaz.
Skorun yanında göster.

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

  state = 'over'
  if (score > best) {
    best = score
    localStorage.setItem('maze-best', best)
  }

  ctx.fillText('Score: ' + score + '  Best: ' + best, 10, 27)
```

Ne işe yarıyor

localStorage.getItem('maze-best') → depoda 'maze-best' adıyla saklanan metin; ilk seferde null (yok).
Number(...) → metni sayıya çevirir. || 0 → "ya da 0": sonuç işe yaramazsa (0 ya da NaN, yani "sayı değil") 0 kullan.
let best → diğer değişkenler gibi ama değeri hemen, sayfa açılırken okunuyor.
if (score > best) { ... } → caught içinde, oyun biterken: rekor mu? Öyleyse güncelle ve localStorage.setItem('maze-best', best) ile depoya yaz.
Yazı: 'Score: 120 Best: 3400' gibi.

Sıra sende

let chain ... satırının altına let best ... satırını yaz.
caught içinde state = 'over' satırının altına rekor bloğunu yaz.
draw içinde Score yazısının satırını koddaki gibi uzat.
Çalıştır, oyna, kaybet ve sayfayı yenile: en iyi skor duruyor olmalı. Oyun bitti, tebrikler!

Beceriler: Oyun durumları

← Zorlaşan bölümler Kendin yap: yavaş tünel →

Kalıcı en iyi skor

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar