Goofing Around with HTML 5 Canvas

I was goofing around with HTML 5 canvas for giggles this week. The canvas allows you to draw using JavaScript to a section of the page. HTML 5 defines a “2d” context, which allows you to draw lines, polygons, images, boxes, etc. You can style your stroke, fill, and shadow, etc. It’s pretty easy to goof around with. Oh, and if you’re using Internet Explorer, these won’t work. You’re out of luck because Microsoft is too cool for canvas.

Box Fractal Renderer

First, I built a box fractal renderer, which are my favorite things to doodle on graph paper.

Fractal Coastline

Then, I played some more with fractals and eventually ended up with this fractal coastline builder. Each view of this will be a little different. Some look more like coastlines than others.

Anyway, just some random goofing off I thought I’d share.

Cheers.