I recently created a kids activity pack that required a massive maze. I’ve had some maze creating code rattling around my from the Flash days so decided to throw it down in JS and HTML5 Canvas. I used this code to create a base maze image, then took it into Photoshop to create a unique outer shape. Took ages! So the plan is to allow an image to be uploaded as a black and white mask so the code can fill with a maze.
This experiment is just the first step and the rendering technique is horribly slow, but at least the ball is rolling!
Click here (or the image above) to launch a new page and have a play.