Wednesday, 9 March 2011

Surface Detail

Surface detail from subBlue on Vimeo.

A myriad of details in an evolving fractal landscape.

I'm currently working on a WebGL 3D fractal renderer that will let you explore structures like this in real time... stay tuned!

Update: The soundtrack is an original piece I made for the video. I've put it up on soundcloud:

Alastair's Fractals Main Page My Shop at CafePress My Shop at Zazzle

In association with

© Alastair Montgomery 2010

Fractal Lab lets you create 3D WebGL fractals that you can explore

via Download Squad by Sebastian Anthony on 3/8/11
Fractal Lab
Fractal Lab might be coolest demonstration of WebGL and JavaScript that we've ever seen here in the Download Squad bunker. If you've ever studied Mandelbrot sets -- either willingly, or for Computer Science at high school -- Fractal Lab will change your perception of iterative, recursive maths for ever.

At first glance, Fractal Lab isn't immediately exciting -- in fact, when you close the Help dialog, all you get is a blank checkerboard. It's only when you start hitting some buttons that you realize just how awesomely powerful this demonstration is. If you haven't opened the site up yet, do so now. Then hit '3D,' and wait while your CPU renders your fractal design. What you will eventually see before you is drawn using WebGL and the GLSL shading language.

If that wasn't cool enough, you can move around the rendered object! Scroll in and out with the mouse wheel, move around with W and S, A and D. If you have a powerful computer, un-tick 'Preview mode' at the bottom; it'll make everything look rather beautiful.

Then, when you're bored of that, start moving through the tabs: Constants, Fractal, Camera, Colour and Shading. Each and every one will radically change the rendered object, or how it's displayed in your browser. Pick some new numbers (change the 'Fractal type' on the Constants tab!), then hit Recompile.

And yes, if you weren't excited enough about seeing an actual, real-world application of WebGL, you can even save your fractals using HTML5's localStorage feature!

Fractal Lab is a small piece of genius, and hopefully a good sign that more awesome things will soon gush from the HTML5 and Open Web pipeline.

Fractal Lab Introduction from subBlue on Vimeo.

Buy Fractal Stuff

See more personalized gifts from Zazzle.