Retour aux projets

Cours Koï, cours!

Introduction du projet

  • Individuel
  • 6 sem.
  • Jeu en ligne style 'flash'

Je devais réaliser un petit jeu en ligne du type "tir à la troisième personne", en prenant en charge toutes les étapes de la réalisation, du game design à la programmation complète du jeu.

C’était ma première expérience avec la programmation orientée objet, qui m’a permis de me familiariser avec la nomenclature TypeScript et l’organisation du code en modules.

Mes rôles

Conception et programmation

Technologies/outils

Programmation orientée objet, CreateJS, TypeScript, Adobe Animate, Adobe Illustrator

Code complet du projet disponible sur GitHub

Réalisations

  • Idéation, synopsis et game design pour établir les lignes principales du jeu.
  • Création de tous les éléments graphiques nécessaires : protagoniste (le poisson Koï), ennemis, obstacles, décors et autres éléments graphiques, comme les différentes planches visibles tout au long du jeu. Tous créés avec l'aide d'Adobe Illustrator.
  • Animations des différents éléments du jeu créés avec Adobe Animate, et liens créés pour la programmation des animations. Animation créée pour le .gif de chargement aussi.
  • Programmation complète du jeu en programmation orientée objet, incluant les changements visuels et auditifs du jeu.

Gameplay

Éléments graphiques

Cycle de marche des ManekiNeko, antagonistes du jeu, avec leur différents états selon les interactions dans le jeu. Cycle de marche (ou frétillement, dans le cas de Koï), ainsi que les différents états du protagoniste. Animation faite image par image, pour conserver le style graphique du jeu. Obstacles que doit éviter Koï. Sont adaptés au thème de chaque niveau. Éléments graphiques qui composent le niveau 2 : le bureau. En plus d’avoir de nouveaux obstacles, la musique est elle aussi légerement différente du niveau 1. Éléments graphiques qui composent le niveau 1 : la cuisine. La table est statique, tandis que tous les autres éléments défilent pour donnent l’impression que Koï progresse dans le niveau.

Tableaux explicatifs et transitions

Écran affiché au début de chaque niveau. Premier écran du jeu. Donne la prémisse, les contrôles principaux et alternatifs, en plus de nous présenter les obstacles et ennemis. Écran de fin de niveau échoué.. Écran de fin de niveau réussi.