Dino 2.0

HTML5 Canvas maze maker

maze_450

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.

Add comment