Réalisé dans le cours de
Programmation web et multimédia III
À l’aide de
- Animate
- Illustrator
- Audition
- HTML5
- CSS
- TypeScript
Jetpack Labo est un jeu vidéo de type Shooter, concocté à partir de nos animations dans Adobe Animate et de programmation en TypeScript, suivant le modèle orienté objet. Divers éléments graphiques ont été imaginés puis animés, incluant l'avatar, l'antagoniste, les obstacles, le projectile, les éléments du décor, le système de pointage, les points de vie ainsi que les écrans de début de partie. Par ailleurs, des effets sonores captivants ainsi qu'une bande-son envoutante ont été soigneusement intégrés au jeu.



Les étapes de réalisation
01
Synopsis et Moodboard

Au cours de cette étape, nous avons travaillé sur la création du synopsis du projet ainsi que du moodboard. Le synopsis a servi à définir de manière concise le concept et l'histoire du jeu, tandis que le moodboard a permis de rassembler des inspirations visuelles et stylistiques pour orienter la direction artistique du jeu.
02
Préparation des médias et animations

Pour cette étape, nous nous sommes concentrés sur la création des divers médias nécessaires, notamment pour l'avatar, l'antagoniste et les obstacles.
03
Animations avatar et antagoniste

Pour cette étape, nous avons travaillé sur la création d'animations captivantes de courte durée pour l'avatar et l'antagoniste. Pour l'avatar, nous avons conçu trois états animés distincts : le déplacement, le tir et le statut touché ou hors combat. Quant à l'antagoniste, deux états animés ont été développés : le déplacement et le statut touché ou hors combat.
04
Programmation

Cette étape du projet consistait à élaborer la programmation du jeu Jetpack Labo, un Shooter vidéo. À partir de nos animations créées dans Adobe Animate et grâce à une programmation en TypeScript suivant le modèle orienté objet, nous avons mis en place divers éléments graphiques tels que l'avatar, l'antagoniste, les obstacles, le projectile, les éléments du décor, le système de pointage, les points de vie ainsi que les écrans de début de partie.
Projet réalisé par
Louis-Philippe Roy
Initialement, j'ai choisi de suivre la Technique d'Intégration multimédia pour son aspect créatif et multimédia. Cependant, au fil du temps, j'ai développé une véritable passion pour la programmation et l'intégration. Cette évolution m'a permis d'explorer de nouveaux horizons et d'approfondir mes compétences dans ces domaines.
Voir d’autres projet de Louis-Philippe
1 e Année

Roadtrip
- Conception
- Figma
- Photoshop
2 e Année

Sépaq
- Conception
- Figma
- Photoshop
- Illustrator
2 e Année

Festival OFF
- Conception
- Intégration
- Programmation
- Médias
- Figma
- Photoshop
- HTML5
- SASS
- PHP
- SQL
- JavaScript
2 e Année

Brûlerie TIM
- Conception
- Figma
- Photoshop
- Illustrator
2 e Année

Digital Dynamos – Agence Web
- Conception
- Intégration
- Programmation
- Médias
- Figma
- Wordpress
- PHP
- HTML
- CSS.
1 e Année

TimZine
- Conception
- Figma
- CSS
- HTML5
2 e Année

Coopsco: Caféteria
- Conception
- Figma
- Axure
- Photoshop
1 e Année

Alaïa
- Conception
- Figma
- Photoshop
- Illustrator
2 e Année

Le Jeu – Jetpack Labo
- Conception
- Intégration
- Programmation
- Médias
- Animate
- Illustrator
- Audition
- HTML5
- CSS
- TypeScript
3 e Année

La Pastèque - LAC
- Conception
- Intégration
- Programmation
- Médias
- HTML5
- CSS
- PHP
- SQL
- MVC
- Javascript
- GitHub
- Adobe Photoshop
- Axure
- Figma