Atölye › Yazı Yağmuru › 25/33. adım

Rekor

Ne yapıyoruz

Rekorunu kırmak istersin; ama sayfayı kapatınca her değişken silinir. Tarayıcının küçük bir kalıcı defteri var: localStorage. Oraya yazılan, sayfa kapansa da kalır. Oyun bitince puan rekordan büyükse deftere yazacağız ve kalplerin yanında göstereceğiz: ♥♥♥ Best 42.

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

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

  ctx.fillText('♥'.repeat(lives) + '  Best ' + best, canvas.width - 10, 22)
```

Ne işe yarıyor

Sıra sende

  1. let state ... satırının altına let best = ... yaz.
  2. gameOver içinde state = 'over' satırının altına if (score > best) { ... } bloğunu yaz.
  3. draw içinde kalp yazısını '♥'.repeat(lives) + ' Best ' + best yap.
  4. Çalıştır, bir oyun bitir, sayfayı yenile: rekor yerinde durmalı.

Beceriler: Oyun durumları

Tüm adımlar

  1. Kelimeler için bir gökyüzü
  2. Zemin
  3. Canvas'ta bir kelime
  4. Çizen bir fonksiyon
  5. Kelime listesi
  6. Düşür
  7. Oyun döngüsü
  8. Listeden yeni bir kelime
  9. Yağmur başlasın
  10. Zemini geçince gider
  11. Bir kelimeye kilitlen
  12. Klavyeyi dinle
  13. Harf harf
  14. Yarım kelime sarı
  15. Kaybolan kelimeyi bırak
  16. Canlar
  17. Kalpler
  18. Puan
  19. Canlar bitti
  20. Oyunu dondur
  21. Oyun bitti kartı
  22. Yeniden oyna
  23. Seviyeler
  24. Gittikçe hızlanarak
  25. Rekor
  26. Doğruluk
  27. Dakikada kelime
  28. Sonunda hızın
  29. Tuşlar nereye
  30. Klavyeyi çiz
  31. Sıradaki tuşu yak
  32. Tuşlara dokun
  33. Kendin yap: fikir değiştir