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

Filenin bir parçası

Ne yapıyoruz

Sahanın ortasında kesikli bir çizgi olacak: file. Önce ilk parçasını çiziyoruz: 4 piksel eninde, 15 piksel boyunda beyaz bir dikdörtgen, tam ortada.

```js
ctx.fillStyle = 'white'
ctx.fillRect(canvas.width / 2 - 2, 0, 4, 15)
```

Ne işe yarıyor

• ctx.fillStyle = 'white' → beyaz.
• canvas.width / 2 - 2 → / bölme: 600 / 2 = 300, sahanın ortası. 4 piksellik parçanın ortası tam 300'e gelsin diye 2 piksel erken başlarız: 298.
• 0 → en tepeden başlar. 4, 15 → 4 piksel en, 15 piksel boy.
• Satırlar siyah boyamanın altında: sonra çizilen, öncekinin üstüne gelir.

Sıra sende

Dosyanın en sonuna, bir boş satırdan sonra iki beyaz satırı yaz. Çalıştır: tepenin ortasında küçük beyaz bir çizgi görmelisin.

Beceriler: Canvas üzerine çizim

← Siyah saha Bütün file →

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