CAFE.
HTML5 Canvas / Javascript Fractal Explorer.
Julia sets animation made with the Render Sequence and Pixel Order options.
A simple HTML5 Canvas Mandelbrot Set:

<html>
    <body data-style-network="background:#666;">
        <canvas id="mbC" width=512 height=512></canvas>
        <script>
            var canvas = document.getElementById('mbC'),
                ctx = canvas.getContext('2d');
            window.onload = function () {
                var k,i,f,r,x,y=0;
                while(y<512) {
                    for(x=0;x<512;x++) {
                        for(k=r=i=0;f=r*r-i*i-2+x/128,i=2*r*i-2+y/128,f*f+i*i<4&&k++<47;r=f);
                        ctx.fillStyle = 'hsl('+k*5+',100%,50%)';
                        ctx.fillRect(x,y,2,2);
                    } y++;
                }
            }
        </script>
    </body>
</html>



Back to Top