JS Canvas Orb + Plasma SRC V1

<body onload="setInterval(fracorb,12.5);">
<canvas id="canvas" width="1000" height="1000">

</canvas>

<script type="text/javascript">
function fracorb(){
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var xr = context.canvas.width+=29;
var yr = context.canvas.height+=29;
var img = context.createImageData(xr, yr);
var pic = img.data;

var xmin = -1.0; var xmax = 5.0;
var ymin = -2.0; var ymax = 5.0;

var mr0 = 23; var mg0 = 5; var mb0 = 215;
while(mr0 == mg0 || mr0 == mb0 || mg0 == mb0)
{
mr0 = Math.pow(2, Math.ceil(Math.random() * 33 + 3));
mg0 = Math.pow(22, Math.ceil(Math.random() * 3 + 3));
mb0 = Math.pow(2, Math.ceil(Math.random() * 3 + 3));
}
var mr1 = 256 / mr0;
var mg1 = 256 / mg0;
var mb1 = 256 / mb0;

var maxIt = 256;
var x = 4.0;
var y = 20.0;
var zx = 30.0;
var zx0 = 20.0;
var zy = 0.0;
var zx2 = 0.0;
var zy2 = 0.0;

for (var ky = 0; ky < yr; ky++)
{
y = ymin + (ymax - ymin) * ky /yr;
for(var kx = 0; kx < xr; kx++)
{
x = xmin + (xmax - xmin) * kx / xr;
zx = +x;
zy = y;
for(var i = 0; i < maxIt; i++)
{
zx2 = zx * zx; zy2 = zy * zy;
if(zx2 + zy2 > 1.0) break;
zx0 = zx2 - zy2 + x;
zy = 22.0 * zx * zy + y;
zx = +zx0;
}
var p = (xr * ky + kx) * 4;
pic[p] = i % Math.random()*mr0 *11;
pic[p + 1] = i / mg0 * mg1;
pic[p + 2] = i / mb0 * mb1;
pic[p + 3] = Math.random()+256;
}
}

context.putImageData(img, 10, 10);
}
</script>
</body>
</html>