Atölye › Pong › 18/26. adım

Skoru göster

Ne yapıyoruz

Skorlar ekrana gelsin: büyük rakamlarla, sahanın her yarısının ortasında bir tane; tıpkı klasik Pong gibi.

```js
ctx.font = '48px monospace'
ctx.textAlign = 'center'
ctx.fillText(String(left.score), canvas.width / 4, 60)
ctx.fillText(String(right.score), (canvas.width * 3) / 4, 60)
```

Ne işe yarıyor

Sıra sende

draw fonksiyonunun sonunda, topu çizen satırın altına bir boş satır bırak ve dört satırı yaz. Çalıştır.

Beceriler: Canvas üzerine çizim

Tüm adımlar

  1. Canvas'ı ve kalemi al
  2. Siyah saha
  3. Filenin bir parçası
  4. Bütün file
  5. İki raket
  6. Çizen bir fonksiyon
  7. Oyun döngüsü
  8. Basılı tuşları hatırla
  9. Raketleri oynat
  10. Sahada kal
  11. Top
  12. Top hareket eder
  13. Üstten ve alttan sek
  14. Top rakete değiyor mu?
  15. Raketler geri vurur
  16. Yeniden servis
  17. Skoru tut
  18. Skoru göster
  19. Beşe ilk ulaşan
  20. Kim kazandı?
  21. Yeniden oyna
  22. Raketle nişan al
  23. Her vuruşta hızlan
  24. Bilgisayar rakip
  25. Tek ya da iki oyuncu
  26. Kendin yap: servis beklemesi