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