Table des matières:

JeuTropFacile - WayTooEasyGame : 3 étapes
JeuTropFacile - WayTooEasyGame : 3 étapes

Vidéo: JeuTropFacile - WayTooEasyGame : 3 étapes

Vidéo: JeuTropFacile - WayTooEasyGame : 3 étapes
Vidéo: 🇧🇷 ДНЕВНЫЕ БОРДЕЛИ РИО // ЗАБРАЛ ЛЬВИЦУ С ПЛЯЖА ДОМОЙ 🇧🇷 БРАЗИЛИЯ РИО ДЕ ЖАНЕЙРО 2024, Novembre
Anonim
JeuTropFacile - WayTooEasyGame
JeuTropFacile - WayTooEasyGame

Il s'agit d'un jeu entièrement réalisé en HTML et JavaScript avec la librairie P5js. Il y a 2 fichiers nommés index.html et sketch.js. Je suis très débutant en code donc je suis désolé si ce n'est pas clair.

Vous pouvez jouer au jeu avec ce lien

Vous contrôlez une boule blanche avec les touches fléchées et vous devez éviter la boule rouge (actuellement, il n'y en a qu'une).

J'ai créé 2 variables: posX = 200 et posY = 200

Sur sketch.js, j'ai créé un canva dans la configuration de la fonction avec 640x par 480y avec un fond gris dans la fonction draw, puis j'ai créé un cercle blanc avec une position sur posX, posY, 75, 75.

Étape 1: déplacer le cercle

Déplacer le cercle
Déplacer le cercle

Comme je l'ai déjà dit, vous pouvez utiliser les touches fléchées pour déplacer le cercle.

Pour ce faire, j'ai créé une fonction updatePositionEllipse().

J'ai utilisé cette condition pour le faire fonctionner: if (keyIsDown(DOWN_ARROW)) {

posY += 5;

}

Lorsque la touche bas est enfoncée, le cercle se déplace vers le bas.

Je l'ai utilisé sur toutes les autres touches pour que vous puissiez vous déplacer à gauche, à droite, de haut en bas.

Étape 2: Création de bordures limites

Création de bordures limites
Création de bordures limites

Pour que la boule blanche s'arrête à la fin de la toile, j'ai utilisé la fonction testOutOfScreen.

À l'intérieur, j'ai utilisé la condition if (posX > 600) {

posX = 600; poids du trait(6); trait('bleu'); ligne (637, 0, 637, 480); }

si la position de x est supérieure à 600: il bloque la balle et il trace une ligne bleue avec un liseré 6 placé sur le côté droit de la toile.

Je le fais pour toutes les frontières.

Conseillé: