V tejto verzii je ošetrené kliknutie mimo hrací plán
Úlohou je ošetriť, aby sa nedalo kliknúť dvakrát na to isté políčko
apríl 2025
Tic Tac Toe 1
Nakreslenie hracieho plánu.
Kreslenie symbolov jednotlivých hráčov.
Nie je ošetrené:
- kliknutie mimo hrací plán
- opätovné kliknutie na obsadenú pozíciu
- vyhodnotenie výhry alebo remízy
Pokúsime sa ošetriť tieto tri prípady.
Tic Tac Toe P5.js
function setup() {
createCanvas(400, 400);
background(220);
textSize(40)
hrac=1
}
function draw() {
line(140,175,260,175)
line(140,225,260,225)
line(175,140,175,260)
line(225,140,225,260)
}
function mouseClicked() {
if (mouseX<140 || mouseX) {return 0}
if (hrac==1) {symbol=“x“; hrac=2}
else {symbol=“o“; hrac=1}
text(symbol,mouseX-10,mouseY+10)
}
P5.js
Čo je P5.js?
P5.js je priateľský nástroj na učenie sa kódovať a robiť počítačové umenie. Je to bezplatná knižnica JavaScript s otvoreným zdrojovým kódom, ktorú vytvorila inkluzívna a starostlivá komunita. P5.js víta umelcov, dizajnérov, začiatočníkov, pedagógov a kohokoľvek iného!
Continue readingVektorová grafika a animácia
function setup() {
createCanvas(400, 400);
frameRate(2)
background(200,100,155);
}
function draw() {
fill(140,60,80)
circle(random(1,400),random(1,400),random(1,100))
}