Retourner à la liste des projets
Logo du jeu Fazer réalisé par Quentin Masbernat

Jeu Fazer

Le projet

Therence Ferron Pepe Developpement Web Angers

Pour valider la première année de notre bachelor à MyDigitalSchool, durant deux semaines à la fin de l'année nous sommes en partiels afin de développer un projet.
Alors, avec un groupe de 4 nous avons décider de créer un jeu-vidéo !

Grand logo Fazer réalisé par Quentin Masbernat

Accompagné de Quentin Masbernat, Melissa Belleau et Thomas Laserre nous avons créé un jeu en se basant sur le Framework PhaserJS. Nous avions pour but de développer le jeu, que ce soit en terme de jouabilité ou tous les élements de décor et personnages. Ainsi qu'un site autour jeu avec un système d'inscription/connexion pour enregistrer le score des joueurs, une partie pour présenter l'équipe et enfin mettre en place une présence sur les réseaux-sociaux.

Gif de skins de Fazer réalisés par toute l'équipe Fazer

Développement

Pepe réalisé par Thérence Ferron sur Photoshop

Lorsque nous avons débuté le développement du jeu, nous nous sommes répartis les tâches afin d'aller le plus vite possible (seulement 2 semaines pour créer un jeu !). Quentin a proposé d'uiliser le Framework PhaserJS, qu'il ne connaissait pas, mais qui allait lui permettre de développer plus facilement le jeu.

Screenshot de la boutique du site Fazer

De mon côté, avec Thomas Laserre, je me suis occupé dans un premier temps de créer les sprites des personnages et ennemis. Un sprite c'est une suite d'images mises les unes à côté des autres, qui représente les animations que va avoir un personnage, exemple :

Exemple de sprite d'un ennemi du jeu Fazer

Nous avons dessiner un bon nombre de personnages, d'alternatives, créer les animations des bonus en jeu, et surtout créer tous les ennemis. Cela nous a pris la majeure partie des deux semaines. Il fallait créer plusieurs type d'animations pour chaque personnage, l'animation d'apparition, de marche, de mort, d'attaque ... Voici un aperçu de tous les personnages que nous avons fait :

Image ou l'on peut voir la liste des personnages du jeu Fazer

Résultat

Pepe réalisé par Thérence Ferron sur Photoshop

Au bout des deux semaines de partiels, nous avons atteints nos objectifs: Créer un jeu complet, développer un site sur lequel on peut créer un compte et enregistrer ses scores, créer des réseaux sociaux. Le jeu était en ligne à cette adresse : http://fazer.yj.fr/, nous avons aussi créer un Twitter : @TheFazersQuest.
Avant le début de notre présentation pour les partiels nous avons partagé une vidéo teaser que j'ai réalisé. Puis nous avons mis en ligne le site et de nombreuses personnes se sont mise à jouer et à poster leurs scores sur Twitter.

Animation de chargement du site Fazer réalisé par Quentin Masbernat

Je vous mets en bonus la vidéo teaser que nous avons partagé sur les réseaux sociaux :