Lien pour pouvoir jouer au jeu :
Date de publication
Ce projet était réalisé le 20 décembre 2022.
Langages de programmation utilisés
HTML5
Le langage HTML5 était utilisé pour structurer l’interface du jeu. J'ai principalement utilisé la balise <canvas>. Elle permet de dessiner et d’animer des éléments graphiques directement sur la page web. Grâce à cette balise, j'ai pu créer la scène du jeu où se déroulent les différentes actions, ainsi que l’interface d’introduction du jeu.
JavaScript
Le code le plus utilisé dans ce projet est JavaScript.
Voici comment j'ai utilisé JavaScript :
Gestion des événements : J'ai programmé la capturation des interactions de l’utilisateur, comme les clics de souris ou les pressions de touches de clavier, pour démarrer le jeu et contrôler les mouvements de l'avion.
Mouvements et collisions : J'ai programmé les déplacements de l'élément contrôlé par le joueur, ainsi que la détection des collisions avec d’autres objets du jeu. Lors de ces collisions, il y a des effets sonores qui se produisent.
Compteurs : J'ai programmé un compteur pour afficher des informations comme le temps restant. Cela m'a permis de gérer la progression du jeu.
Animations : J'ai progammé une feuille de sprites a été utilisée avec JavaScript pour créer des animations fluides. J'ai utilisé un sprite sheet déjà fait de l'internet pour mon avion.
Fin du jeu et redémarrage : J'ai également programmé la détection de la fin de la partie, j'ai programmé l'affichage d'un message personnalisé selon la résultat du joueur (réussite ou échec), et j'ai programmé pour permettre le redémarrage du jeu par simple pression d’une touche.
Description du projet
Pour mon projet de session, j’ai dû créer un mini jeu 2D en utilisant JavaScript et la balise HTML5 canvas. Ceci était mon premier jeu fait en Javascript. Le jeu se déroule dans un environnement de mon choix. J'ai décidé de faire un champ de bataille où les missiles américaines et les robots américains attaquent un avion au dessus du Lac Érié. Le projet était divisé en deux volets avec des exigences précises à respecter.
Volet 1 : Interface d'introduction et scène de jeu
Le premier volet se focalise sur la création d'une interface d’introduction qui présente l'objectif et les règles du jeu. Cette interface inclut une image de fond et du texte explicatif. Pour débuter la partie, le joueur doit cliquer sur le canvas ou appuyer sur une touche du clavier. Ensuite, dans la scène de jeu, le joueur contrôle un élément (comme une palette ou un personnage) via les touches du clavier, et l’action se déroule en temps réel. Moi, j'ai mis les instructions en début de jeu. De plus, j'ai fait en sorte que l'avion puisse bouger avec les flèches du clavier.
Volet 2 : Interactions et fonctionnalités
Dans le deuxième volet, le jeu doit comporter au moins deux objets interactifs différents avec lesquels le joueur peut entrer en collision. Ces collisions doivent déclencher une rétroaction visuelle ou sonore. J'ai ajouté des missiles et des robots qui vont apparaître à chaque trois secondes pour essayer de détruire l'avion. Chaque fois que l'utilisateur se fait frapper par l'un des ennemis, un effet sonore se fait jouer. Un compteur est également nécessaire pour afficher les points, le temps restant, ou toute autre information pertinente. En fonction de la performance du joueur, un message s'affiche à la fin de la partie. Il peut s'agir d'une réussite ou d'un échec. Il est également possible de redémarrer le jeu en appuyant sur une touche définie.
Éléments supplémentaires et techniques
Le projet devait inclure des sons pour améliorer l’ambiance du jeu, une gestion des collisions avec rétroactions visuelles ou sonores et une animation réalisée à l’aide d’une feuille de sprites. La qualité du code était essentielle. Il devait y avoir des commentaires détaillés. Enfin, l’appréciation générale du gameplay et la complexité du code étaient également évaluées.
Ce projet a permis de combiner mes compétences en programmation avec des éléments visuels et interactifs.