MARIO.GAME
nl

Mario.js — World 1-1 Remake

Een getrouwe, met de hand gecodeerde JavaScript-nabootsing van World 1-1

Mario.js — World 1-1 Remake

Over Mario.js — World 1-1 Remake

Mario.js is een kloon van het eerste level van de NES-game, geschreven door ontwikkelaar Garrett Johnson als oefening in het bouwen van een engine. Er zit geen gameframework onder: de hoofdlus, het scrollen, de botsingsdetectie, de sprite-animatie en de tekenvolgorde zijn allemaal met de hand geschreven in gewone JavaScript.

Dat maakt het een geweldige manier om World 1-1 opnieuw te spelen — het level dat een hele generatie leerde platformgames te spelen zonder één regel uitleg. De eerste Goomba leert je springen, het eerste ?-blok leert je dat je dingen van onderaf kunt raken, en de pijpen leren je dat de wereld geheimen kan verbergen.

De eigen aantekeningen van de maker leggen het ontwerp uit: vijanden worden iets voordat ze in beeld komen actief, botsingsvlakken zijn wat ruimer dan de sprites, en de lagen worden in een vaste volgorde getekend — achtergrond, decor, items, vijanden, projectielen, terrein, speler en tot slot de pijpen, zodat Mario erin kan glijden.

Besturing

InvoerActie
← →Lopen
ZRennen
XSpringen
↓Pijpen in / bukken

Kenmerken

  • Pixelgetrouwe indeling van World 1-1, inclusief de verborgen pijp en de vlaggenmast
  • 60 fps-engine die vanaf nul is geschreven, zonder frameworks
  • Botsingsvlakken in originele stijl en vijanden die actief worden vlak voordat ze in beeld scrollen
  • Paddenstoelen, vuurbloemen, sterren, munten en breekbare stenen

Tips

  1. X is springen en Z is rennen — het omgekeerde van veel pc-games, dus geef je vingers even de tijd om te wennen.
  2. Houd Z ingedrukt terwijl je vanaf de bovenkant van de laatste trap springt om de vlaggenmast zo hoog mogelijk te grijpen.
  3. Probeer ↓ in te drukken op de pijpen — een ervan leidt naar een bijzondere plek, net als in het origineel.
  4. Klik één keer in het spel als de toetsen niet reageren; het frame heeft toetsenbordfocus nodig.

Veelgestelde vragen

Is dit de volledige Super Mario Bros.?

Nee — het is een nabootsing van World 1-1 als programmeervoorbeeld. Probeer voor meer levels Mario.Game Adventure of Infinite Mario Bros.

Wie heeft Mario.js gemaakt?

Garrett Johnson, die de broncode onder de MIT-licentie op GitHub heeft gepubliceerd.

Waarom is er een zwarte rand?

De game behoudt de beeldverhouding van het NES-scherm, dus het canvas staat gecentreerd met balken aan de zijkanten op brede schermen.

Meer games om te spelen