Jeu 2D

Auteur

Maoudjoudi Jeu 2D

Projet

Nom du jeu : Jeu Vaisseau Spatial

Type de jeu : Jeu d'arcade

Plateforme : Navigateur web

Scénario :Le joueur incarne le pilote d'un vaisseau spatial de technologie avancé :), évoluant dans un espace lointain peuplé d'ennemis extraterrestres. Son vaisseau est équipé de puissantes armes pour se défendre, mais il doit constamment esquiver les projectiles ennemis et les ennemis eux-mêmes. Chaque vague d'ennemis devient de plus en plus difficile à gérer à mesure que le jeu progresse, mettant à l'épreuve la réactivité et la stratégie du joueur.

Objectifs

      # Approfondir et acquérir des compétences
      # Création, Imagination
      # Découverte
      # Tester mes compétences
      # S'amuser et S'améliorer 

Étapes de votre projet

Définir l'idée du jeu : j'ai Commencé par réfléchir à l’idée de mon jeu. Est-ce un jeu de plateforme, un jeu de puzzle, un jeu de tir, etc. ? Que doit faire le joueur et quel est l’objectif du jeu.

Établir les règles du jeu : Préciser les règles fondamentales : Comment le joueur gagne-t-il ? Quelle est la mécanique de jeu ? Quel genre d’interaction l’utilisateur aura avec le jeu.

Choix des outils et technologies.

Initialisation des fichiers HTML et JavaScript : Crée un fichier index.html pour la structure de ta page, et un fichier jeu.js (par exemple) où tu écriras ton code JavaScript.

Compétences

Les variables, les boucles, les conditions, les fonctions.

HTML et CSS, pour l'affichage du jeu ou les événements utilisateur.

Gestion des entrées de l'utilisateur (clavier, souris.), utiliser les touches de clavier ou les mouvements de souris et les transformer en actions dans le jeu.

Événements de souris et de clavier pour ça j'ai du utiliser des événements comme keydown, keyup, mousemove

Graphismes et Animation : HTML5 Canvas : Utiliser le <canvas> pour dessiner des éléments 2D (sprites, arrière-plans, objets animés, etc.). Savoir comment dessiner des formes, des images.

Logique de jeu : Gestion de la physique du jeu : Calculer des mouvements, des collisions, et la gravité si nécessaire.(je me suis inspiré des exemples dans la bibliothèques JavaScript).

Mécaniques de jeu : Concevoir des règles du jeu, des comportements des ennemis, de la gestion des scores, de la santé, etc.

Gestion des niveaux : Organiser les niveaux ou scènes du jeu et leur progression.

Tableaux et objets : Pour gérer des entités dans le jeu (personnages, ennemis, projectiles, etc.), j'ai utilisé des tableaux.

Algorithmes de collision : Calculer si un objet touche un autre objet (collision rectangulaire ou circulaire, par exemple).

Boucle de jeu : Créer une boucle continue pour rafraîchir l'affichage du jeu.

SetInterval et requestAnimationFrame : Ces fonctions sont essentielles pour les animations et pour garantir que ton jeu tourne à une vitesse constante.

Bibliothèques et frameworks : Phaser.js (je recommande) : Si tu veux aller plus vite et ne pas partir de zéro, tu peux utiliser un framework de jeu comme Phaser.js. Il offre de nombreuses fonctionnalités pour la gestion des scènes, des animations, des entrées utilisateur, et des ressources.

Date

17/03/2025 au 28/03/2025

Ressources

• https://kinsta.com/fr/blog/bibliotheques-javascript/
• https://github.com/phaserjs/phaser
• Votre présentation finale (celle que vous allez présenter au jury)

Aide technique

• Contact
• Infos diverses

matériel et outils utilisés

Ordinateur, VS code, HTML/CSS, JavaScript

Photos