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

Sekiz kazanan çizgi

Ne yapıyoruz

Üçü yan yana gelen kazanır. Kaç şekilde yan yana gelebilir? Sadece 8: 3 satır, 3 sütun, 2 çapraz.

Her satır, sütun ve çapraz için uzun bir if zinciri yazabilirdik. Çok daha iyi bir fikir: 8 çizgiyi veri olarak bir kez yazmak, sonra hepsine sırayla bakmak. Bu adımda yalnız listeyi yazıyoruz; ekran değişmeyecek.

```js
const LINES = [
  [0, 1, 2], [3, 4, 5], [6, 7, 8], // rows
  [0, 3, 6], [1, 4, 7], [2, 5, 8], // columns
  [0, 4, 8], [2, 4, 6], // diagonals
]
```

Ne işe yarıyor

Sıra sende

LINES dizisini const CELL = 100 satırının hemen altına yaz. Çalıştır: ekran aynı kalmalı.

Beceriler: Diziler ve nesneler

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