Atölye › 2048 › 23/26. adım

Rekor

Ne yapıyoruz

Rekoru saklayalım. Tarayıcının küçük bir kalıcı defteri var: localStorage. Oraya yazılan, sayfa kapansa da kalır. Her hamleden sonra skor rekordan büyükse rekoru güncelleyip deftere yazacağız ve sağ üstte göstereceğiz: Best: 40.

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

  addTile()
  if (score > best) {
    best = score
    localStorage.setItem('2048-best', best)
  }

  ctx.textAlign = 'right'
  ctx.fillText('Best: ' + best, canvas.width - GAP, TOP / 2)
```

Ne işe yarıyor

• localStorage.getItem('2048-best') → defterdeki kaydı okur; yoksa null.
• Number(...) || 0 → yazıyı sayıya çevirir; ilk kez oynuyorsan 0.
• if (score > best) { ... } → skor rekoru geçtiyse best'i güncelle ve localStorage.setItem ile deftere yaz. Gerçek bir hamleden sonra çalışır (boş hamleler daha önce return false ile çıktı).
• ctx.textAlign = 'right' → yazının sağ ucu canvas.width - GAP'e (sağdan 12 piksel içeri) gelsin.

Sıra sende

1. let keepPlaying ... satırının altına let best = ... yaz.
2. move içinde addTile() satırının altına if (score > best) { ... } bloğunu yaz.
3. draw içinde ctx.fillText('Score: ' ... satırının altına iki Best satırını yaz.
4. Çalıştır, oyna, sayfayı yenile: rekor yerinde durmalı.

Beceriler: Oyun durumları

← Devam için Boşluk Kaydırmalar →

Tüm adımlar

1. Tahta
2. On altı hücre
3. Sayılardan bir ızgara
4. Her sayıya bir renk
5. Karolara sayılar
6. Büyük sayı, küçük yazı
7. Boş hücreleri bul
8. Yeni bir karo
9. Başlangıçta iki karo
10. Bir satırı kaydır
11. Eşit karoları birleştir
12. Sola hareket
13. Ok tuşu
14. Yalnız gerçek hamleler sayılır
15. Sağ, ters çevrilmiş sol
16. Yukarı ve aşağı sütunlardır
17. Skor
18. Hamle kaldı mı?
19. Oyun bitti
20. 2048 yapmak
21. Kazanma ve kaybetme ekranları
22. Devam için Boşluk
23. Rekor
24. Kaydırmalar
25. Dokunmak kaydırmak değildir
26. Kendin yap: geri al