Back to projects

Cours Koï, cours!

Project introduction

  • Individual
  • 6 weeks
  • Online flash-style game

I had to create a small thrid person shooter browser game, while being responsible of all creative steps : from game design to complete programming.

This was my first experience with object oriented programming, and was also when I got to familiarize myself with TypeScript writing norms, as well as modular code.

My roles

Conception and programming

Technologies/tools

Object oriented programming, CreateJS, TypeScript, Adobe Animate, Adobe Illustrator

Full code available on GitHub

Accomplishments

  • Ideation, synopsis and game design to establish guiding lines for the game.
  • Creation of all necessary graphic elements : adaptation of the protagonist (Koï the fish), ennemies, obstacles, decor elements, etc. All game panels and UI éléments where also created from scratch.
  • All the animations of the different in-game characters. Use of both image-by-image animation and movement interpolation, with Adobe Animate.
  • All the code behind the game was done in object oriented programming with TypeScript and CreateJS. Sounds and visual effects were also added.

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.

Instruction and transition panels

É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.