Table des matières:
Vidéo: JeuTropFacile - WayTooEasyGame : 3 étapes
2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-30 09:07
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
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
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é:
Comment fabriquer une antenne double biquade 4G LTE en quelques étapes faciles : 3 étapes
Comment créer une antenne double biquade 4G LTE Étapes faciles : La plupart du temps, je n'ai pas une bonne force de signal pour mes travaux quotidiens. Donc. Je recherche et essaye différents types d'antenne mais ne fonctionne pas. Après une perte de temps, j'ai trouvé une antenne que j'espère fabriquer et tester, car ce n'est pas un principe de construction
Game Design dans Flick en 5 étapes : 5 étapes
Game Design dans Flick en 5 étapes : Flick est un moyen très simple de créer un jeu, en particulier quelque chose comme un puzzle, un roman visuel ou un jeu d'aventure
Système d'alerte de stationnement en marche arrière Arduino - Étapes par étape : 4 étapes
Système d'alerte de stationnement en marche arrière Arduino | Étapes par étape : dans ce projet, je vais concevoir un circuit de capteur de stationnement inversé pour voiture Arduino simple à l'aide d'un capteur à ultrasons Arduino UNO et HC-SR04. Ce système d'alerte de marche arrière basé sur Arduino peut être utilisé pour une navigation autonome, une télémétrie de robot et d'autres r
Détection de visage sur Raspberry Pi 4B en 3 étapes : 3 étapes
Détection de visage sur Raspberry Pi 4B en 3 étapes : dans ce Instructable, nous allons effectuer une détection de visage sur Raspberry Pi 4 avec Shunya O/S en utilisant la bibliothèque Shunyaface. Shunyaface est une bibliothèque de reconnaissance/détection de visage. Le projet vise à atteindre la vitesse de détection et de reconnaissance la plus rapide avec
Miroir de vanité de bricolage en étapes faciles (à l'aide de bandes lumineuses à LED): 4 étapes
Miroir de vanité DIY en étapes faciles (à l'aide de bandes lumineuses à LED) : Dans cet article, j'ai fabriqué un miroir de vanité DIY à l'aide des bandes LED. C'est vraiment cool et vous devez les essayer aussi