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

Tek ya da iki oyuncu

Ne yapıyoruz

2 tuşu bilgisayara karşı oynamakla bir arkadaşa karşı oynamak arasında geçiş yapsın. Altta küçük gri bir yazı hangi modda olduğunu ve nasıl değiştirileceğini söylesin.

```js
if (event.key === '2') twoPlayers = !twoPlayers

ctx.fillStyle = '#888'
ctx.font = '14px sans-serif'
const hint = twoPlayers ? 'Two players · press 2 to play the computer' : 'W/S to move · press 2 for two players'
ctx.fillText(hint, canvas.width / 2, canvas.height - 12)
```

Ne işe yarıyor

• twoPlayers = !twoPlayers → ! tersi demek: true ise false, false ise true yapar. Her basışta mod değişir; buna aç-kapa (toggle) denir.
• ctx.fillStyle = '#888' → gri, daha sönük bir renk: önemli bilgi değil, yardım yazısı.
• twoPlayers ? '...' : '...' → moda göre iki yazıdan biri. Ortadaki · sadece bir ayırıcı nokta.
• canvas.height - 12 → en alttan 12 piksel yukarı.

Sıra sende

1. keydown dinleyicisinde keys[event.key] = true satırının altına '2' satırını yaz.
2. draw fonksiyonunun en sonuna, if (state === 'over') bloğunun altına bir boş satır bırakıp dört yardım satırını yaz.
3. Çalıştır, 2'ye bas ve bir arkadaşınla oyna (o ok tuşlarını kullanır). Oyun bitti!

Beceriler: Klavye ve fare girdisi

← Bilgisayar rakip Kendin yap: servis beklemesi →

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