The home of Dino

HTML5 Canvas maze maker

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!

Add comment

Your Header Sidebar area is currently empty. Hurry up and add some widgets.