Atölye › Bilardo › 32/33. adım

Rekorun

Ne yapıyoruz

Masayı temizlemek için gereken en az vuruş senin rekorun. Sayfa kapanınca değişkenler silinir, ama tarayıcının küçük bir defteri var: localStorage. Oraya yazılan bilgi sayfa kapansa da kalır. Rekor sağ üstte görünecek: Best 12, henüz yoksa Best -.

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

    if (best === 0 || shots < best) {
      best = shots
      localStorage.setItem('pool-best', best)
    }

  ctx.textAlign = 'right'
  ctx.fillText('Best ' + (best || '-'), RIGHT, 22)
```

Ne işe yarıyor

• localStorage.getItem('pool-best') → defterden kaydı okur; kayıt yazı olarak saklanır ('12'), yoksa null. Number(...) sayıya çevirir; || 0 → yoksa 0.
• Kazanınca: if (best === 0 || shots < best) → henüz rekor yoksa veya bu sefer daha az vuruş varsa yeni rekor: best = shots ve localStorage.setItem('pool-best', best) ile deftere yaz.
• ctx.textAlign = 'right' → x yazının sağ ucu; RIGHT masanın sağ kenarı.
• best || '-' → best 0 ise (yanlış sayılır) '-', değilse sayının kendisi.

Sıra sende

1. let state ... satırının altına let best = ... yaz.
2. update içinde state = 'won' satırının altına if bloğunu yaz.
3. draw içinde 'Shots ' + ... yazı satırının altına (if (state === 'won')'un üstüne) iki Best satırını yaz.
4. Çalıştır: sağ üstte Best - görmelisin.

Beceriler: Oyun durumları

← Çarpılan top nereye gider Kendin yap: iki oyuncu →

Tüm adımlar

1. Oda
2. Masa
3. İsteka topu
4. Topları çiz
5. Üçgen
6. Topların numaraları
7. Nişan çizgisi
8. Nişanı çevir
9. Vuruş bir hızdır
10. Yuvarlan
11. Sürtünme
12. Bantlar
13. Nişan ve yuvarlanma
14. Yuvarlanırken nişanı gizle
15. Vuruşları say
16. Değen toplar
17. İtişi değiş tokuş et
18. Altı cep
19. Cebe girdi
20. Faul
21. Kalan toplar
22. Masayı temizle
23. Gücü seç
24. Güç çubuğu
25. Sapan
26. Basarak nişan al
27. Geri çek ve bırak
28. Daha küçük adımlar
29. Vuruşu tahmin et
30. Hayalet topu çiz
31. Çarpılan top nereye gider
32. Rekorun
33. Kendin yap: iki oyuncu