Colourful intermediate results
![](../../screen-shot-2014-03-17-at-00-29-25.png%3Fw=1200&h=800&crop=1)
While killing time in the train, we worked with Anne on a small maze generation algorithm. But what started to be a way to visualise the results, turned into a result in itself (run it yourself here, be patient):
![Screen Shot 2014-03-16 at 22.56.59](../../screen-shot-2014-03-16-at-22-56-59.png%3Fw=1024&h=1024)
![](../../screen-shot-2014-03-08-at-01-06-39.png%3Fw=1200)
![Screen Shot 2014-03-17 at 00.01.09](../../screen-shot-2014-03-17-at-00-01-09.png%3Fw=1024&h=581)
![Screen Shot 2014-03-17 at 00.29.25](../../screen-shot-2014-03-17-at-00-29-25.png%3Fw=1024&h=577)
![Playing with colours, adding depth](../../../04/screen-shot-2014-03-17-at-23-55-00.png%3Fw=1024&h=511)
Technically, the rendering is done using HTML canvas. I will detail the maze generation algorithm itself in a future post.
This led me to notice that using the HSL notation when drawing on a canvas was 3 times slower than using other color notation. (I created this JSperf). I filled a bug report on the Chromium bug tracker, let’s hope it will be addressed in the future.
The colourful visualisation is published online, you can run it here.