I challenged myself to create a 2D game engine with HTML5 canvas and vanilla ES6 JavaScript, even though my professional expertise is far from game development. The goal was to practice with HTML5 canvas, and JavaScript and implement some 2D games technics I heard some time ago.
Fun fact. This project was inspired by the Code and Magic demo project from the JavaScript course of HTMLacademy which I worked with as a mentor.
Available at GitHub pages: https://mr9d.github.io/wizard-of-the-code/
Also available on Vercel: https://wizard-of-the-code.vercel.app/
Both deployed from the master branch.
If you want to run the application locally, you can do the following:
git clonethe repository- Open
index.htmlin the browser
That’s it, no build required.
The game has no objective. If you need a challenge, you can find the second flag marker at the top of the tower.
Left/Right – move.
Alt – jump.
Ctrl – fire (not implemented yet).
You can change the game level in any way by modifying the script/game/level.js file.
- HTML5 + Canvas API (documentation)
- CSS3
- JavaScript ES6
- GitHub Pages (documentation)
- Vercel (documentation)