Atölye › XOX › 6/33. adım

Liste olarak tahta

Ne yapıyoruz

Çizgiler tahtanın görüntüsü. Oyun ayrıca hangi kutuda ne olduğunu hatırlamalı: X mi, O mu, boş mu? Bu bilgiye oyunun durumu denir.

9 kutunun içeriğini sırayla tutmak için bir dizi (array) kullanırız: numaralı bir alışveriş listesi gibi. Şimdilik bütün kutular boş. Ekranda bir şey değişmeyecek.

```js
let board = ['', '', '', '', '', '', '', '', '']
```

Ne işe yarıyor

Sıra sende

const CELL = 100 satırının altına bir boş satır bırak ve board satırını yaz (tırnak çiftlerini say: 9 tane). Çalıştır: ekran aynı kalmalı, kontrol yeşil olmalı.

Beceriler: Diziler ve nesneler, Oyun durumları

Tüm adımlar

  1. Canvas'ı ve kalemi al
  2. Tahtayı boya
  3. İlk ızgara çizgisi
  4. Döngüyle tekrarla
  5. Izgarayı tamamla
  6. Liste olarak tahta
  7. Çizen bir fonksiyon
  8. Bir X yaz
  9. Kutu numarasından konuma
  10. Tahtada ne varsa çiz
  11. Her işarete bir renk
  12. Hamle yap
  13. Dolu kutuya oynanmaz
  14. Tıklamayı dinle
  15. Hangi kutuya tıklandı?
  16. Her ekran boyunda tıklama
  17. Sekiz kazanan çizgi
  18. Üçü yan yana bul
  19. Kazanç, beraberlik ya da devam
  20. Tur biter
  21. Kazananı göster
  22. Kazanan çizgiyi parlat
  23. Yeni tur fonksiyonu
  24. Tekrar oynamak için tıkla
  25. Kutu seçen bir bilgisayar
  26. Bilgisayar cevap verir
  27. Birinci kural: ortayı al
  28. İkinci kural: kazanabiliyorsan kazan
  29. Üçüncü kural: rakibi engelle
  30. Biten oyuna puan ver
  31. İleriye bak: minimax
  32. Hiç kaybetmeyen bir bilgisayar
  33. Kendin yap: skoru tut