diff --git a/index.html b/index.html index 22001d5..977312e 100644 --- a/index.html +++ b/index.html @@ -17,8 +17,9 @@ diff --git a/js/ab-particles.min.js b/js/ab-particles.min.js index ce742fb..ef4ad66 100644 --- a/js/ab-particles.min.js +++ b/js/ab-particles.min.js @@ -1 +1 @@ -function particles(){let e,t,i;!function(){"undefined"==typeof opacity?opacity=100:Number.isFinite(opacity)&&0<=opacity&&opacity<=100?opacity:(opacity=100,console.log("'opacity' must be a finite number between 0 and 100. Using default of '100'."));"undefined"==typeof numParticles?numParticles=10:Number.isFinite(numParticles)?numParticles:(numParticles=10,console.log("'numParticles' must be a finite number. Using default of '5'."));"undefined"==typeof sizeMultiplier?sizeMultiplier=5:Number.isFinite(sizeMultiplier)?sizeMultiplier:(sizeMultiplier=5,console.log("'sizeMultiplier' must be a finite number. Using default of '5'."));"undefined"==typeof width?width=1:Number.isInteger(width)&&width>0?width:(width=1,console.log("'width' must be an integer number of pixels greater than 0. Using default of '1'."));"undefined"==typeof connections?connections=!0:"boolean"==typeof connections?connections:(connections=!0,console.log("'connections' must be either 'true' or 'false'. Using default of 'true'."));"undefined"==typeof connectionDensity?connectionDensity=1/15*100:Number.isFinite(connectionDensity)&&connectionDensity>1?connectionDensity=1/connectionDensity*100:(connectionDensity=1/15*100,console.log("'connectionDensity' must be a finite number greater than 1. Using default of '15'."));"undefined"==typeof speed&&(speed=50);Number.isInteger(speed)&&0<=speed&&speed<=1e3?speed:(speed=50,console.log("'speed' must be an integer between 1-1000. Using default of '50'."));"undefined"==typeof avoidMouse?avoidMouse=!0:"boolean"==typeof avoidMouse?avoidMouse:(avoidMouse=!0,console.log("'avoidMouse' must be either 'true' or 'false'. Using default of 'true'."));"undefined"==typeof hover?hover=!0:"boolean"==typeof hover?hover:(hover=!0,console.log("'hover' must be either 'true' or 'false'. Using default of 'true'."))}(),function(){0===getComputedStyle(document.documentElement).getPropertyValue("--col-particle").length?(e="#000000",console.log("CSS variable '--col-particle' is not set. Using 'black' (#000000).")):e=getComputedStyle(document.documentElement).getPropertyValue("--col-particle");0===getComputedStyle(document.documentElement).getPropertyValue("--col-particle-stroke").length?(t="#000000",console.log("CSS variable '--col-particle-stroke' is not set. Using 'black' (#000000).")):t=getComputedStyle(document.documentElement).getPropertyValue("--col-particle-stroke");!0===hover&&0===getComputedStyle(document.documentElement).getPropertyValue("--col-particle-stroke-hover").length?(i="#ff0000",console.log("CSS variable '--col-particle-stroke-hover' is not set. Using 'red' (#ff0000).")):i=getComputedStyle(document.documentElement).getPropertyValue("--col-particle-stroke-hover")}();const o=document.getElementById("particles"),n=o.getContext("2d");let s;o.width=window.innerWidth,o.height=window.innerHeight,speed=0!==speed?speed/100:0,opacity/=100,o.style.opacity=opacity;let l={x:void 0,y:void 0,radius:o.height/80*(o.width/80)};window.addEventListener("mousemove",function(e){l.x=e.x,l.y=e.y});class r{constructor(e,t,i,o,n,s){this.x=e,this.y=t,this.directionX=i,this.directionY=o,this.size=n,this.colour=s}draw(){n.beginPath(),n.arc(this.x,this.y,this.size,0,2*Math.PI,!1),n.fillStyle=e,n.fill()}update(){if((this.x>o.width||this.x<0)&&(this.directionX=-this.directionX),(this.y>o.height||this.y<0)&&(this.directionY=-this.directionY),avoidMouse){let e=l.x-this.x,t=l.y-this.y;Math.sqrt(e*e+t*t)this.x&&this.x>10*this.size&&(this.x-=10),l.ythis.y&&this.y>10*this.size&&(this.y-=10))}0!==speed&&(this.x+=this.directionX*speed,this.y+=this.directionY*speed),this.draw()}}function d(){s=[];let e=.01*o.width;for(let t=0;t0?width:(width=1,console.log("'width' must be an integer number of pixels greater than 0. Using default of '1'."));"undefined"==typeof connections?connections=!0:"boolean"==typeof connections?connections:(connections=!0,console.log("'connections' must be either 'true' or 'false'. Using default of 'true'."));"undefined"==typeof connectionDensity?connectionDensity=1/15*100:Number.isFinite(connectionDensity)&&connectionDensity>1?connectionDensity=1/connectionDensity*100:(connectionDensity=1/15*100,console.log("'connectionDensity' must be a finite number greater than 1. Using default of '15'."));"undefined"==typeof speed?speed=50:Number.isInteger(speed)&&0<=speed&&speed<=1e3?speed:(speed=50,console.log("'speed' must be an integer between 1-1000. Using default of '50'."));"undefined"==typeof hSpeed?hSpeed=1:Number.isInteger(hSpeed)&&-1e3<=hSpeed&&hSpeed<=1e3?(hSpeed,speed=1):(hSpeed=1,console.log("'hSpeed' must be an integer between -1000 and 1000. Using default of '1'."));"undefined"==typeof vSpeed?vSpeed=1:Number.isInteger(vSpeed)&&-1e3<=vSpeed&&vSpeed<=1e3?(vSpeed,speed=1):(vSpeed=1,console.log("'vSpeed' must be an integer between -1000 and 1000. Using default of '1'."));"undefined"==typeof avoidMouse?avoidMouse=!0:"boolean"==typeof avoidMouse?avoidMouse:(avoidMouse=!0,console.log("'avoidMouse' must be either 'true' or 'false'. Using default of 'true'."));"undefined"==typeof hover?hover=!0:"boolean"==typeof hover?hover:(hover=!0,console.log("'hover' must be either 'true' or 'false'. Using default of 'true'."))}(),function(){0===getComputedStyle(document.documentElement).getPropertyValue("--col-particle").length?(e="#000000",console.log("CSS variable '--col-particle' is not set. Using 'black' (#000000).")):e=getComputedStyle(document.documentElement).getPropertyValue("--col-particle");0===getComputedStyle(document.documentElement).getPropertyValue("--col-particle-stroke").length?(t="#000000",console.log("CSS variable '--col-particle-stroke' is not set. Using 'black' (#000000).")):t=getComputedStyle(document.documentElement).getPropertyValue("--col-particle-stroke");!0===hover&&0===getComputedStyle(document.documentElement).getPropertyValue("--col-particle-stroke-hover").length?(i="#ff0000",console.log("CSS variable '--col-particle-stroke-hover' is not set. Using 'red' (#ff0000).")):i=getComputedStyle(document.documentElement).getPropertyValue("--col-particle-stroke-hover")}();const n=document.getElementById("particles"),o=n.getContext("2d");let s;n.width=window.innerWidth,n.height=window.innerHeight,speed=0!==speed?speed/100:0,opacity/=100,n.style.opacity=opacity;let d={x:void 0,y:void 0,radius:n.height/80*(n.width/80)};window.addEventListener("mousemove",function(e){d.x=e.x,d.y=e.y});class l{constructor(e,t,i,n,o){this.x=e,this.y=t,this.directionX=i,this.directionY=n,this.size=o}draw(){o.beginPath(),o.arc(this.x,this.y,this.size,0,2*Math.PI,!1),o.fillStyle=e,o.fill()}update(){if(0===vSpeed&&hSpeed>0?this.x>n.width&&(this.x=0):0===vSpeed&&hSpeed<0?this.x<0&&(this.x=n.width):(this.x>n.width||this.x<0)&&(this.directionX=-this.directionX),0===hSpeed&&vSpeed>0?this.y>n.height&&(this.y=0):0===hSpeed&&vSpeed<0?this.y<0&&(this.y=n.height):(this.y>n.height||this.y<0)&&(this.directionY=-this.directionY),avoidMouse){let e=d.x-this.x,t=d.y-this.y;Math.sqrt(e*e+t*t)this.x&&this.x>10*this.size&&(this.x-=10),d.ythis.y&&this.y>10*this.size&&(this.y-=10))}0!==speed&&(this.x+=this.directionX*speed*hSpeed,this.y+=this.directionY*speed*vSpeed),this.draw()}}function h(){s=[];let e=.01*n.width;for(let t=0;t