Draw a maze is a game exploring HTML5 canvas element. To test it, you need a webcam, a sheet of paper and a pen (choose a black one for better result).
To play to "Draw a maze", you first have to configure a virtual host on a Web server. Indeed, canvas element has some security restrictions which prevent you from executing the index.html file directly into your browser.
- Draw a maze on your paper: do not hesitate to create thick black walls for better recognizing.
- Open the website and allow it to use your webcam.
- Take a picture of your maze, thanks to the Snap button.
- Adjust the wall threshold to reduce number of wall artifacts.
Now that your maze is ready, simply move the player (the red dot) from entrance to exit with arrow keys.
- Improve collision detection (it really works only with a radius of 1 and a speed of 1)
- Add a little bit more design
- Add an AI trying to catch you