Atölye › Bomberman Tarzı Arena › 41/42. adım

En hızlı zafer

Ne yapıyoruz

En hızlı zaferin unutulmasın. Onu localStorage'da tutacağız: tarayıcının, sayfayı kapatsan da silinmeyen küçük defteri. Burada az olan iyidir: kayıt yoksa ya da yeni süre daha kısaysa kaydederiz. 0 "henüz kazanılmadı" demek. Rekor, saatin yanında Best 38 gibi görünecek.

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

    state = 'won'
    const seconds = Math.floor(frames / 60)
    if (best === 0 || seconds < best) {
      best = seconds
      localStorage.setItem('bomber-best', best)
    }

  ctx.fillText('Time ' + Math.floor(frames / 60) + (best ? '  Best ' + best : ''), canvas.width - 8, 22)
```

Ne işe yarıyor

• localStorage.getItem('bomber-best') → defterden bomber-best kaydını okur; ilk seferde null.
• Number(...) → defter her şeyi yazı olarak tutar; Number sayıya çevirir. || 0 → yoksa 0.
• const seconds = Math.floor(frames / 60) → kazanma süresi.
• if (best === 0 || seconds < best) → henüz rekor yoksa ya da bu süre daha kısaysa:
  • best = seconds → yeni rekor; localStorage.setItem('bomber-best', best) → deftere yaz.
• (best ? ' Best ' + best : '') → rekor varsa (0 değilse) ' Best 38' ekle, yoksa boş yazı (''). Parantez, ? :'nın yalnız bu parçayı seçmesini sağlar.

Sıra sende

1. let frames satırının altına let best = ... satırını yaz.
2. update'in sonundaki kazanma bloğunda state = 'won' satırının altına kayıt satırlarını yaz.
3. draw'daki Time satırını (best ? ' Best ' + best : '') eklenmiş hâliyle değiştir.
4. Çalıştır ve bir oyun kazan: sağ üstte rekorun görünmeli; sayfayı yenileyince de durmalı.

Beceriler: Oyun durumları

← Bir saat Kendin yap: daha akıllı düşman →

Tüm adımlar

1. Arenayı ölç
2. Karelerden bir zemin
3. Her karede çiz
4. Veri olarak arena
5. Izgaranın dediğini çiz
6. Sütunlar
7. Kasalar
8. Köşeleri boş tut
9. Oyuncu
10. Basılı tuşlar
11. Hedefe doğru kay
12. Yürü
13. Bomba bırak
14. Boşluk bırakır, bomba görünür
15. Aynı anda bir bomba
16. Bombalar yol keser
17. Fitil yanar
18. Ateş!
19. Alevler söner
20. Artı biçiminde alev
21. Kasalar yanar
22. Zincirleme patlama
23. Bombalar yanıp söner
24. Alev yakar
25. Kısa bir güvenlik
26. Kalpler
27. Canlar bitti
28. Oyun bitti
29. Düşmanlar
30. Düşmanlar dolaşır
31. Geri dönmek yok
32. Vur ve değme
33. Bütün düşmanlar gitti
34. Saklı güçlendirmeler
35. Güçlendirmeleri göster
36. Topla
37. Güçleri göster
38. Parmak hangi yanda?
39. Parmakla oyna
40. Bir saat
41. En hızlı zafer
42. Kendin yap: daha akıllı düşman