Sommario:

JeuTropFacile - WayTooEasyGame: 3 passaggi
JeuTropFacile - WayTooEasyGame: 3 passaggi

Video: JeuTropFacile - WayTooEasyGame: 3 passaggi

Video: JeuTropFacile - WayTooEasyGame: 3 passaggi
Video: Балансировка расширений игры с помощью Dspav 2024, Novembre
Anonim
JeuTropFacile - WayTooEasyGame
JeuTropFacile - WayTooEasyGame

Questo è un gioco interamente realizzato in HTML e JavaScript con la libreria P5js. Ci sono 2 file denominati index.html e sketch.js. Sono molto principiante nel codice quindi mi scuso se non è chiaro.

Puoi giocare con questo link

Controlli una pallina bianca con i tasti freccia e devi evitare la pallina rossa (attualmente ce n'è solo una).

Ho creato 2 variabili: posX = 200 e posY = 200

Su sketch.js, ho creato un canva nell'impostazione della funzione con 640x per 480y con uno sfondo grigio nel disegno della funzione, quindi ho creato un cerchio bianco con posizione su posX, posY, 75, 75.

Passaggio 1: spostare il cerchio

Muovere il cerchio
Muovere il cerchio

Come ho detto prima, puoi usare i tasti freccia per spostare il cerchio.

Per farlo ho creato una funzione updatePositionEllipse().

Ho usato questa condizione per farlo funzionare: if (keyIsDown(DOWN_ARROW)) {

posizione += 5;

}

Quando si preme il tasto giù, il cerchio si sposta verso il basso.

L'ho usato su tutti gli altri tasti in modo da poterti spostare a sinistra, a destra, su e giù.

Passaggio 2: creazione di bordi limite

Creazione di bordi limite
Creazione di bordi limite

Per far fermare la pallina bianca alla fine della tela ho usato la funzione testOutOfScreen.

Al suo interno, ho usato la condizione if (posX > 600) {

posX = 600; corsaPeso(6); tratto('blu'); riga (637, 0, 637, 480); }

se la posizione di x è superiore a 600: blocca la palla e disegna una linea blu con un bordo 6 posto sul lato destro della tela.

Lo faccio per ogni confine.

Consigliato: