Atölye › Ay'a İniş › 27/31. adım

Rekor

Ne yapıyoruz

Bir rekor tutalım. Oyun bir kazayla bittiğinde puan rekordan yüksekse yeni rekor olsun ve tarayıcıya kaydedilsin: sayfayı yenilesen de kaybolmasın.

Tarayıcının küçük bir kalıcı defteri var: localStorage. İçine bir ad altında yazı saklanır ve sayfa kapansa da kalır.

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

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

  ctx.fillText('Level ' + level + '  Score ' + score + '  Best ' + best, canvas.width - 10, 20)
```

Ne işe yarıyor

• localStorage.getItem('lander-best') → 'lander-best' adıyla saklanan yazıyı okur; hiç yoksa null verir.
• Number(...) → yazıyı sayıya çevirir. || 0 → sonuç boşsa (ilk oyun) 0 kullan.
• touchdown'da state = 'crashed' satırının altında: puan rekordan yüksekse best = score ve localStorage.setItem('lander-best', best) ile kaydet. Oyun kazayla bittiği için rekor da orada kontrol edilir.
• Sağ üstteki yazı artık rekoru da gösterir: 'Level 2 Score 530 Best 900'.

Sıra sende

1. const keys = {} satırının üstüne best satırını yaz.
2. touchdown içinde state = 'crashed' satırının altına if (score > best) bloğunu yaz.
3. draw içinde sağ üstteki yazıya + ' Best ' + best ekle.
4. Çalıştır: sağ üstte rekoru görmelisin. Birkaç puan toplayıp düş, sayfayı yenile: rekor durmalı.

Beceriler: Oyun durumları

← Daha dar pist Parçalara ayrıl →

Tüm adımlar

1. Rastgele tepeler
2. Tepeleri çiz
3. İniş pisti
4. Her x için yükseklik
5. İniş aracı
6. Kendi ortası etrafında çiz
7. İki ayak
8. Oyun döngüsü
9. Ay yerçekimi
10. Kenarlardan dolan
11. Uçuyor mu, uçmuyor mu
12. Yere değmek
13. Basılı tuşları hatırla
14. Eğil
15. Motor
16. Titreyen alev
17. Yakıt
18. Dokunmatik kontrol
19. İniş mi, kaza mı
20. Yeniden uç
21. İndin mi, düştün mü?
22. Göstergeler
23. Bölümler
24. Puan
25. Sonraki bölüm ya da yeni oyun
26. Daha dar pist
27. Rekor
28. Parçalara ayrıl
29. Parçalar düşüp kaybolur
30. Enkazı çiz
31. Kendin yap: rüzgâr