Randomly generated spiraling energetic patterns depicting the flower of life in 5 dimensions, or something :) Refresh window for a new flower.
window.onload=function(){document.body.style.backgroundColor="#222222";var b=[],e=c.width=window.innerWidth-4,g=c.height=window.innerHeight-4;a.translate(e/2,g/2);b.push({x:0,y:0,a:0,b:0,e:0,d:0,c:0});for(var f=1,h=255,j=255,k=255;21>f;f++)h-=8,j+=4,k-=12,b.push({x:b[f-1].x+(Math.random()*(e/8)-e/16),y:-(g/21)*f,a:(2*Math.random()-1)/1,b:(2*Math.random()-1)/1,e:h,d:j,c:k});window.setInterval(function(){for(var d=1;d<b.length;d++){b[d].y+=b[d].b;if(b[d].y>g||b[d].y<-g)b[d].b*=-1;b[d].x+=b[d].a;if(b[d].x> e||b[d].x<-e)b[d].a*=-1}a.save();a.fillStyle="rgba(0,0,0,0.02)";a.fillRect(-e/2,-g/2,e,g);a.restore();a.save();a.globalCompositeOperation="lighter";for(d=b.length-1;1<d;d--)for(var f=0;5>f;f++)a.beginPath(),a.moveTo(b[d-1].x,b[d-1].y),a.bezierCurveTo(b[d-1].x,b[d-1].y,0,0,b[d].x,b[d].y),a.strokeStyle="rgba("+b[d].e+","+b[d].d+","+b[d].c+",0.075)",a.stroke(),a.rotate(1.256637);a.restore();a.rotate(0.005)},17)};
d2luZG93Lm9ubG9hZD1mdW5jdGlvbigpe2RvY3VtZW50LmJvZHkuc3R5bGUuYmFja2dyb3VuZENvbG9yPSIjMjIyMjIyIjt2YXIgYj1bXSxlPWMud2lkdGg9d2luZG93LmlubmVyV2lkdGgtNCxnPWMuaGVpZ2h0PXdpbmRvdy5pbm5lckhlaWdodC00O2EudHJhbnNsYXRlKGUvMixnLzIpO2IucHVzaCh7eDowLHk6MCxhOjAsYjowLGU6MCxkOjAsYzowfSk7Zm9yKHZhciBmPTEsaD0yNTUsaj0yNTUsaz0yNTU7MjE+ZjtmKyspaC09OCxqKz00LGstPTEyLGIucHVzaCh7eDpiW2YtMV0ueCsoTWF0aC5yYW5kb20oKSooZS84KS1lLzE2KSx5Oi0oZy8yMSkqZixhOigyKk1hdGgucmFuZG9tKCktMSkvMSxiOigyKk1hdGgucmFuZG9tKCktMSkvMSxlOmgsZDpqLGM6a30pO3dpbmRvdy5zZXRJbnRlcnZhbChmdW5jdGlvbigpe2Zvcih2YXIgZD0xO2Q8Yi5sZW5ndGg7ZCsrKXtiW2RdLnkrPWJbZF0uYjtpZihiW2RdLnk+Z3x8YltkXS55PC1nKWJbZF0uYio9LTE7YltkXS54Kz1iW2RdLmE7aWYoYltkXS54PiBlfHxiW2RdLng8LWUpYltkXS5hKj0tMX1hLnNhdmUoKTthLmZpbGxTdHlsZT0icmdiYSgwLDAsMCwwLjAyKSI7YS5maWxsUmVjdCgtZS8yLC1nLzIsZSxnKTthLnJlc3RvcmUoKTthLnNhdmUoKTthLmdsb2JhbENvbXBvc2l0ZU9wZXJhdGlvbj0ibGlnaHRlciI7Zm9yKGQ9Yi5sZW5ndGgtMTsxPGQ7ZC0tKWZvcih2YXIgZj0wOzU+ZjtmKyspYS5iZWdpblBhdGgoKSxhLm1vdmVUbyhiW2QtMV0ueCxiW2QtMV0ueSksYS5iZXppZXJDdXJ2ZVRvKGJbZC0xXS54LGJbZC0xXS55LDAsMCxiW2RdLngsYltkXS55KSxhLnN0cm9rZVN0eWxlPSJyZ2JhKCIrYltkXS5lKyIsIitiW2RdLmQrIiwiK2JbZF0uYysiLDAuMDc1KSIsYS5zdHJva2UoKSxhLnJvdGF0ZSgxLjI1NjYzNyk7YS5yZXN0b3JlKCk7YS5yb3RhdGUoMC4wMDUpfSwxNyl9Ow==
var c = document.getElementById('canvas'),
a = c.getContext('2d');
window.onload=function(){
//setup
document.body.style.backgroundColor = "#222222";
var points = [],
palette = [],
w = c.width = window.innerWidth-4,
h = c.height = window.innerHeight-4;
a.translate(w/2,h/2);
points.push({x:0, y:0, xd:0, yd:0, r:0, g:0, b:0});
for(var i = 1, r = 255, g = 255, b = 255; i < 21; i++){
r-=8;
g+=4;
b-=12;
points.push({
x:points[i-1].x+(Math.random()*(w/8)-(w/16)),
y: -(h/21)*i,
xd: (Math.random()*2-1)/1,
yd: (Math.random()*2-1)/1,
r: r,
g: g,
b: b
});
}
//start
window.setInterval(function(){
//update points
for(var p = 1; p < points.length; p++){
points[p].y += points[p].yd;
if(points[p].y > h || points[p].y < -h){
points[p].yd = points[p].yd * -1;
}
points[p].x += points[p].xd;
if(points[p].x > w || points[p].x < -w){
points[p].xd = points[p].xd * -1;
}
}
//clear canvas
a.save();
a.fillStyle = "rgba(0,0,0,0.02)";
a.fillRect(-w/2,-h/2,w,h);
a.restore();
//draw
a.save();
a.globalCompositeOperation = "lighter";
for(var p = points.length-1; p > 1; p--){
for(var i = 0; i < 5; i++){
a.beginPath();
a.moveTo(points[p-1].x, points[p-1].y);
a.bezierCurveTo(points[p-1].x, points[p-1].y, 0, 0, points[p].x, points[p].y);
a.strokeStyle="rgba(" + points[p].r + "," + points[p].g + "," + points[p].b + ",0.075)";
a.stroke();
a.rotate(1.256637);
}
}
a.restore();
a.rotate(0.005);
}, 17);
};