Jeu sur le web

R505 Développement Front avancé
Alwaysdata, Développement Front-End, Docker, GitHub, Hébergement, HTML/CSS, JavaScript, React, Tailwind CSS
Avatar de l'auteur Mohammed
20 janvier 2025

Collaborateur(s) :

Jeu sur le web

Voir le projet : Github

Aucun lien de site


Création de Jeux Vidéo Web avec Différentes Technologies : Un Projet Collaboratif

Dans le cadre de notre projet de développement, nous avons eu l’opportunité de créer plusieurs jeux vidéo sur le web en utilisant différentes technologies et outils. L’objectif était non seulement de créer des jeux amusants et engageants, mais aussi de travailler en équipe pour maîtriser et appliquer des technologies web comme Three.js, les Canvas HTML, et bien plus encore. Chaque groupe a choisi un jeu à développer, dans une période impartie, en utilisant la technologie qui correspondait le mieux à leur concept.

Une Approche Collaborative : GitHub et Branches

Pour organiser notre travail et garantir que tous les projets puissent être rassemblés sur un seul site à la fin du projet, nous avons créé un dépôt GitHub. Ce dépôt a servi de base pour héberger le code de chaque jeu, avec des branches distinctes pour chaque équipe. Chaque groupe avait sa propre branche, dans laquelle il a développé son jeu vidéo. À la fin du projet, toutes les branches ont été fusionnées, permettant à chaque jeu de figurer sur le même site web, accessible à tous.

Les Technologies Utilisées

Pour créer ces jeux, nous avons principalement utilisé Three.js, une bibliothèque JavaScript qui permet de créer des scènes 3D interactives dans le navigateur. Cette technologie a été choisie par certains groupes pour créer des jeux nécessitant des graphismes en trois dimensions, offrant ainsi une expérience plus immersive.

D’autres groupes ont opté pour l’utilisation du Canvas HTML, une fonctionnalité native du HTML5 qui permet de dessiner directement dans une zone spécifique de la page web. Le Canvas est parfait pour des jeux en 2D comme des puzzle games, des jeux de plateformes ou des jeux de type arcade.

Nous avons également exploré des solutions pour rendre les jeux interactifs, avec des mécanismes de collision, des animations, et des effets sonores, pour offrir aux joueurs une expérience engageante et dynamique.

Chaque Groupe Choisit Son Jeu

Chaque groupe a choisi de réaliser un jeu vidéo spécifique, avec des contraintes et des spécifications propres à leur projet. Voici quelques exemples des jeux créés :

  • Jeu de plateforme en 2D : Un groupe a choisi de créer un jeu de plateforme classique, avec un personnage qui saute d’une plateforme à l’autre, collectant des objets et évitant des obstacles. Le jeu a été réalisé en utilisant le Canvas HTML pour une animation fluide et une gestion simple des collisions.
  • Jeu de course en 3D : Un autre groupe a opté pour un jeu de course automobile en 3D. Ce jeu a été développé avec Three.js, qui a permis de créer des graphismes en trois dimensions et de simuler une expérience de conduite réaliste.
  • Jeu de tir spatial : Un autre projet a consisté à créer un jeu de tir spatial avec des vaisseaux ennemis et des lasers. Ce jeu, lui aussi développé avec Three.js, offre un environnement en 3D où le joueur contrôle un vaisseau qui doit éviter des projectiles tout en éliminant les ennemis.

Gestion du Code avec GitHub

Tout au long du projet, GitHub a joué un rôle essentiel dans la gestion du code source. Grâce à des branches séparées, chaque équipe a pu travailler de manière indépendante sur son propre jeu sans interférer avec les autres projets. Cela a permis une collaboration fluide, avec la possibilité de fusionner les changements lorsque cela était nécessaire.

Le dépôt centralisé a également facilité le suivi de l’avancement des projets, l’intégration des nouvelles fonctionnalités, et la résolution de problèmes en équipe. GitHub a également servi de base pour déployer les versions finales de chaque jeu sur le site.

Le Résultat Final : Un Site Web Collectif

À la fin de la période de développement, tous les jeux ont été réunis sur le même site web, accessible à tous. Grâce à l’organisation du travail via GitHub, chaque groupe a pu voir son jeu en ligne, fonctionnant de manière autonome tout en étant intégré dans un site collectif.

Ce projet a non seulement permis à chaque membre de l’équipe de développer des compétences en programmation, mais aussi d’apprendre à collaborer efficacement, à gérer du code source, et à travailler avec des technologies modernes du web.

Conclusion

Créer plusieurs jeux vidéo sur le web en utilisant des technologies comme Three.js et HTML Canvas a été une expérience enrichissante et stimulante. Chaque groupe a pu s’approprier une technologie spécifique et relever les défis associés à la création de jeux vidéo interactifs. Le projet a également renforcé l’importance de la collaboration, de la gestion de version avec GitHub, et de l’intégration de plusieurs projets dans un même site.

Nous espérons que ce projet inspirera d’autres développeurs à se lancer dans la création de jeux vidéo sur le web, en explorant la richesse des technologies disponibles et en travaillant ensemble pour atteindre un objectif commun.

Laisser un commentaire