lib/quietflow.min.js

微信扫码关注公众号，代码整理好后第一时间通知你。

/**
 * quietflow.min.js
 * Paul Krishnamurthy 2016
 *
 * https://paulkr.com
 * paul@paulkr.com
 */

function randCol(a,o,e,r){return"rgba("+Math.floor(Math.random()*a).toString()+","+Math.floor(Math.random()*o).toString()+","+Math.floor(Math.random()*e).toString()+","+r+")"}$.fn.quietflow=function(a){function o(a){void 0!==x.speed?setTimeout(function(){w=requestAnimationFrame(a)},x.speed):w=requestAnimationFrame(a)}function e(){for(var a=0;h>a;a+=x.squareSize+1)for(var r=0;c>r;r+=x.squareSize+1)S.fillStyle=randCol(x.maxRed,x.maxGreen,x.maxBlue,1),S.fillRect(a,r,x.squareSize,x.squareSize);o(e)}function r(){(B+y>h||0>B+y)&&(y=-y),(F+k>c||0>F+k)&&(k=-k),B+=y,F+=k,S.fillStyle=x.backgroundCol,S.fillRect(0,0,h,c);for(var a=0;a<x.miniRadii;a++)for(var e=0;e<x.miniRadii;e++){var t=a/x.miniRadii*h,l=e/x.miniRadii*c,i=Math.sqrt(Math.pow(B-t,2)+Math.pow(F-l,2))/x.mainRadius;S.beginPath(),S.fillStyle=x.circleCol,S.arc(t,l,i,0,2*Math.PI,!0),S.closePath(),S.fill()}o(r)}function t(){S.fillStyle=x.backgroundCol,S.fillRect(0,0,h,c);for(var a=0;a<x.bounceBallCount;a++){var e=circleData[a],r=0,l=1,i=2,n=3,s=4,d=5;(e[r]+e[n]>h||e[r]+e[n]<0)&&(e[3]=-e[3]),(e[l]+e[s]>c||e[l]+e[s]<0)&&(e[s]=-e[s]),e[r]+=e[n],e[l]+=e[s],S.beginPath(),S.fillStyle=e[d],S.arc(e[r],e[l],e[i],0,2*Math.PI,!0),S.closePath(),S.fill()}o(t)}function l(){S.fillStyle=x.backgroundCol,S.fillRect(0,0,h,c),S.beginPath(),S.fillStyle=x.lineColor,S.arc(f,m,2,0,2*Math.PI,!0),S.closePath(),S.fill();for(var a=0;a<x.lines;a++)S.beginPath(),S.moveTo(f,m),S.lineTo(Math.random()*h,Math.random()*c),S.strokeStyle=x.lineColor,S.shadowColor=x.lineGlow,S.shadowBlur=20,S.stroke();o(l)}function i(){var a=S.createLinearGradient(0,0,h/2,c);a.addColorStop(0,"#333333"),a.addColorStop(1,"#000"),S.fillStyle=a,S.fillRect(0,0,h,c);for(var e=0;e<P.length;e++){var r=P[e],t=0,l=1,n=2,s=3;r[t]+=r[s],S.beginPath(),S.fillStyle=x.starColor,S.arc(r[t],r[l],r[n],0,2*Math.PI,!0),S.shadowColor="#FFF",S.shadowBlur=20,S.closePath(),S.fill(),r[t]>h&&(P.splice(e,1),P.unshift([Math.random()*h/4-h/4,Math.random()*c,Math.random()*x.starSize,Math.ceil(5*Math.random())]))}o(i)}function n(){S.beginPath();for(var a=[[0,0],[h,0],[0,c],[h,c]],e=0;4>e;e++){var r=Math.floor(Math.random()*x.specificColors.length);S.strokeStyle=x.specificColors.length>0?x.specificColors[r]:randCol(255,255,255),S.moveTo(a[e][0],a[e][1]),S.lineTo(Math.random()*h,Math.random()*c)}S.shadowColor=x.lineGlow,S.shadowBlur=20,S.stroke(),o(n)}function s(){S.fillStyle=x.backgroundCol,S.fillRect(0,0,h,c);for(var a=0;a<q.length;a++){var e=q[a],r=0,t=1,l=2,i=3,n=4;S.fillStyle=e[i],S.fillRect(e[r],e[t],e[l],e[l]),e[r]+=e[n],e[t]-=e[n],(e[r]>h+x.maxBoxSize||e[t]<-x.maxBoxSize)&&(q.splice(a,1),0==x.specificColors.length?q.push([Math.random()*h*2-h,Math.random()*c*2+c,Math.random()*x.maxBoxSize+1,randCol(255,255,255,x.transparent?.5:1),5*Math.random()]):q.push([Math.random()*h*2-h,Math.random()*c*2+c,Math.random()*x.maxBoxSize+1,x.specificColors[Math.floor(Math.random()*x.specificColors.length)],5*Math.random()]))}o(s)}var d=$(this),h=d.width(),c=d.height(),f=h/2,m=c/2;$("#Quietflow").remove();var u="starfield",M=-1e3,p=["squareFlash","vortex","bouncingBalls","shootingLines","simpleGradient","starfield","layeredTriangles","cornerSpikes","floatingBoxes"],C={squareFlash:{squareSize:10,maxRed:255,maxGreen:255,maxBlue:255,speed:100},vortex:{mainRadius:20,miniRadii:30,backgroundCol:"#3498DB",circleCol:"#34495E",speed:10},bouncingBalls:{specificColors:[],backgroundCol:"#ECF0F1",maxRadius:40,bounceSpeed:50,bounceBallCount:50,transparent:!0},shootingLines:{backgroundCol:"#000",lineColor:"#FFF",speed:150,lineGlow:"#FFF",lines:50},simpleGradient:{primary:"#D4145A",accent:"#FBB03B"},starfield:{starColor:"#FFF",starSize:3,speed:100},layeredTriangles:{backgroundCol:"#D6D6D6",transparent:!0,specificColors:[],triangles:50},cornerSpikes:{specificColors:[],backgroundCol:"#FFF",lineColor:"#000",speed:100,lineGlow:"#FFF"},floatingBoxes:{specificColors:[],boxCount:400,maxBoxSize:80,backgroundCol:"#D6D6D6",transparent:!1,speed:100}},g=document.createElement("canvas"),S=g.getContext("2d");g.id="Quietflow",g.width=h,g.height=c,g.style.zIndex=M,g.style.position="absolute",g.style.top=0;var b=d.attr("id");if(void 0!=b){var v=document.getElementById(b);v.appendChild(g)}else document.body.appendChild(g);$.inArray(a.theme,p)>-1&&(u=a.theme);var x={};x=$.extend(C[u],a),$(window).resize(function(){h=d.width(),c=d.height();var a=$("#Quietflow").css("width").replace("px",""),o=$("#Quietflow").css("height").replace("px","");$("#Quietflow").css({width:window.innerWidth,height:window.innerHeight});var e=a/window.innerWidth,r=o/window.innerHeight;S.scale(e,r)});var w;switch(u){case"squareFlash":e();break;case"vortex":var y=2,k=4,B=h/2,F=c/2;r();break;case"bouncingBalls":circleData=[];for(var R=0;R<x.bounceBallCount;R++)0==x.specificColors.length?circleData.push([Math.random()*h,Math.random()*c,Math.random()*x.maxRadius,2*Math.random(),4*Math.random(),randCol(255,255,255,x.transparent?.5:1)]):circleData.push([Math.random()*h,Math.random()*c,Math.random()*x.maxRadius,2*Math.random(),4*Math.random(),x.specificColors[Math.floor(Math.random()*x.specificColors.length)]]);t();break;case"shootingLines":l();break;case"simpleGradient":var z=S.createLinearGradient(0,0,h/2,c);z.addColorStop(0,x.primary),z.addColorStop(1,x.accent),S.fillStyle=z,S.fillRect(0,0,h,c);break;case"starfield":for(var P=[],R=0;700>R;R++)P.push([Math.random()*h*2-h,Math.random()*c,Math.random()*x.starSize,Math.ceil(5*Math.random())]);i();break;case"layeredTriangles":S.fillStyle=x.backgroundCol,S.fillRect(0,0,h,c);for(var R=0;R<x.triangles;R++)S.beginPath(),S.moveTo(Math.random()*h,Math.random()*c),S.lineTo(Math.random()*h,Math.random()*c),S.lineTo(Math.random()*h,Math.random()*c),x.specificColors.length>0?S.fillStyle=x.specificColors[Math.floor(Math.random()*x.specificColors.length)]:S.fillStyle=randCol(255,255,255,.5),S.closePath(),S.fill();break;case"cornerSpikes":S.fillStyle=x.backgroundCol,S.fillRect(0,0,h,c),n();break;case"floatingBoxes":for(var q=[],R=0;R<x.boxCount;R++)0==x.specificColors.length?q.push([Math.random()*h*2-h,Math.random()*c,Math.random()*x.maxBoxSize+1,randCol(255,255,255,x.transparent?.5:1),5*Math.random()]):q.push([Math.random()*h*2-h,Math.random()*c,Math.random()*x.maxBoxSize+1,x.specificColors[Math.floor(Math.random()*x.specificColors.length)],5*Math.random()]);s()}};