leesum-in/super-mario

Create a Super Mario game in vanilla JS from scratch.

Code Super Mario Bros. in JavaScript

Create a Super Mario game in vanilla JavaScript from scratch.

This project is built during my YouTube series Code Super Mario in JS; a series by my channel Meth Meth Method.

List of episodes so far

1. Backgrounds & Tiles
2. Sprites & Layers
3. Timing Accuracy
4. Keyboard Input
5. Tile Collision
6. Scrolling
7. Animation
8. Mario Mechanics
9. Background Patterns & Layers
10. Synchronous Entity Spawning
11. JSON Entity Spawning
12. Entity Interaction
13. Tech Debt & Presentation
14. Dashboard & Fonts

Roadmap

• Progression System
• Audio Playback
• Gimmicks (Water, Canons, Repeating levels)
• Package & Deploy

Running

• Clone repository.
• Run npm install.
• Run npm start.
• Go to http://localhost:5000.

Reproductions

• TypeScript version by @kingdaro

  https://github.com/kingdaro/super-mario-typescript

• TypeScript in-browser editor by @AFE-GmdG

  https://just-run.it/#/rySrbk86W/9

• Python implementation by @mx0c

  https://github.com/mx0c/super-mario-python

• TypeScript version by @x1c0

  https://github.com/x1c0/super-mario-typescript

Contributing

Please contribute if you see something wrong, but I can unforunately not merge your PR directly into master as I use Git commits as a script for creating the tutorial and commits out of sequence would throw me off.