Mario.js — World 1-1 Remake 소개
Mario.js는 개발자 Garrett Johnson이 엔진 제작 연습으로 만든 NES 게임의 첫 번째 레벨 클론입니다. 내부에 게임 프레임워크는 전혀 없습니다. 메인 루프, 스크롤링, 충돌 감지, 스프라이트 애니메이션, 렌더링 순서까지 모두 순수 JavaScript로 직접 작성했습니다.
그래서 World 1-1을 다시 즐기기에 안성맞춤입니다. 이 레벨은 튜토리얼 문구 한 줄 없이도 한 세대에게 플랫포머 게임하는 법을 가르쳐 준 스테이지입니다. 첫 번째 Goomba는 점프를 가르쳐 주고, 첫 번째 ? 블록은 아래에서 쳐야 한다는 걸 알려 주며, 파이프는 세상에 비밀이 숨어 있을 수 있다는 걸 보여 줍니다.
제작자의 노트에는 설계 방식이 설명되어 있습니다. 적은 화면에 나타나기 조금 전에 활성화되고, 충돌 박스는 스프라이트보다 약간 넉넉하며, 레이어는 배경, 소품, 아이템, 적, 발사체, 지형, 플레이어, 마지막으로 파이프 순서로 고정되어 그려집니다. 덕분에 Mario가 파이프 안으로 미끄러져 들어갈 수 있습니다.
조작법
| 입력 | 동작 |
|---|---|
| ← → | 걷기 |
| Z | 달리기 |
| X | 점프 |
| ↓ | 파이프 들어가기 / 웅크리기 |
특징
- 숨겨진 파이프와 깃대까지 포함해 픽셀 단위로 충실하게 재현한 World 1-1 레이아웃
- 프레임워크 없이 처음부터 직접 작성한 60fps 엔진
- 원작 방식의 충돌 박스와, 화면에 들어오기 직전에 활성화되는 적
- 슈퍼 버섯, 파이어 플라워, 스타, 코인, 부술 수 있는 벽돌
팁
- X는 점프, Z는 달리기입니다. 많은 PC 게임과 반대이니 손가락이 익숙해질 시간을 주세요.
- 마지막 계단 꼭대기에서 Z를 누른 채 점프하면 깃대 가장 높은 곳을 잡을 수 있습니다.
- 파이프 위에서 ↓를 눌러 보세요. 원작처럼 그중 하나는 특별한 곳으로 이어집니다.
- 키가 반응하지 않으면 게임 화면 안을 한 번 클릭하세요. 프레임에 키보드 포커스가 있어야 합니다.
