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

Bütün file

Ne yapıyoruz

Parçayı elle 14 kez yazmak yerine bilgisayara "bunu tekrarla" diyeceğiz. Buna döngü (loop) denir.

Her parça bir öncekinin 30 piksel altında: 15 piksel çizgi, 15 piksel boşluk. Tepeden dibe kadar.

```js
for (let y = 0; y < canvas.height; y += 30) {
  ctx.fillRect(canvas.width / 2 - 2, y, 4, 15)
}
```

Ne işe yarıyor

Sıra sende

En alttaki ctx.fillRect(canvas.width / 2 - 2, 0, 4, 15) satırını sil; yerine döngüyü yaz. İçerideki satırda 0 yerine y var. Çalıştır: ortada kesikli bir file görmelisin.

Beceriler: Döngüler

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