Atölye › 15 Bulmacası › 16/27. adım

Hamleleri say

Ne yapıyoruz

Bulmacayı kaç hamlede çözdüğün önemli. Sol üste bir hamle sayacı yazacağız: Moves 3. Sadece gerçekten olan kaydırmalar sayılsın; uzaktaki bir taşa tıklamak sayılmasın.

```js
let moves

function reset() {
  tiles = solvedTiles()
  moves = 0
}

  tiles[i] = 0
  moves += 1

  ctx.fillStyle = 'white'
  ctx.font = 'bold 18px sans-serif'
  ctx.textBaseline = 'alphabetic'
  ctx.textAlign = 'left'
  ctx.fillText('Moves ' + moves, LEFT, 36)
```

Ne işe yarıyor

• let moves → hamle sayacı; reset içinde moves = 0.
• moves += 1 → move'un en sonunda: "moves'a 1 ekle". Uzaktaki taş daha önce return ile çıktığı için sayılmaz.
• Yazı: beyaz, kalın 18 piksel. ctx.textBaseline = 'alphabetic' → yazıyı normal satır çizgisine oturtur (taşlar için 'middle' yapmıştık; o ayar kalır, bu yüzden geri alıyoruz). textAlign = 'left' → yazı x'ten başlar.
• 'Moves ' + moves → + yazıyla sayıyı yan yana ekler: 'Moves 3'.
• LEFT, 36 → tahtanın sol kenarı hizasında, üst şeritte.

Sıra sende

1. let tiles ... satırının altına let moves yaz.
2. reset içinde tiles = solvedTiles() satırının altına moves = 0 yaz.
3. move'un sonuna, tiles[i] = 0 satırının altına moves += 1 yaz.
4. draw içinde forEach bloğunu kapatan }) satırının altına bir boş satır bırakıp beş yazı satırını yaz.
5. Çalıştır ve birkaç taş kaydır: sayı artmalı.

Beceriler: Oyun durumları

← Ok tuşları Gerçek kaydırmalarla karıştır →

Tüm adımlar

1. Tek listede bir tahta
2. Tuval ve kalem
3. Masayı boya
4. Çizen bir fonksiyon
5. Satır ve sütun
6. Her kare nerede
7. Bir taş çiz
8. Taşın üstündeki sayı
9. Bütün taşlar
10. Tekrar tekrar çiz
11. N'den çözülmüş tahta
12. Komşular
13. Taş kaydır
14. Taşa tıkla
15. Ok tuşları
16. Hamleleri say
17. Gerçek kaydırmalarla karıştır
18. Hangi tahtalar çözülür?
19. Çözüldü mü?
20. Kaymayı hatırla
21. Kareleri say
22. Akıcı kayma
23. Çözüldü!
24. Kazandığını göster
25. Yeniden oyna
26. Kırılacak bir rekor
27. Kendin yap: bir süre sayacı