MARIO.GAME
pt

Mario.js — World 1-1 Remake

Uma recriação fiel em JavaScript, programada à mão, do World 1-1

Mario.js — World 1-1 Remake

Sobre Mario.js — World 1-1 Remake

Mario.js é um clone da primeira fase do jogo de NES, escrito pelo desenvolvedor Garrett Johnson como exercício de criação de engine. Não há nenhum framework de jogo por baixo: o loop principal, a rolagem, a detecção de colisão, a animação de sprites e a ordem de renderização foram todos escritos à mão em JavaScript puro.

Isso o torna uma ótima maneira de jogar de novo o World 1-1 — a fase que ensinou a uma geração como jogar jogos de plataforma sem uma única linha de texto de tutorial. O primeiro Goomba ensina você a pular, o primeiro bloco ? ensina a bater nas coisas por baixo, e os canos ensinam que o mundo pode esconder segredos.

As próprias anotações do autor explicam o design: os inimigos ficam ativos um pouco antes de aparecerem na tela, as caixas de colisão são um pouco mais generosas que os sprites, e as camadas são desenhadas em uma ordem fixa — fundo, adereços, itens, inimigos, projéteis, terreno, jogador e, por fim, os canos, para que Mario possa deslizar para dentro deles.

Controles

EntradaAção
← →Andar
ZCorrer
XPular
↓Entrar nos canos / agachar

Recursos

  • Layout do World 1-1 fiel ao pixel, incluindo o cano escondido e o mastro da bandeira
  • Engine de 60 fps escrito do zero, sem frameworks
  • Caixas de colisão no estilo do original e inimigos que ativam logo antes de entrarem na tela
  • Cogumelos, Fire Flowers, estrelas, moedas e blocos de tijolo quebráveis

Dicas

  1. X pula e Z corre — o oposto de muitos jogos de PC, então dê um tempinho para seus dedos se acostumarem.
  2. Segure Z ao pular do topo da escadaria final para agarrar o mastro da bandeira o mais alto possível.
  3. Tente apertar ↓ nos canos — um deles leva a um lugar especial, assim como no original.
  4. Clique dentro do jogo uma vez se as teclas não responderem; o quadro precisa do foco do teclado.

Perguntas frequentes

Este é o Super Mario Bros. completo?

Não — ele recria o World 1-1 como uma vitrine de programação. Para mais fases, experimente Mario.Game Adventure ou Infinite Mario Bros.

Quem criou o Mario.js?

Garrett Johnson, que publicou o código-fonte no GitHub sob a licença MIT.

Por que há uma borda preta?

O jogo mantém as proporções de tela do NES, então o canvas fica centralizado com barras em telas largas.

Mais jogos para jogar