Cuprins:

JeuTropFacile - WayTooEasyGame: 3 pași
JeuTropFacile - WayTooEasyGame: 3 pași

Video: JeuTropFacile - WayTooEasyGame: 3 pași

Video: JeuTropFacile - WayTooEasyGame: 3 pași
Video: (RE)DÉCOUVRONS UNDERTALE en LIVE! 2024, Noiembrie
Anonim
JeuTropFacile - WayTooEasyGame
JeuTropFacile - WayTooEasyGame

Acesta este un joc realizat în întregime pe HTML și JavaScript cu biblioteca P5js. Există 2 fișiere denumite index.html și sketch.js. Sunt foarte începător în cod, așa că îmi pare rău dacă nu este clar.

Puteți juca jocul cu acest link

Controlezi o bilă albă cu tastele săgeată și trebuie să eviți mingea roșie (în prezent, există doar una).

Am creat 2 variabile: posX = 200 și posY = 200

Pe sketch.js, am creat o canva în setarea funcției cu 640x pe 480y cu un fundal gri în desenul funcției, apoi am creat un cerc alb cu poziția pe posX, posY, 75, 75.

Pasul 1: Mutarea cercului

Mutarea cercului
Mutarea cercului

Așa cum am spus înainte, puteți utiliza tastele săgeată pentru a muta cercul.

Pentru aceasta am creat o funcție updatePositionEllipse ().

Am folosit această condiție pentru a o face să funcționeze: if (keyIsDown (DOWN_ARROW)) {

posY + = 5;

}

Când este apăsată tasta în jos, cercul se deplasează în jos.

L-am folosit pe toate celelalte taste, astfel încât să vă puteți deplasa la stânga, la dreapta, în sus și în jos.

Pasul 2: Crearea chenarelor limită

Crearea chenarelor limită
Crearea chenarelor limită

Pentru a face ca bila albă să se oprească la sfârșitul canvei am folosit funcția testOutOfScreen.

În interiorul acestuia, am folosit condiția if (posX> 600) {

posX = 600; greutate accident vascular cerebral (6); accident vascular cerebral („albastru”); linie (637, 0, 637, 480); }

dacă poziția lui x este superioară a 600: blochează mingea și trasează o linie albastră cu o margine 6 plasată pe partea dreaptă a canvei.

Fac asta pentru fiecare frontieră.

Recomandat: