Atölye › Sokoban › 28/29. adım

Rekoru göster

Ne yapıyoruz

Rekor ekranda görünmezse işe yaramaz. Hamle sayacının yanına ekleyeceğiz: Moves: 12 (best 9). Böylece oyuncu hep geçmesi gereken sayıyı görür. Rekor yoksa hiçbir şey eklenmez.

```js
ctx.textAlign = 'right'
const record = best[level] === undefined ? '' : '  (best ' + best[level] + ')'
ctx.fillText('Moves: ' + moves + record, canvas.width - 12, TOP / 2)
```

Ne işe yarıyor

• best[level] === undefined ? '' : ' (best ' + best[level] + ')' → kısa if: rekor yoksa '' (boş yazı), varsa ' (best 9)'. === undefined diye açıkça sorarız; !best[level] yazsaydık 0 gibi bir sayı da "yok" sayılırdı.
• ' (best ' → başında iki boşluk; sayaçla arasında nefes payı.
• 'Moves: ' + moves + record → sayaç yazısının sonuna rekoru ekler. Rekor yoksa boş yazı eklemek hiçbir şeyi değiştirmez.

Sıra sende

1. draw içinde ctx.fillText('Moves: ' ...) satırının üstüne record satırını yaz.
2. Moves satırında moves'tan sonra + record ekle.
3. Çalıştır, ilk bölümü çöz: sağ üstte Moves: 1 (best 1) görmelisin. Oyun bitti!

Beceriler: Canvas üzerine çizim

← Her bölüm için bir rekor Kendin yap: itmeleri say →

Tüm adımlar

1. Yazıyla çizilmiş bir bölüm
2. Tuval ve kalem
3. Depo zemini
4. Çizen bir fonksiyon
5. Her kareye bir ad
6. Duvarları oku
7. Duvarları çiz
8. Bölümü ortala
9. Hedefler
10. Kutular
11. Oyuncu
12. İki bölüm daha
13. Bir adım
14. Oklarla yürü
15. Kutular yolu kapatır
16. Kutu it
17. Hedefteki kutu yeşile döner
18. Çözüldü!
19. Sıradaki bölüme
20. Hangi bölüm?
21. Alttaki satır
22. Hamleleri say
23. Oyunun fotoğrafı
24. Her hamleden önce fotoğraf
25. Geri al
26. Baştan başla
27. Her bölüm için bir rekor
28. Rekoru göster
29. Kendin yap: itmeleri say