Création d'un jeu RPG (style Legend of Zelda)
Initiation à MakeCode Arcade et à la programmation de jeu vidéo
Création d'un jeu RPG (style Legend of Zelda)
Initiation à MakeCode Arcade et à la programmation de jeu vidéo
Lien vers l'application
Microsoft MakeCode Arcade
Description du projet
Le projet vise à emmener les élèves dans un voyage créatif et éducatif à travers le monde du jeu de rôle (RPG), s'inspirant du légendaire "The Legend of Zelda" de 1986 de Nintendo. Utilisant la plateforme MakeCode Arcade, les élèves auront l'occasion de développer leurs compétences en pixel art, level design et programmation de sprites, créant ainsi un univers interactif et captivant.
Dans ce RPG, les élèves seront encouragés à concevoir des décors et des personnages pixelisés uniques, en exprimant leur créativité à travers le design visuel. Le gameplay impliquera la programmation de divers éléments, tels que les mouvements des protagonistes, les attaques ennemies, les projectiles, et les mécanismes de collecte d'items. Ils auront également l'opportunité de créer des énigmes et des quêtes pour enrichir l'expérience des joueurs si l'élève désire aller plus loin.
Les élèves développeront des compétences essentielles telles que la collaboration, la résolution de problèmes et la pensée logique. Ils auront également la chance d'explorer des concepts de mathématiques et de physique à travers la programmation, renforçant ainsi leur compréhension des matières académiques tout en s'amusant.
À la fin du projet, les élèves auront créé un jeu vidéo entièrement fonctionnel, qu'ils pourront partager et jouer entre eux, célébrant ainsi leurs réalisations dans le domaine de la technologie et de la créativité. Ce projet stimulant favorisera non seulement leur passion pour le jeu vidéo, mais aussi leur aptitude à créer et à collaborer dans un environnement numérique.
Critères à respecter pour la remise du travail
Avoir un héros et un ennemi dessinés dans son jeu.
Avoir 2 niveaux et 2 interactions.
ou
Avoir 1 niveau et 3 interactions.
Avoir un projectile qui se lance du héros avec le bouton A.
Avoir un héros qui se déplace avec la croix directionnelle.
Qu'est-ce que le "pixel art"?
Le pixel art est une forme d'art numérique où les images sont créées en utilisant des pixels, qui sont les plus petites unités graphiques constituant une image numérique. Chaque pixel est une petite case colorée et carrée qui, lorsqu'elle est combinée avec d'autres pixels, forme une image plus grande.
L'artiste de pixel art utilise ces pixels individuels de manière intentionnelle pour créer des œuvres d'art. Chaque pixel est placé avec précision, en choisissant des couleurs spécifiques, pour former des dessins détaillés. Ces œuvres peuvent représenter des personnages, des scènes, des objets ou même des paysages.
Le pixel art a une esthétique distincte qui rappelle souvent les graphismes des anciens jeux vidéo, car ces jeux utilisaient des pixels pour afficher des images à l'écran. Ainsi, le pixel art évoque souvent un sentiment de nostalgie pour les personnes qui ont grandi en jouant à ces jeux.
Exemples que quelques jeux vidéo utilisant cette forme d'art: The Legend of Zelda, Minecraft, Terraria, Broforce, Dead Cells, Towerfall, etc.
Lien vers le studio de jeux vidéo québécois Tribute Games qui utilise beaucoup le "Pixel Art" dans leurs jeux: https://tributegames.com/fr/
Minecraft de Mojang Studios
Terraria de Re-Logic
Panzer Paladin de Tribute Games
The Legend of Zelda
Partie 1: Connexion à mon compte Microsoft et "pixel art"
Objectif: Créer mon premier "sprite" (votre héros)
1 - Connexion à la plateforme Microsoft MakeCode Arcade avec votre compte élève Microsoft (@cskr.ca)
1 - Cliquer sur le bouton "Connexion"
2 - Cliquer sur le bouton "Microsoft" et connectez-vous avec votre compte scolaire Microsoft (qui se termine par @cskr.ca)
Note: Tous vos projets seront sauvegardés sur ce compte.
01 - Connexion
2 - Création d'un projet et nom du projet
1 - Cliquer sur le bouton "+"
2 - Donner un nom à votre projet
Note: Donner au titre de votre projet le nom de votre héros.
02 - Nouveau projet
3 - Création de mon premier "Sprite" dans l'éditeur
1 - Cliquer sur l'onglet "Ressources" et cliquer sur le + en vert
2 - Cliquer sur "Image"
3- Redimensionner votre image en bas à gauche de l'éditeur (16 px par 16 px)
4 - Réaliser votre premier "Sprite" (16 pixels par 16 pixels), le héros de votre jeu
Critères à respecter
Choix du sprite à réaliser:
un personnage
un animal
Grandeur minimal:
12 px par 14 px (dans un carré 16 px par 16 px)
Nombre de couleurs minimal pour le personnage ou l'animal:
3 couleurs
Nombre de frames minimal par animation:
4 frames
5- Réaliser les 4 facettes de votre héros
4 - Tutoriels pour vous aider
04 - Réalisation du personnage de face
05 - Réalisation du personnage vue de droite
03 - Réalisation du personnage de dos
06 - Réalisation du personnage vue de gauche
5 - Quelques sprites pour vous inspirer
Partie 2: "Pixel animations"
Objectif: Créer mon premier sprite animé
1 - Création d'une animation dans l'éditeur
1- Sélectionner l'outil "Marquee tool" ou Ctrl + A (pour tout sélectionner votre image)
2- Sélectionner votre "sprite" de base et copier-le (Ctrl + C)
3- Créer une nouvelle ressource
4- Sélectionner Animation
5- Coller votre "sprite" (Ctrl + V) et créer votre animation du déplacement vers la gauche
Note: Assurez-vous d'avoir au minimum 4 images dans votre animation, d'utilisez l'outil "Dupliquer" pour économiser du temps et de donner un nom à votre animation (exemple: haut, bas, gauche et droite).
6- Créer une animation pour chacun des boutons de la croix directionnelle
3 - Quelques sprites animés pour t'inspirer
Mega Man par Nintendo
Mario Bros par Nintendo
Partie 3: Jouabilité de votre sprite
Objectif: Rendre votre sprite jouable
Script de base pour faire bouger à l'écran votre héros animé
07 - Déplacement du personnage
09 - Vitesse du personnage
08 - Positionnement du personnage
Partie 4: Création d'un niveau
Objectif: Créer le premier niveau de votre RPG (role playing game)
Créer un niveau
L'éditeur de niveau
Activer ce bouton pour créer des murs dans votre niveau. Les murs dans ton niveau s'afficheront en rouge dans l'éditeur
Quelques bloques importants en lien avec la création d'un niveau
10 - Création d'un niveau
Partie 5: Création d'un projectile
Objectif: Créer un projectile afin d'anéantir vos ennemis
Quelques bloques importants en lien avec la création d'un projectile afin que le personnage tire dans la bonne direction
Quelques bloques importants en lien avec la création d'un projectile afin que le personnage tire dans la bonne direction
En cliquant sur un bloque avec le bouton de droite de la souris, vous pouvez utiliser la fonction "dupliquer" pour reproduire des bloques plus rapidement
11 - Création d'un projectile
16 - Création d'un interaction entre un projectile et un ennemi
Partie 6: Vie du héros et création d'interactions avec des ennemis et des items
Objectif: Insérer la vie, des ennemis et un boss à votre RPG
Bloque pour ajouter de la vie à votre héros
Script pour faire mourir le héros quand il n'a plus de vie
Script pour ajouter un ennemi qui va bouger aléatoirement dans le niveau
Bloque pour ajouter de nombreux ennemis dans le niveau
Script pour faire perdre de la vie au héros lorsqu'il heurte un ennemi
Bloque pour ajouter des points à votre jeu
Script pour introduire un item à mon jeu et les faire apparaître aléatoirement dans le niveau
Script pour ramasser des items dans le niveau et qui vous feront gagner des points dans le jeu
Script pour éliminer des ennemis à l'aide d'un projectile
Bloque pour faire apparaître le titre de votre jeu ou les explications de celui-ci
13 - Position d'un ennemi dans un niveau
15 - Création d'un interaction entre le héros et un ennemi
23 - Création d'un boss
14 - Déplacement d'un ennemi dans un niveau
16 - Création d'un interaction entre un projectile et un ennemi
Partie 7: Création d'un second niveau et changement de niveau
Objectif: Changer de niveau dans le RPG
20 - Création d'un second niveau (partie 1)
21 - Création d'un second niveau (partie 2)
Partie 8: Création de la fin du jeu
Objectif: Gagner dans votre jeu
18 - Fin du jeu en touchant un item
19 - Fin du jeu avec un score précis
Extra
12 - Création d'un écran d'accueil
22 - Ramasser des items et intégrer un inventaire
17 - Insertion d'un item à un endroit précis dans le niveau
Conclusion du projet
Vous avez appris à faire du "pixel art", à créer un sprite, à l'animer et à programmer la base de la jouabilité d'un RPG. Maintenant, vous pouvez aller plus loin et essayez de réaliser ces défis dans votre jeu:
Améliorer les animations de vos sprites (cheveux qui bougent, yeux qui clignent, bouche qui ouvre, costume qui bouge, projectile qui s'enflamme, etc.);
Dessiner plus d'ennemis, des boss et les ajouter au jeu;
Ajouter plus de niveaux;
Ajouter des items qui donnent des pouvoirs à votre héros (potion qui fait courir plus vite, armure qui change votre apparence, etc.);
Ajouter une musique à votre jeu et des effets sonores en lien avec chaque sprite et chaque interaction;
Etc.
Liste de lecture YouTube de l'ensemble des tutoriels