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

Top

Ne yapıyoruz

Orijinal Pong'da top yuvarlak değil, küçük bir kare! Biz de öyle yapacağız: 10×10 piksellik beyaz bir kare.

Topun yerini de bir nesnede tutuyoruz: ball. Sahanın tam ortasında başlıyor.

```js
const BALL = 10 // the ball is a BALL×BALL square

let ball = { x: 295, y: 195 }

  ctx.fillRect(ball.x, ball.y, BALL, BALL)
```

Ne işe yarıyor

• const BALL = 10 → topun eni ve boyu.
• let ball = { x: 295, y: 195 } → topun sol üst köşesi. Ortası (300, 200) olsun diye yarım top (5) geri: 295, 195.
• ctx.fillRect(ball.x, ball.y, BALL, BALL) → draw içinde, raketlerin altına: 10×10 beyaz kare.

Sıra sende

1. const PADDLE_SPEED = 6 satırının altına BALL satırını yaz.
2. let right = ... satırının altına let ball = ... yaz (const keys onun altında kalsın).
3. draw içinde sağ raketi çizen satırın altına topu çizen satırı yaz.
4. Çalıştır: sahanın ortasında küçük beyaz bir kare görmelisin.

Beceriler: Canvas üzerine çizim, Oyun durumları

← Sahada kal Top hareket eder →

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