MARIO.GAME
fr

Mario.js — World 1-1 Remake

Une recréation JavaScript fidèle, codée à la main, du Monde 1-1

Mario.js — World 1-1 Remake

À propos de Mario.js — World 1-1 Remake

Mario.js est un clone du premier niveau du jeu NES, écrit par le développeur Garrett Johnson comme exercice de création de moteur. Il n'y a aucun framework de jeu en dessous : la boucle principale, le défilement, la détection des collisions, l'animation des sprites et l'ordre d'affichage ont tous été écrits à la main en JavaScript pur.

C'est donc une excellente façon de rejouer le Monde 1-1, le niveau qui a appris à toute une génération à jouer aux jeux de plateformes sans une seule ligne de tutoriel. Le premier Goomba vous apprend à sauter, le premier bloc ? vous apprend à frapper par en dessous, et les tuyaux vous montrent que le monde peut cacher des secrets.

Les notes de l'auteur expliquent la conception : les ennemis s'activent légèrement avant d'apparaître à l'écran, les boîtes de collision sont un peu plus généreuses que les sprites, et les couches sont dessinées dans un ordre fixe : arrière-plan, décors, objets, ennemis, projectiles, terrain, joueur et enfin tuyaux, pour que Mario puisse s'y glisser.

Commandes

ToucheAction
← →Marcher
ZCourir
XSauter
↓Entrer dans les tuyaux / s'accroupir

Fonctionnalités

  • Niveau du Monde 1-1 fidèle au pixel près, avec le tuyau caché et le mât du drapeau
  • Moteur à 60 ips écrit de zéro, sans framework
  • Boîtes de collision dans le style de l'original et activation des ennemis juste avant leur entrée à l'écran
  • Champignons, Fleurs de Feu, étoiles, pièces et briques destructibles

Astuces

  1. X permet de sauter et Z de courir, à l'inverse de nombreux jeux PC : laissez un moment à vos doigts pour s'adapter.
  2. Maintenez Z en sautant depuis le haut du dernier escalier pour attraper le mât du drapeau le plus haut possible.
  3. Essayez d'appuyer sur ↓ sur les tuyaux : l'un d'eux mène quelque part de spécial, comme dans l'original.
  4. Cliquez une fois dans le jeu si les touches ne répondent pas : le cadre a besoin du focus clavier.

Questions fréquentes

Est-ce le jeu Super Mario Bros. complet ?

Non, il recrée le Monde 1-1 comme vitrine de programmation. Pour plus de niveaux, essayez Mario.Game Adventure ou Infinite Mario Bros.

Qui a créé Mario.js ?

Garrett Johnson, qui a publié le code source sur GitHub sous licence MIT.

Pourquoi y a-t-il une bordure noire ?

Le jeu conserve les proportions de l'écran de la NES, donc le canvas est centré avec des bandes sur les écrans larges.

D'autres jeux à découvrir