La conception d'un jeu vidéo est un processus très complexe qui nécessite de bonnes connaissances et compétences en programmation. C'est pourquoi les grands éditeurs de jeux vidéo disposent généralement de plusieurs studios travaillant sur de tels projets. Cependant, le nouveau MakeCode Arcade de Microsoft vise désormais à permettre à chacun de créer facilement des jeux vidéo. Ainsi, même si vous n’avez pas de formation en programmation et que vous n’avez pas les compétences et les connaissances nécessaires, vous pouvez toujours créer des jeux en l’utilisant. C'est particulièrement parfait si vous essayez d'intéresser votre enfant au codage.
Qu’est-ce que Microsoft MakeCode Arcade ?
Microsoft MakeCode Arcade est une plate-forme de développement de jeux Web gratuite et open source qui vous permet de concevoir et de partager des jeux d'arcade rétro en ligne. Construit sur le Programming eXperience Toolkit ou PXT, il a été développé pour aider les débutants à comprendre les principes fondamentaux de la programmation et du développement de jeux de manière interactive. MakeCode Arcade fournit un environnement de développement de jeux basé sur des blocs et permet aux utilisateurs de créer des programmes MakeCode tels que des jeux en Blocks, Static Python ou Static TypeScript.
Il est conçu pour aider les utilisateurs à apprendre à coder tout en passant du codage par blocs à des langages comme Python et JavaScript. Le site Web de la plateforme propose plusieurs didacticiels et exemples ainsi qu'une documentation détaillée pour aider les utilisateurs à se familiariser avec celle-ci. Il propose également des outils tels que des éditeurs de cartes et de sprites, des outils musicaux, etc. Une fois que vous avez créé un jeu en utilisant la plateforme, vous pouvez non seulement le partager avec d'autres, y compris la communauté MakeCode, mais même le télécharger sur des appareils portables.
Comprendre et utiliser la plateforme
Si vous souhaitez enregistrer vos projets tout en utilisant MakeCode Arcade, vous devrez vous connecter à la plateforme mais vous pouvez également commencer à créer des jeux sans vous connecter. C'est une bonne idée de jeter d'abord un œil aux didacticiels disponibles sur la plateforme pour différents projets comme les jeux JavaScript, les jeux de blocs, les jeux communautaires, etc. Chaque tutoriel vous apprendra comment créer un jeu étape par étape.
- Une fois sur le, cliquez sur le bouton orange 'Nouveau projet'.
- Entrez un nom pour votre projet dans la fenêtre contextuelle « Créer un projet » et cliquez sur le bouton « Créer ».
- Pour choisir le type de jeu que vous souhaitez créer, cliquez sur « Options de code » puis sur la liste déroulante. Vous pouvez choisir parmi « Blocs, JavaScript et Python », « Python uniquement » ou « JavaScript uniquement ».
- Cliquez sur le bouton « Créer » pour accéder à la fenêtre principale du projet.
- La fenêtre principale comporte trois sections de gauche à droite : la « Zone d'aperçu » qui montre votre progression en temps réel, la « Barre d'outils » qui contient les éléments et les blocs de code dont vous aurez besoin pour créer votre jeu, et « l'Espace de travail » à droite.
- La barre d'outils au milieu contient les blocs dans les différents tiroirs à code couleur dont vous aurez besoin pour créer votre jeu. Vous pouvez également rechercher des blocs spécifiques à l'aide de la zone de recherche en haut. Ces éléments peuvent inclure des sprites, des contrôleurs, de la musique, etc.
- Pour créer un jeu, vous devrez faire glisser des blocs de cette barre d'outils vers l'espace de travail à droite. Ce faisant, un aperçu du jeu apparaîtra sur la gauche.
- Lors de la création de votre jeu, vous pourrez tester l'aperçu à gauche à l'aide de votre clavier. L'écran de prévisualisation mesure 160 x 120 et dispose d'un moteur 2D capable d'afficher 16 couleurs à la fois. De plus, il dispose de huit boutons et d’un système audio rétro.
- Vous pouvez sauvegarder votre jeu en cliquant sur l'icône « Enregistrer » en bas et même le sauvegarder en tant que référentiel GitHub si vous avez connecté MakeCode Arcade à votre compte GitHub.
- Une fois que vous avez créé votre jeu, vous pouvez le partager avec d'autres en utilisant le bouton « Partager » en haut.
- Enfin, vous pouvez télécharger votre jeu en cliquant sur le bouton « Télécharger » en bas à gauche.
Créer un jeu de blocs dans MakeCode Arcade
Maintenant que vous êtes familiarisé avec l'interface de la plateforme MakeCode Arcade, vous pouvez commencer à créer votre propre jeu. Bien qu'il existe différents types de jeux que vous pouvez créer, notamment les jeux JavaScript et Python, les jeux de blocs sont l'un des plus simples et constituent une bonne option pour les débutants. Les jeux que vous concevez sur la plateforme peuvent fonctionner sur n’importe quel navigateur Web, y compris ceux de votre smartphone.
Étape 1 : Ajout d'un bloc de sprite de personnage
Pour commencer à créer un jeu de blocs, suivez les étapes mentionnées ci-dessus et créez un nouveau projet.
- Une fois votre projet créé, cliquez sur 'Sprites'.
- Cliquez ensuite sur un bloc 'mySprite' parmi les options disponibles pour le sélectionner. Une fois que vous l'aurez sélectionné, le bloc sera ajouté à votre projet.
- Faites glisser le bloc mySprite sur le bloc « Démarrer » de votre projet.
- Cliquez ensuite sur la case vide du bloc mySprite pour ajouter votre design de personnage ou sélectionnez-en un dans la galerie.
- Cela ouvrira l'éditeur. Si vous le souhaitez, vous pouvez ajouter votre propre design ou bien cliquer sur « Galerie » en haut.
- Cliquez sur n'importe quel personnage de la galerie pour le sélectionner et l'ajouter à votre projet.
- Une fois que vous avez ajouté un design, cliquez sur le bouton « Terminé » en bas à droite.
Étape 2 : ajouter un bloc d'arrière-plan
- Cliquez maintenant sur « Scène » pour ajouter un arrière-plan à votre projet.
- Cliquez sur « Définir le Tilemap sur le Tilemap » pour le sélectionner.
- Faites-le ensuite glisser vers le bloc Démarrer et placez-le sous le sprite du personnage.
- Une fois qu'il est en position, cliquez sur la case vide dans le bloc Tilemap.
Étape 3 : Créez votre carte de tuiles
Cliquer sur la case vide dans le bloc Tilemap ouvrira à nouveau l'éditeur. Vous pouvez maintenant créer votre carte de tuiles.
- Vous pouvez sélectionner parmi différents types de tuiles en cliquant sur le menu déroulant à gauche. Utilisez la tuile Forêt pour les sols et la tuile Donjon pour les murs. La tuile brique dans la section « Divers » fera perdre la partie aux joueurs tandis que la tuile foule les fera gagner.
- Sélectionnez la tuile Donjon dans la liste déroulante et cliquez sur le bouton « Dessiner des murs », qui deviendra rouge.
- Déplacez votre curseur sur la carte de droite et vous verrez les tuiles devenir rouges transparentes. Commencez à cliquer sur les zones où vous souhaitez placer les murs sur votre carte.
- Une fois que vous avez placé les murs sur votre carte, placez la tuile forêt pour le sol de la même manière. Ajoutez ensuite les briques et les tuiles foule qui détermineront si les joueurs perdent ou gagnent. Si vous le souhaitez, vous pouvez également utiliser d'autres tuiles.
- Une fois que vous avez terminé de créer votre carte, cliquez sur le bouton « Terminé » en bas à droite.
Étape 4 : Contrôlez votre lecteur
- Cliquez sur l'option « Contrôleur » dans le tableau de bord MakeCode Arcade.
- Cliquez sur le bloc 'Déplacer mySprite avec des boutons' pour le sélectionner.
- Ajoutez-le au bloc 'au démarrage' en le faisant glisser puis cliquez sur le bouton '+'.
- Cliquez à nouveau sur l'option 'Scène' puis cliquez sur le bloc 'Caméra suivre sprite mysprite'.
- Faites glisser et ajoutez-le au bloc « Au démarrage ».
Étape 5 : Créez vos conditions de victoire et de perte
- Cliquez à nouveau sur "Scène" et cliquez sur le bloc "Sur le type de sprite du joueur se chevauche (il y a un carré vide) à l'emplacement" pour l'ajouter.
- Vous devrez ajouter ce bloc deux fois à votre projet. Cliquez ensuite sur le bloc blanc situé sur l'un de ces blocs.
- Sélectionnez le carrelage mural. Cliquez ensuite sur le bloc blanc du deuxième bloc « un joueur de type sprite se chevauche (il y a un carré vide) à l'emplacement » et sélectionnez la tuile foule.
- Cliquez maintenant sur « Jeu ».
- Cliquez sur le bloc « Game over » et ajoutez-le au bloc avec la tuile de brique.
- Cliquez sur le bouton « Gagner » dans le bloc que vous venez d'ajouter et passez-le à « perdre ».
- Ajoutez un autre bloc « Game over » au bloc avec la tuile foule.
Étape 6 : Finalisation
- Cliquez à nouveau sur "Scène" et cliquez sur le bloc "Placer mon sprite au-dessus d'un élément aléatoire" pour le sélectionner et l'ajouter au bloc "Au démarrage".
- Cliquez sur le carré vide du bloc et sélectionnez la tuile forêt sans herbe.
- Enfin, ajoutez un nom à votre jeu et cliquez sur l'icône « Enregistrer » en bas pour le sauvegarder.
Choses à savoir
- C'est une bonne idée d'avoir une idée au préalable du type de jeu que vous envisagez de créer. Cela vous aidera lors du placement de tuiles et de l'ajout de blocs à votre projet.
- Une fois votre jeu enregistré, une image PNG du jeu sera enregistrée sur votre ordinateur. Vous pouvez simplement ouvrir MakeCode Arcade et télécharger cette image pour charger votre jeu.
- La plateforme propose de nombreuses autres options, telles que des extensions, des variables, des boucles, etc., que vous pouvez expérimenter pour rendre votre jeu plus intéressant.
- La connexion à votre compte Microsoft sur la plateforme vous aidera à suivre plus facilement vos projets et à y accéder plus rapidement.
