Atölye › 2048 › 17/26. adım

Skor

Ne yapıyoruz

Her birleşme, yeni karonun değeri kadar puan getirir: iki 8 birleşince 16 puan. slideRow bunu zaten gained olarak döndürüyordu; şimdi toplayıp score'da tutuyor ve tahtanın üstündeki şeride yazıyoruz: Score: 12.

```js
let score

  score = 0

    const { row, gained } = slideRow(line)
    if (reversed) row.reverse()
    score += gained

  ctx.fillStyle = '#776e65'
  ctx.font = 'bold 22px sans-serif'
  ctx.textAlign = 'left'
  ctx.textBaseline = 'middle'
  ctx.fillText('Score: ' + score, GAP, TOP / 2)
```

Ne işe yarıyor

• let score → skor. newGame içinde score = 0.
• const { row, gained } = slideRow(line) → nesneden artık iki özelliği birden alıyoruz.
• score += gained → her satırın/sütunun kazandırdığı puanı ekle.
• Skor yazısı: koyu gri, kalın 22 piksel, sola hizalı (textAlign = 'left'), şeridin dikey ortasında (TOP / 2 = 30). textBaseline = 'middle' zaten burada; bu yüzden skor satırları onun etrafına geliyor. Döngüden önceki textAlign = 'center' sayılar için hizayı yeniden ortalar.

Sıra sende

1. let board satırının altına let score yaz; newGame içinde board = ... satırının altına score = 0 yaz.
2. move içinde const { row } = ... satırını const { row, gained } = ... yap; if (reversed) row.reverse() satırının altına score += gained yaz.
3. draw içinde ctx.textBaseline = 'middle' satırının üstüne üç kalem satırını (fillStyle, font, textAlign), altına fillText satırını yaz.
4. Çalıştır ve oyna: sol üstte skor artmalı.

Beceriler: Oyun durumları

← Yukarı ve aşağı sütunlardır Hamle kaldı mı? →

Tüm adımlar

1. Tahta
2. On altı hücre
3. Sayılardan bir ızgara
4. Her sayıya bir renk
5. Karolara sayılar
6. Büyük sayı, küçük yazı
7. Boş hücreleri bul
8. Yeni bir karo
9. Başlangıçta iki karo
10. Bir satırı kaydır
11. Eşit karoları birleştir
12. Sola hareket
13. Ok tuşu
14. Yalnız gerçek hamleler sayılır
15. Sağ, ters çevrilmiş sol
16. Yukarı ve aşağı sütunlardır
17. Skor
18. Hamle kaldı mı?
19. Oyun bitti
20. 2048 yapmak
21. Kazanma ve kaybetme ekranları
22. Devam için Boşluk
23. Rekor
24. Kaydırmalar
25. Dokunmak kaydırmak değildir
26. Kendin yap: geri al