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

Skoru tut

Ne yapıyoruz

Her raket kendi skorunu taşısın. Top bir oyuncuyu geçince öbürü sayı alır, sonra servis sayıyı kaybedene yapılır. Bunu point (sayı) adında bir fonksiyonda topluyoruz.

```js
let left = { x: 20, y: 160, score: 0 }
let right = { x: canvas.width - 20 - PADDLE_W, y: 160, score: 0 }

function point(winner) {
  winner.score += 1
  // Serve toward the player who just lost the point.
  serve(winner === left ? 1 : -1)
}

  if (ball.x + BALL < 0) point(right)
  else if (ball.x > canvas.width) point(left)
```

Ne işe yarıyor

• score: 0 → raket nesnelerine yeni bir alan: skor, 0'dan başlar.
• function point(winner) → parametre winner (kazanan) bir raket nesnesi: left ya da right.
• winner.score += 1 → kazananın skoruna 1 ekle. Aynı fonksiyon iki oyuncu için de çalışır, çünkü hangi raketin verildiğine bakar.
• winner === left ? 1 : -1 → kazanan soldaysa kaybeden sağdadır: servis sağa (1); değilse sola.
• Sol kenardan çıkan top: sağ oyuncu kazandı → point(right). Sağdan çıkan: point(left).

Sıra sende

1. left ve right nesnelerine, y: 160'tan sonra , score: 0 ekle.
2. serve fonksiyonunun altına bir boş satır bırakıp point fonksiyonunu yaz.
3. update'in sonundaki iki satırda serve(-1) yerine point(right), serve(1) yerine point(left) yaz.
4. Çalıştır. (Skoru bir sonraki adımda ekranda göreceğiz.)

Beceriler: Oyun durumları

← Yeniden servis Skoru göster →

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