MARIO.GAME
es

Mario.js — World 1-1 Remake

Una recreación fiel del Mundo 1-1 programada a mano en JavaScript

Mario.js — World 1-1 Remake

Acerca de Mario.js — World 1-1 Remake

Mario.js es un clon del primer nivel del juego de NES, escrito por el desarrollador Garrett Johnson como ejercicio para crear un motor. No hay ningún framework de juego debajo: el bucle principal, el desplazamiento, la detección de colisiones, la animación de sprites y el orden de renderizado se escribieron a mano en JavaScript puro.

Eso lo convierte en una forma estupenda de volver a jugar el Mundo 1-1, el nivel que enseñó a toda una generación a jugar a los plataformas sin una sola línea de texto de tutorial. El primer Goomba te enseña a saltar, el primer bloque ? te enseña a golpear cosas desde abajo, y las tuberías te enseñan que el mundo puede esconder secretos.

Las notas del propio autor explican el diseño: los enemigos se activan un poco antes de aparecer en pantalla, las cajas de colisión son algo más generosas que los sprites y las capas se dibujan en un orden fijo: fondo, decorados, objetos, enemigos, proyectiles, terreno, jugador y, por último, las tuberías, para que Mario pueda deslizarse dentro de ellas.

Controles

EntradaAcción
← →Caminar
ZCorrer
XSaltar
↓Entrar en tuberías / agacharse

Características

  • Diseño del Mundo 1-1 fiel al píxel, con la tubería oculta y el asta de la bandera incluidos
  • Motor a 60 fps escrito desde cero y sin frameworks
  • Cajas de colisión al estilo del original y enemigos que se activan justo antes de entrar en pantalla
  • Super Champiñones, Flores de Fuego, Superestrellas, monedas y ladrillos rompibles

Consejos

  1. X salta y Z corre, al revés que en muchos juegos de PC, así que dale un momento a tus dedos para que se acostumbren.
  2. Mantén pulsada Z mientras saltas desde lo alto de la escalera final para agarrar el asta de la bandera lo más arriba posible.
  3. Prueba a pulsar ↓ sobre las tuberías: una de ellas lleva a un lugar especial, igual que en el original.
  4. Haz clic una vez dentro del juego si las teclas no responden; el marco necesita el foco del teclado.

Preguntas frecuentes

¿Es el Super Mario Bros. completo?

No, recrea el Mundo 1-1 como muestra de programación. Si quieres más niveles, prueba Mario.Game Adventure o Infinite Mario Bros.

¿Quién hizo Mario.js?

Garrett Johnson, que publicó el código fuente en GitHub bajo la licencia MIT.

¿Por qué hay un borde negro?

El juego mantiene las proporciones de pantalla de la NES, por lo que el canvas se centra y se muestran barras en las pantallas anchas.

Más juegos para jugar