24a2 est un moteur de jeu très basique, mais totalement opérationnel, destiné aux programmeurs JavaScript. Son aspect et sa convivialité sont inhabituels, mais vous pouvez l’utiliser pour apprendre les principes fondamentaux de la programmation de jeux.
Avec la prise en charge d’une boucle de jeu, des graphiques colorés et une entrée simple, 24a2 a tout ce dont vous avez besoin pour créer de petits jeux avec un minimum d’effort.
Découvrez 24a2 et commencez dès aujourd’hui votre voyage vers le développement de jeux complets.
24a2 est un petit moteur open-source qui vous aide à construire des jeux de base. Il est très facile à apprendre et tout ce dont vous avez besoin pour commencer à construire vos jeux est un navigateur web et un éditeur de texte.
24a2 tire son nom de sa résolution : 24 x 24. Même comparé à d’autres moteurs minimalistes comme PICO-8, avec sa résolution de 128 x 128, c’est minuscule ! 24a2 utilise des « pixels » circulaires, avec de grands espaces entre eux, ce qui lui donne un aspect assez particulier.
Vous n’utiliserez probablement pas 24a2 pour créer le prochain jeu vidéo à succès, mais ce n’est pas vraiment le but. 24a2 est parfait pour les débutants, et vous pouvez l’utiliser pour apprendre certains des concepts fondamentaux derrière le développement de jeux.
Il est également idéal pour le prototypage d’un concept de base. Si vous vous laissez distraire par la physique complexe du jeu ou les animations de sprites, le fait de vous débarrasser de tout cela devrait vous aider à vous concentrer.
De plus, le code source de 24a2 est un seul fichier TypeScript. Vous pouvez vous en inspirer, ou même le modifier, pour créer votre propre moteur de jeu, plus évolué.
Commencez par un modèle de base pour votre jeu :
Remarquez que ce modèle utilise un réseau de diffusion de contenu (cdn.jsdelivr.net) pour obtenir le contenu de l’image. engine.js Vous n’avez donc pas besoin de télécharger ou d’installer quoi que ce soit.
Le deuxième script, game.jsest pour votre propre code de jeu. Commencez par le code minimum fonctionnel, pour vérifier que tout fonctionne correctement :
Ce petit programme va afficher la grille 24a2 par défaut dans votre navigateur web :
Ensuite, vous voudrez vous familiariser avec les fonctions de rappel de 24a2 qui constituent le cœur du moteur. Ces concepts sont transférables d’un moteur de jeu à l’autre, et apprendre leur fonctionnement vous sera utile au-delà de votre utilisation de 24a2.
Il y a une poignée de fonctions essentielles que vous pouvez définir et passer au constructeur Game() via une balise config objet.
24a2 appelle la fonction que vous spécifiez dans config.create lorsqu’il démarre. Vous pouvez l’utiliser pour initialiser la configuration de votre jeu, mettre en place des structures de données, etc.
La fonction update s’exécute périodiquement pendant toute la durée de votre jeu. C’est la boucle principale du jeu qui, dans d’autres moteurs, consiste généralement en des étapes séparées pour mettre à jour l’état du jeu et redessiner l’écran. Avec 24a2, vous gérerez les deux opérations dans cette fonction.
Enfin, pour capturer les entrées, vous voudrez gérer les pressions sur les touches fléchées, les clics de souris, ou les deux. 24a2 passe une direction à votre fonction onKeyPress quand le joueur appuie sur une touche fléchée. Elle transmet des coordonnées x et y à onDotClicked si le joueur clique sur un point avec sa souris.
Le site de 24a2 contient trois exemples de jeux, y compris un tutoriel. Les autres jeux qu’il présente sont un simple jeu de serpent et un défi de ski.
Le dépôt GitHub comprend des liens vers d’autres jeux, notamment Space invaders, Tic-Tac-Toe et un programme de peinture minimal. You Killed a Bear est plus avancé et Maze Craze est une bonne démonstration de la manière de superposer des graphiques supplémentaires à la grille standard.
24MadRush est un « clone » de Tetris qui fait un excellent usage de la palette de couleurs. Il commence également par un tutoriel innovant et jouable qui démontre ses caractéristiques.
24a2 est très limité, à dessein. Mais cela offre une excellente opportunité de créativité. L’un des meilleurs conseils pour être plus créatif est d’accepter les contraintes.
En plus de sa résolution limitée, 24a2 vous restreint :
Cependant, vous pouvez toujours écrire du code JavaScript supplémentaire pour étendre votre jeu au-delà de ces limitations. Et, puisque le moteur est open-source, vous êtes libre de le développer comme bon vous semble.
Essayez de vous tester avec 24a2. Recréez un jeu classique ou inventez-en un de votre cru. Les jeux au tour par tour, comme les jeux de société, fonctionneront très bien avec le moteur.
Si le 24a2 allume votre passion pour le développement de jeux, il existe de nombreuses possibilités de poursuivre le voyage. PICO-8, Godot, Unity et GameMaker sont tous des choix populaires.
Le Magazine féminin d’actualité
