MARIO.GAME
uk

Mario.js — World 1-1 Remake

Точне відтворення World 1-1 на JavaScript, написане вручну

Mario.js — World 1-1 Remake

Про гру Mario.js — World 1-1 Remake

Mario.js — це клон першого рівня гри для NES, який розробник Garrett Johnson написав як вправу зі створення рушія. Жодного ігрового фреймворка під ним немає: головний цикл, прокручування, виявлення зіткнень, анімацію спрайтів і порядок відмальовування повністю написано вручну на чистому JavaScript.

Тому це чудовий спосіб знову пройти World 1-1 — рівень, який навчив ціле покоління грати в платформери без жодного рядка тексту з підказками. Перший Goomba вчить стрибати, перший блок із ? — бити по предметах знизу, а труби — що світ може ховати секрети.

Власні нотатки автора пояснюють задум: вороги активуються трохи раніше, ніж з’являються на екрані, колізійні рамки трохи щедріші за самі спрайти, а шари малюються в чітко визначеному порядку — фон, декорації, предмети, вороги, снаряди, ландшафт, гравець і, нарешті, труби, щоб Mario міг у них зайти.

Керування

КлавішаДія
← →Ходьба
ZБіг
XСтрибок
↓Увійти в трубу / присісти

Особливості

  • Піксель-у-піксель відтворене планування World 1-1, зокрема прихована труба та флагшток
  • Рушій із 60 кадрами за секунду, написаний з нуля без фреймворків
  • Колізійні рамки як в оригіналі та активація ворогів безпосередньо перед тим, як вони з’являються на екрані
  • Гриби, вогняні квітки, зірки, монети та цегляні блоки, які можна розбити

Поради

  1. X — стрибок, а Z — біг: це навпаки, ніж у багатьох ПК-іграх, тож дайте пальцям трохи звикнути.
  2. Утримуйте Z, стрибаючи з вершини останніх сходів, щоб схопити флагшток якомога вище.
  3. Спробуйте натиснути ↓ на трубах — одна з них веде в особливе місце, як і в оригіналі.
  4. Якщо клавіші не реагують, один раз клацніть усередині гри: фрейму потрібен фокус клавіатури.

Поширені запитання

Це повна версія Super Mario Bros.?

Ні — це відтворення World 1-1 як демонстрація програмування. Більше рівнів шукайте в Mario.Game Adventure або Infinite Mario Bros.

Хто створив Mario.js?

Garrett Johnson, який опублікував вихідний код на GitHub за ліцензією MIT.

Чому є чорна рамка?

Гра зберігає пропорції екрана NES, тому на широких екранах canvas розташовується по центру з чорними смугами.

Більше ігор