Klassinen ristinolla-peli kahdelle pelaajalle tai tekoälyä vastaan. Opi pelilogiikkaa, vuoropohjaista peliä ja yksinkertaista tekoälyä rakentamalla tuttu klassikko.
Aloittelija · 2-3 tuntia · Next.js, TypeScript, Tailwind CSS
Kopioi tämä Cursoriin tai Claude Codeen ja aloita rakentaminen.
Luo ristinolla-peli. Pelilogiikka: - 3x3 ruudukko - X aloittaa, vuorottelu - Voitto: 3 peräkkäin (8 tapaa) - Tasapeli: lauta täynnä, ei voittajaa UI: - Selkeä ruudukko - Näytä kumman vuoro - Voitto: korosta voittorivi - "Uusi peli" -nappi Lisäominaisuudet: - Pistelaskuri (X voitot, O voitot, tasapelit) - Valitse merkki (X/O) - Pelaa tekoälyä vastaan Tech: Next.js, TypeScript, Tailwind CSS
Luo 3x3 ruudukko.
Luo ristinollan pelilauta: 3x3 ruudukko. Klikkaamalla tyhjää ruutua asetetaan X tai O vuorotellen. Näytä kumman vuoro on.
Lisää voittajan tunnistus.
Lisää voiton tarkistus: 3 peräkkäin vaaka-, pysty- tai diagonaalisuunnassa. Tasapeli kun lauta täynnä ilman voittajaa. Näytä voittaja/tasapeli.
Lisää yksinkertainen AI.
Lisää "Pelaa tekoälyä vastaan" -vaihtoehto. Tee yksinkertainen AI joka: 1) voittaa jos mahdollista, 2) estää pelaajan voiton, 3) valitsee keskimmäisen tai kulman.
3x3 peliruudukko
Vuorotteleva peli
Voiton tarkistus
Tasapeli tunnistus
Yksinkertainen tekoäly
Kun perusprojekti on valmis:
Online-moninpeli
Minimax-algoritmi (voittamaton AI)
Suurempi lauta (5x5)
Animaatiot
Peliäänet
Klassinen muistipeli jossa etsit pareja kääntämällä kortteja. Harjoittele Reactin state-hallintaa, animaatioita ja pelilogiikkaa hauskan projektin kautta.
Testaa ja paranna kirjoitusnopeuttasi pelillisellä harjoittelulla. Seuraa WPM-nopeuttasi, tarkkuuttasi ja kehitystäsi ajan myötä - hauska tapa oppia pelillistä ohjelmointia.
Monivalintapeli jossa testaat tietojasi eri kategorioissa. Rakenna pistelasku, vaikeustasot ja tuloslistat - loistava tapa oppia pelilogiikan perusteita.
Valitse työkalu ja käytä aloituspromptiä.