NC
← Svi članci
🎮
Igrice29 apr 2026 · 5 min čitanja

Iks-oks za dva igrača — od ideje do gotove igre za 5 minuta

Najjednostavnija igra koju AI može da napravi. Pokazujemo kako da je personalizuješ — boje, imena igrača, animacije.

Iks-oks (engleski: tic-tac-toe) je najjednostavnija mrežna igra. Mreža 3×3, dva igrača, naizmenično postavljaju X i O. Ko prvi napravi tri u redu — pobeđuje. Idealan kandidat za prvu aplikaciju jer:

  • Pravila su poznata svima
  • Logika je laka — proveriš samo 8 mogućih pobedničkih kombinacija
  • Vizuelno je jasna — odmah vidiš da li radi

Promt koji si tražio mojim korisnicima da koriste

Ne pišeš tehničke detalje. Ne moraš da pomeneš JavaScript ni HTML. Probaj nešto ovako:

Napravi mi iks-oks za dva igrača. Mreža 3 puta 3,
naizmenično klikću X i O. Kad neko pobedi, prikaži poruku
"X je pobedio!" ili "O je pobedio!". Boje neka budu plava
i narandžasta. Dodaj dugme "Nova igra" da se sve resetuje.

Šta će AI da napravi

Za par sekundi dobićeš tri fajla — index.html, style.css i script.js. Aplikacija će:

  • Imati 9 polja u 3×3 mreži
  • Naizmenično se smenjivati X i O kad klikneš
  • Prepoznati pobedu (red, kolona, dijagonala)
  • Prikazati pobednika i resetovati se kad klikneš dugme

Kako da je personalizuješ

Tu počinje zabava. Posle prve verzije, traži izmene konkretno:

  1. Imena igrača umesto X i O: “Pre nego što počne igra, neka pita igrače za imena. Onda umesto X i O prikazuj prvo slovo imena igrača.”
  2. Zvuk klika: “Dodaj zvuk klika kad neko postavi svoj znak. Koristi Web Audio API.”
  3. Animacija pobede: “Kad neko pobedi, neka se tri pobednička polja zatresu i obasjaju zlatnom bojom.”
  4. Skor preko više igara: “Pamti koliko je svaki igrač pobedio i prikaži to gore u uglu. Score se čuva u nocodeon.db pa ga vidim i sa drugog uređaja.”

Šta sam naučio od korisnika

Najčešća greška početnika: tipa sve odjednom u jednoj poruci. AI radi bolje kad gradiš inkrementalno — prvo bazu, pa dodaj feature po feature. Tako vidiš efekat svake izmene i lakše vraćaš ako nešto ne valja.

Druga stvar: uključi 🎓 Coach Mode dugme u chat-u kad učiš. AI će ti postaviti dodatna pitanja koja te uče kako da budeš dobar Project Manager svog projekta.

Sledeći nivo: 3D iks-oks

Kad savladaš 2D, traži “Pretvori ovo u 3D verziju koristeći Three.js. Mreža neka bude kockica koja rotira na klik.” Isti AI, samo veći ambiciozni promt. Naša platforma podržava Three.js iz CDN-a bez build koraka — radi odmah.