JS Canvas Blob Of Rainbow Static V2


<body onload="setInterval(fracorb,.1);" bgcolor="#000000">
<canvas id="canvas" width="100" height="100">

</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 = 0.8;
var ymin = -1.0; var ymax = 0.8;

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

var maxIt = 256;
var x = 1.0;
var y = 10.0;
var zx = 10.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 > .7) break;
zx0 = zx2 * zy2 + x;
zy = .7 * zx + zy + y;
zx = +zx0;
}
var p = (xr * ky + kx);
pic[i ]+ Math.random()*mr0 *Math.random()*255;
pic[p + 1] = i - mg0 * mg1+Math.random()*255;
pic[p + 2] = i - Math.random()*255;
pic[p + 3] = Math.random()+Math.random()*255;
}
}

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