Rendering the Mandelbrot Set with HTML Canvas

I wanted to play around with the HTML 5 Canvas tag, so I’ve started building this little web application to render the Mandelbrot Set.

It’s still very much a work in progress, but it runs reasonably fast on modern browsers (Sorry IE users, Microsoft doesn’t support the canvas tag yet).  I’ve experimented with using Web Workers, but it’s not ready to deploy yet (one big problem is that Firefox 3.6 doesn’t compile the web worker code, so it’s about 10 times slower).  My coloring and shading scheme is pretty basic right now, but it’s not too ugly.  I’d like to try to learn how gamma correction works in video games and apply it here.  I’d also like to add a way to allow users to save the parameters to a link that they could share.

2 Responses to “Rendering the Mandelbrot Set with HTML Canvas”

  1. Kevin Says:

    I did one too, mine does Mandelbrot and the Julia set. This canvas tag is really cool!

    http://www.scale18.com/canvas2.html

  2. aaron Says:

    That’s cool. I’ll have to check out how Julia works.

Leave a Reply