Création d'un jeu plateforme (style Super Mario Bros)
Initiation à MakeCode Arcade et à la programmation de jeu vidéo
Création d'un jeu plateforme (style Super Mario Bros)
Initiation à MakeCode Arcade et à la programmation de jeu vidéo
Liens utiles
Microsoft MakeCode Arcade
Guide complet
Description du projet
Le projet vise à emmener les élèves dans un voyage créatif et éducatif à travers le monde du jeu de plateforme (platformer), s'inspirant du légendaire "Super Mario Bros" de 1985 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 "platformer", 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 du héros, les projectiles et les mécanismes de collecte d'items. Ils auront également l'opportunité de d'intégrer de la musique et de changer de niveau à l'intérieur de leur jeu.
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, un item, un ennemi, une tuile et un niveau dessinés dans son jeu.
Avoir 2 niveaux et 2 interactions
ou
Avoir 1 niveau et 3 interactions.
Exemples d'interactions: un ennemi qui se fait éliminer par un projectile, ton héros qui meurt quand il touche à des piquants, ton héros qui gagne de la vie supplémentaire quand il touche à une potion, ton héros qui perd une vie quand il touche à un ennemi, ton héros qui touche à un coffre pour passer au prochain niveau, etc.
Avoir un projectile qui se lance du héros avec un bouton.
Avoir un héros qui saute avec un bouton et qui intéragit avec la gravité.
Avoir un héros qui se déplace avec la croix directionnelle.
Étapes à suivre dans la réalisation de ton jeu de plate-forme (platformer)
Étape 1 - Création des sprites et d’un niveau.
Étape 2 - Début de la programmation du jeu.
Étape 3 - Faire apparaître le niveau 1.
Étape 4 - Faire apparaître le héros.
Étape 5 - Programmer les mouvements du héros, la gravité et la caméra.
Étape 6 - Programmer le saut de votre héros.
Étape 7 - Programmer la mort du héros avec de la vie.
Étape 8 - Programmer l’apparition des ennemis, ses déplacements et ses interactions avec le héros.
Étape 9 - Programmer un projectile, son lancement à partir du héros et ses interactions avec l'ennemi.
Étape 10 - Programmer la fin d’un niveau (niveau 1) et le passage au niveau suivant (niveau 2).
Images et vidéos pour vous inspirer
Super Mario Bros
Mega Man par Nintendo
Mario Bros par Nintendo
Exemples de jeu de plateforme réalisés par vos enseignants
Par Alexandre Gaudreau
Connexion à Microsoft MakeCode Arcade
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.
1 - Cliquer sur le bouton "+"
2 - Donner un nom à votre projet
Note: Donner au titre de votre projet le nom de votre héros.
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)
Exemple de la conception du héros Jack dans le jeu Jack Bomber, l'exemple de l'enseignant
Création de mon premier niveau dans l'éditeur
Exemple d'un premier niveau simple de 32 px par 16 px
Exemple du premier niveau de Super Mario Bros 1985 - 3 584 px par 240 px
Intégration de mes scripts dans mon jeu
Script de démarrage du jeu
Création d'une première fonction et programmation de l'apparition du niveau 1 du jeu
Programmation de l'apparition du héros dans le niveau
Programmation du saut du héros
Programmation de l'apparition d'un item dans le jeu
Programmation des ennemis qui apparaissent et qui se déplacent dans le niveau
Programmation de la fin d'un niveau. Il est important de nettoyer toute l'interface du jeu pour faire place au prochain niveau afin d'éviter les bugs.
Programmation du lancer du projectile et du contrôle du héros qui fait en sorte qui sera du bon côté quand il lancera un projectile.
Programmation des nombreuses interactions dans le jeu
Programmation de l'accumulation des points et de la mort du héros
Programmation de la fin d'un niveau. Il est important de nettoyer l'interface du niveau réussit afin de faire place au nouveau.
Script de la fonction Creerniveau avec la programmation de plusieurs niveaux
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 "platformer". 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, projectiles qui s'enflamment, etc.);
Dessiner plus d'ennemis, des boss (32 px par 32 px) et les ajouter au jeu;
Ajouter plus de niveaux (niveau 2, niveau 3 et niveau final);
Ajouter des items qui donnent des pouvoirs à votre héros (potion qui fait courir plus vite, armure qui change votre apparence, activation d'un pouvoir spéciale comme un double saut ou le fait de lancer un projectile, etc.);
Ajouter une musique à votre jeu et des effets sonores pour chaque interaction;
Etc.