HTML 有趣艺术代码

(function(a,b,c,d){function t(){var a={},b={},c=256*f(q/130),l="hsl("+c+",50%,50%)";d.fillStyle=j,d.fc(0,0,h,i),a.x=k+m*f(q/r),a.y=p.y-n*e.abs(f(q/r)),b.x=k+m*f(q/r),b.y=o.y-n,d.strokeStyle=l,d.lineWidth=2+2*g(q/r),d.ba(),d.m(o.x,o.y),d.bC(b.x,b.y,a.x,a.y,p.x,p.y),d.s(),q++,setTimeout(t,30)}var e=Math,f=e.sin,g=e.cos,h=innerWidth,i=innerHeight,j="rgba(0,0,0,0.01)",k=h/2,l=i/2,m=300,n=200,o={x:k,y:l+n},p={x:k,y:l-n},q=0,r=25,s;for(s in d)d[s[0]+(s[6]||"")]=d[s];b.style.margin=0,c.style.background="#000",c.width=h,c.height=i,t()})(this,b,c,a);

c.width=w=innerWidth;c.height=h=innerHeight;s();function s(){l();c.addEventListener("mousemove",m,false);}function m(k){var t,u;if(k.layerX!==undefined){t=k.layerX;u=k.layerY;}else{t=k.offsetX;u=k.offsetY;}l();var o=w/2,p=h/2,r=Math.sqrt(q(t-o)+q(u-p)),v=-Math.PI/2;for(j=0;j<20;j++){a.lineWidth=j+1;a.beginPath();for(i=0;i<3;i++){var z=v+i*2*Math.PI/3,x=o+Math.cos(z-j)*Math.sqrt(q(t-(j*10)-o)+q(u-(j*10)-p)),y=p+Math.sin(z-j)*Math.sqrt(q(t-(j*10)-o)+q(u-(j*10)-p));if(i==0){a.moveTo(x,y);}else{a.lineTo(x,y);}}a.closePath();a.stroke();}}function q(n){return n*n;}function l(){a.globalCompositeOperation='xor';a.clearRect(0,0,w,h);}