Aaah, mon projet préféré ! J’ai créé un jeu vidéo ! Bon, il s’agit d’un jeu vidéo sur navigateur en Javascript (vive la POO et Phaser3), mais quand même !
Je devais programmer un élément interactif, j’ai donc choisi de faire un jeu vidéo. Lost est de loin mon plus gros projet, j’ai rencontré un paquet de difficultés, j’ai passé beaucoup de nuits blanches, mais c’est le projet dont je suis le plus fier.
En tout, j’ai mis 1 mois et demi à le réaliser (Conception, Histoire, Recherche d’outils, Code).
Concept
Pour ce jeu, je savais dès le début que malgré mon ambition, j’étais limité techniquement. J’ai donc décidé de partir sur un jeu accès plus narratif/histoire que gameplay pur, donc des mécaniques de jeu pas très compliquées mais une histoire un tant soit peu travaillée (mdr).
Le style « top-down » (vue du dessus, ouai je suis un peu américain) à la Zelda ou Pokémon m’a paru être un style adapté à ce que je voulais créer.
Une fois le concept du jeu bien dans ma tête, encore fallait-il le faire. Durant mes recherches, je suis tombé sur un éditeur de cartes : « Tiled », facile d’utilisation et surtout compatible avec le moteur que j’allais utiliser : Phaser3.
Outils
Afin de créer Lost, j’ai utilisé l’éditeur de cartes « Tiled », qui permet de réaliser des décors et du terrains à partir de plusieurs images appelées « sprite ».
J’ai donc commencé par créer le décor dans lequel mon personnage allait évoluer. Une fois la carte prête, je l’ai laissée de côté pour passer à l’élément principal : Qu’est-ce que ce jeu ? Qu’est-ce qu’on doit y faire ?
Pour y répondre il fallait que je trouve ma petite histoire à raconter. Après avoir réfléchi 3 minutes sur l’histoire la plus courte du siècle, j’ai rapidement décidé de ce que Michel (le héros de ma fabuleuse histoire) pouvait faire. Encore une fois rattrapé par mon manque d’expérience ainsi que le temps imparti, j’ai décidé qu’il ne pourra que marcher, parce que marcher, c’est bien.
J’étais maintenant prêt à traduire cela en code, je me suis servi d’une librairie en Javascript connue : Phaser3.
Technologies utilisées
Lost a été codé en Javascript entièrement, grâce à Phaser 3. J’ai dû apprendre une vaste librairie, comment elle fonctionne, comment elle interagie. Bien sûr, ça a fait beaucoup d’informations d’un coup, et puis cette librairie utilisait la P.O.O (Programmation Orientée Objet), dont j’avais appris l’existence deux semaines avant ce projet. Mais heureusement, les tutos existent, et Phaser3 en possède d’excellent. Aussi, merci aux centaines de tutos que j’ai suivi sur YouTube.
Après avoir réussi à créer un jeu fonctionnel de A à Z, j’ai, non sans peine, réussi à l’héberger à l’aide d’Heroku. J’ai beaucoup résumé, mais voilà comment j’ai codé mon premier jeu vidéo !