@diabolic/borealis 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/borealis.esm.js +1 -1
- package/dist/borealis.js +1 -1
- package/dist/borealis.min.js +1 -1
- package/package.json +1 -1
package/dist/borealis.esm.js
CHANGED
package/dist/borealis.js
CHANGED
package/dist/borealis.min.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Borealis - Interactive Animated Background
|
|
3
|
-
* @version 1.0.
|
|
3
|
+
* @version 1.0.1
|
|
4
4
|
* @license MIT
|
|
5
5
|
*/
|
|
6
6
|
!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t="undefined"!=typeof globalThis?globalThis:t||self).Borealis=i()}(this,function(){"use strict";class t{constructor(t=Math.random()){this.p=new Uint8Array(256);for(let t=0;t<256;t++)this.p[t]=t;for(let i=255;i>0;i--){const e=(t=16807*t%2147483647)%(i+1);[this.p[i],this.p[e]]=[this.p[e],this.p[i]]}this.perm=new Uint8Array(512);for(let t=0;t<512;t++)this.perm[t]=this.p[255&t]}noise2D(t,i){const e=.5*(Math.sqrt(3)-1),s=(3-Math.sqrt(3))/6,a=(t+i)*e,o=Math.floor(t+a),n=Math.floor(i+a),r=(o+n)*s,h=t-(o-r),l=i-(n-r),c=h>l?1:0,p=h>l?0:1,d=h-c+s,f=l-p+s,u=h-1+2*s,_=l-1+2*s,g=255&o,M=255&n,m=(t,i,e)=>{const s=7&t,a=s<4?i:e,o=s<4?e:i;return(1&s?-a:a)+(2&s?-2*o:2*o)};let w=0,C=0,S=0,y=.5-h*h-l*l;y>=0&&(y*=y,w=y*y*m(this.perm[g+this.perm[M]],h,l));let v=.5-d*d-f*f;v>=0&&(v*=v,C=v*v*m(this.perm[g+c+this.perm[M+p]],d,f));let z=.5-u*u-_*_;return z>=0&&(z*=z,S=z*z*m(this.perm[g+1+this.perm[M+1]],u,_)),70*(w+C+S)}}class i{static get defaultOptions(){return{container:document.body,width:null,height:null,fullscreen:!0,density:50,dotSize:5,solidPattern:!1,densityMinCell:2,densityMaxCell:8,densityMinGap:1,densityMaxGap:4,patternScale:.001,patternAurora:!1,warpScale:.5,warpAmount:20,animationSpeed:2e-5,ridgePower:2,minOpacity:0,maxOpacity:1,waveFrequency:3,waveAmplitude:.5,effect:{type:"wave",aurora:!1,deadzone:20,speed:8e-4,width:120,chance:.08,intensity:1,delayMin:1e3,delayMax:3e3,combineSparkle:!1,sparkleBaseOpacity:0,mode:"sparkle",combined:!1,baseOpacity:30,twinkleSpeed:50,size:50,density:50},auroraColor1:[0,255,128],auroraColor2:[148,0,211],colorScale:.003,collapseSpeed:.1,collapseWaveWidth:.4,autoStart:!0,onShow:null,onHide:null}}constructor(t={}){const e=i.defaultOptions.effect,s=t.effect||{};this.options={...i.defaultOptions,...t,effect:{...e,...s}},this._init()}_init(){this.canvas=document.createElement("canvas"),this.options.fullscreen?this.canvas.style.cssText="\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 0;\n ":this.canvas.style.cssText="\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n ";const i=this.options.container;if(i===document.body&&this.options.fullscreen)document.body.insertBefore(this.canvas,document.body.firstChild);else{"static"===window.getComputedStyle(i).position&&(i.style.position="relative"),i.appendChild(this.canvas)}this.ctx=this.canvas.getContext("2d"),this.noise=new t(1e4*Math.random()),this.randomOffset=1e3*Math.random(),this._cellSize=4,this._gap=2,this._gridSize=6,this._sparkleMap={},this._animTime=0,this._twinkleTime=0,this._lastFrameTime=0,this._sparkleWaiting=!1,this._sparkleWaitUntil=0,this._diagPos=0,this._isCollapsing=!1,this._collapseProgress=0,this._isRunning=!1,this._animationId=null,this._twinkleThreshold=.8,this._twinkleSpeedValue=3,this._twinkleScaleValue=.01,this._deadzoneValue=.2,this._updateDensity(this.options.density),this._updateTwinkleSettings(),this._updateDeadzone(),this._draw=this._draw.bind(this),this._resize=this._resize.bind(this),window.addEventListener("resize",this._resize),this._resize(),this.options.autoStart&&this.start()}_updateDensity(t){const i=(100-t)/90,e=this.options.densityMinCell+i*(this.options.densityMaxCell-this.options.densityMinCell),s=.3+this.options.dotSize/10*1.7;this._cellSize=e*s,this._gap=this.options.densityMinGap+i*(this.options.densityMaxGap-this.options.densityMinGap),this._gridSize=this._cellSize+this._gap}_updateTwinkleSettings(){const t=this.options.effect;this._twinkleSpeedValue=1+(t.twinkleSpeed-10)/90*5,this._twinkleScaleValue=.5-(t.size-10)/90*.499,this._twinkleThreshold=1-t.density/100*.9}_updateDeadzone(){this._deadzoneValue=this.options.effect.deadzone/100}_generateSparkles(t,i){this._sparkleMap={};for(let e=0;e<i;e++)for(let i=0;i<t;i++)Math.random()<this.options.effect.chance&&(this._sparkleMap[`${i},${e}`]=Math.random())}_resize(){let t,i;if(null!==this.options.width&&null!==this.options.height)t=this.options.width,i=this.options.height;else if(this.options.fullscreen)t=window.innerWidth,i=window.innerHeight;else{const e=this.options.container;t=null!==this.options.width?this.options.width:e.clientWidth,i=null!==this.options.height?this.options.height:e.clientHeight}this.canvas.width=t,this.canvas.height=i;const e=Math.ceil(this.canvas.width/this._gridSize),s=Math.ceil(this.canvas.height/this._gridSize);this._generateSparkles(e,s),this._offscreenCanvas=null,this._offscreenCtx=null}_draw(t){if(!this._isRunning)return;const i=t-this._lastFrameTime;this._animTime+=i*this.options.animationSpeed,this._twinkleTime+=.001*i;const e=this.options.effect;if(this._sparkleWaiting)t>=this._sparkleWaitUntil&&(this._sparkleWaiting=!1,this._diagPos=-e.width);else{this._diagPos+=i*e.speed*100;const s=Math.ceil(this.canvas.width/this._gridSize),a=Math.ceil(this.canvas.height/this._gridSize),o=s+a;if(this._diagPos>o+e.width){this._sparkleWaiting=!0;const i=e.delayMin+Math.random()*(e.delayMax-e.delayMin);this._sparkleWaitUntil=t+i,this._generateSparkles(s,a)}}this._lastFrameTime=t,this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height);const s=Math.ceil(this.canvas.width/this._gridSize),a=Math.ceil(this.canvas.height/this._gridSize);if(this.options.solidPattern){this._offscreenCanvas&&this._offscreenCanvas.width===s&&this._offscreenCanvas.height===a||(this._offscreenCanvas=document.createElement("canvas"),this._offscreenCanvas.width=s,this._offscreenCanvas.height=a,this._offscreenCtx=this._offscreenCanvas.getContext("2d"));const t=this._offscreenCtx,i=t.createImageData(s,a),e=i.data;for(let t=0;t<a;t++)for(let i=0;i<s;i++){const o=this._calculateCellData(i,t,s,a),n=4*(t*s+i);e[n]=o.r,e[n+1]=o.g,e[n+2]=o.b,e[n+3]=Math.round(255*o.opacity)}if(t.putImageData(i,0,0),this.ctx.imageSmoothingEnabled=!0,this.ctx.imageSmoothingQuality="high",this.ctx.drawImage(this._offscreenCanvas,0,0,this.canvas.width,this.canvas.height),"none"!==this.options.effect.type)for(let t=0;t<a;t++)for(let i=0;i<s;i++)this._drawEffect(i,t,s,a)}else for(let t=0;t<a;t++)for(let i=0;i<s;i++)this._drawCell(i,t,s,a);this._updateCollapse(),this._animationId=requestAnimationFrame(this._draw)}_calculateCellData(t,i,e,s){const{options:a,noise:o,randomOffset:n,_animTime:r}=this,h=Math.sin(r*a.waveFrequency+t*a.patternScale*10)*a.waveAmplitude,l=Math.cos(r*a.waveFrequency*.7+i*a.patternScale*10)*a.waveAmplitude,c=o.noise2D(t*a.patternScale*a.warpScale+h+n,i*a.patternScale*a.warpScale+r+n)*a.warpAmount,p=o.noise2D(t*a.patternScale*a.warpScale+100+n,i*a.patternScale*a.warpScale+r+l+n)*a.warpAmount,d=o.noise2D((t+c)*a.patternScale+.5*l+n,(i+p)*a.patternScale+.5*h+n),f=1-Math.abs(d),u=Math.pow(f,a.ridgePower);let _,g,M,m=a.minOpacity+u*(a.maxOpacity-a.minOpacity);if(a.patternAurora){const e=(o.noise2D(t*a.colorScale+.5*n,i*a.colorScale+.5*r+.5*n)+1)/2;_=Math.round(a.auroraColor1[0]+(a.auroraColor2[0]-a.auroraColor1[0])*e),g=Math.round(a.auroraColor1[1]+(a.auroraColor2[1]-a.auroraColor1[1])*e),M=Math.round(a.auroraColor1[2]+(a.auroraColor2[2]-a.auroraColor1[2])*e)}else _=g=M=255;if(this._collapseProgress>0){m=this._applyCollapse(t,i,e,s,m,0).opacity}return{r:_,g:g,b:M,opacity:m}}_drawEffect(t,i,e,s){const a=this.options.effect;let o=[255,255,255],n=0;if("wave"===a.type&&!this._sparkleWaiting){const a=this._calculateWaveEffect(t,i,e,s);o=a.color,n=a.opacity}if("twinkle"===a.type){const a=this._calculateTwinkleEffect(t,i,e,s);o=a.color,n=a.opacity}if(this._collapseProgress>0){n=this._applyCollapse(t,i,e,s,0,n).effectOpacity}n>0&&(this.ctx.fillStyle=`rgba(${o[0]}, ${o[1]}, ${o[2]}, ${n})`,this.ctx.beginPath(),this.ctx.arc(t*this._gridSize+this._cellSize/2,i*this._gridSize+this._cellSize/2,this._cellSize/2,0,2*Math.PI),this.ctx.fill())}_drawCell(t,i,e,s){const{options:a,noise:o,randomOffset:n,_animTime:r,_twinkleTime:h}=this,l=Math.sin(r*a.waveFrequency+t*a.patternScale*10)*a.waveAmplitude,c=Math.cos(r*a.waveFrequency*.7+i*a.patternScale*10)*a.waveAmplitude,p=o.noise2D(t*a.patternScale*a.warpScale+l+n,i*a.patternScale*a.warpScale+r+n)*a.warpAmount,d=o.noise2D(t*a.patternScale*a.warpScale+100+n,i*a.patternScale*a.warpScale+r+c+n)*a.warpAmount,f=o.noise2D((t+p)*a.patternScale+.5*c+n,(i+d)*a.patternScale+.5*l+n),u=1-Math.abs(f),_=Math.pow(u,a.ridgePower);let g,M,m,w=a.minOpacity+_*(a.maxOpacity-a.minOpacity),C=[255,255,255],S=0;if("wave"===a.effect.type&&!this._sparkleWaiting){const a=this._calculateWaveEffect(t,i,e,s);C=a.color,S=a.opacity}if("twinkle"===a.effect.type){const a=this._calculateTwinkleEffect(t,i,e,s);C=a.color,S=a.opacity}if(a.patternAurora){const e=(o.noise2D(t*a.colorScale+.5*n,i*a.colorScale+.5*r+.5*n)+1)/2;g=Math.round(a.auroraColor1[0]+(a.auroraColor2[0]-a.auroraColor1[0])*e),M=Math.round(a.auroraColor1[1]+(a.auroraColor2[1]-a.auroraColor1[1])*e),m=Math.round(a.auroraColor1[2]+(a.auroraColor2[2]-a.auroraColor1[2])*e)}else g=M=m=255;if(this._collapseProgress>0){const a=this._applyCollapse(t,i,e,s,w,S);w=a.opacity,S=a.effectOpacity}if(!(w<=0&&S<=0)){if(this.ctx.fillStyle=`rgba(${g}, ${M}, ${m}, ${w})`,this.options.solidPattern){const e=Math.floor(t*this._gridSize),s=Math.floor(i*this._gridSize);this.ctx.fillRect(e,s,Math.ceil(this._gridSize)+1,Math.ceil(this._gridSize)+1)}else this.ctx.beginPath(),this.ctx.arc(t*this._gridSize+this._cellSize/2,i*this._gridSize+this._cellSize/2,this._cellSize/2,0,2*Math.PI),this.ctx.fill();S>0&&(this.ctx.fillStyle=`rgba(${C[0]}, ${C[1]}, ${C[2]}, ${S})`,this.ctx.beginPath(),this.ctx.arc(t*this._gridSize+this._cellSize/2,i*this._gridSize+this._cellSize/2,this._cellSize/2,0,2*Math.PI),this.ctx.fill())}}_calculateWaveEffect(t,i,e,s){const{options:a,noise:o,randomOffset:n,_animTime:r,_twinkleTime:h}=this,l=a.effect;let c=[255,255,255],p=0;const d=e/2,f=s/2,u=Math.sqrt((t-d)**2+(i-f)**2),_=Math.sqrt(d**2+f**2)*this._deadzoneValue,g=.3*_;let M=1;if(u<_)M=0;else if(u<_+g){const t=(u-_)/g;M=t*t*(3-2*t)}if(l.combineSparkle&&M>0){const e=t+i,s=Math.abs(e-this._diagPos),o=Math.max(0,1-s/l.width),r=Math.pow(o,.5),d=43758.5453*Math.sin(12.9898*t+78.233*i+n),f=d-Math.floor(d),u=23421.6312*Math.sin(93.9898*t+67.345*i+2*n),_=u-Math.floor(u);if(f>1-l.density/100*.9){const e=_*Math.PI*2,s=.1+l.twinkleSpeed/100*.4,o=Math.sin(h*s+e),d=Math.max(0,o),f=l.sparkleBaseOpacity/100;if(p=d*(f+(1-f)*r)*M,l.aurora){const e=12345.6789*Math.sin(45.123*t+89.456*i+n),s=e-Math.floor(e);c=[Math.round(a.auroraColor1[0]+(a.auroraColor2[0]-a.auroraColor1[0])*s),Math.round(a.auroraColor1[1]+(a.auroraColor2[1]-a.auroraColor1[1])*s),Math.round(a.auroraColor1[2]+(a.auroraColor2[2]-a.auroraColor1[2])*s)]}}return{color:c,opacity:p}}const m=t+i,w=Math.abs(m-this._diagPos);if(w<l.width&&void 0!==this._sparkleMap[`${t},${i}`]){const h=w/l.width,d=Math.cos(h*Math.PI*.5)*l.intensity,f=Math.min(e,s),u=Math.max(0,Math.floor(this._diagPos)-(s-1)),_=Math.min(e-1,Math.floor(this._diagPos)),g=Math.max(1,_-u+1);let m=1;if(g>=f&&g>1){const i=(t-u)/(g-1),e=Math.max(0,Math.min(1,i));m=.3+.7*Math.sin(e*Math.PI)}else if(g>1){const i=g/f,e=(t-u)/(g-1),s=Math.max(0,Math.min(1,e)),a=Math.sin(s*Math.PI);m=Math.max(.3,1-(1-a)*i*.7)}if(p=d*this._sparkleMap[`${t},${i}`]*Math.max(0,m)*M,l.aurora){const e=(o.noise2D(t*a.colorScale*2+n,i*a.colorScale*2+r+n)+1)/2;c=[Math.round(a.auroraColor1[0]+(a.auroraColor2[0]-a.auroraColor1[0])*e),Math.round(a.auroraColor1[1]+(a.auroraColor2[1]-a.auroraColor1[1])*e),Math.round(a.auroraColor1[2]+(a.auroraColor2[2]-a.auroraColor1[2])*e)]}}return{color:c,opacity:p}}_calculateTwinkleEffect(t,i,e,s){const{options:a,noise:o,randomOffset:n,_twinkleTime:r}=this,h=a.effect;let l=[255,255,255],c=0;const p=e/2,d=s/2,f=Math.sqrt((t-p)**2+(i-d)**2),u=Math.sqrt(p**2+d**2)*this._deadzoneValue,_=.3*u;let g=1;if(f<u)g=0;else if(f<u+_){const t=(f-u)/_;g=t*t*(3-2*t)}if(g>0)if(h.combined){const e=5e-4+.003*(1-this._twinkleScaleValue),s=.15*this._twinkleSpeedValue,p=.5*o.noise2D(t*e+r*s,i*e+r*s*.5+n)+.3*o.noise2D(t*e*.5+r*s*.3+50,i*e*.7-r*s*.2+n+50)+.2*o.noise2D((t+.5*i)*e*.8+r*s*.4,(i-.3*t)*e*.8+n+100),d=(Math.sin(p*Math.PI*2)+1)/2,f=Math.pow(d,.5),u=43758.5453*Math.sin(12.9898*t+78.233*i+n),_=u-Math.floor(u),M=23421.6312*Math.sin(93.9898*t+67.345*i+2*n),m=M-Math.floor(M);if(_>this._twinkleThreshold){const e=m*Math.PI*2,s=Math.sin(r*this._twinkleSpeedValue*2+e),o=Math.max(0,s),p=h.baseOpacity/100;if(c=o*(p+(1-p)*f)*h.intensity*g,h.aurora){const e=12345.6789*Math.sin(45.123*t+89.456*i+n),s=e-Math.floor(e);l=[Math.round(a.auroraColor1[0]+(a.auroraColor2[0]-a.auroraColor1[0])*s),Math.round(a.auroraColor1[1]+(a.auroraColor2[1]-a.auroraColor1[1])*s),Math.round(a.auroraColor1[2]+(a.auroraColor2[2]-a.auroraColor1[2])*s)]}}}else if("wave"===h.mode){const e=5e-4+.003*(1-this._twinkleScaleValue),s=.15*this._twinkleSpeedValue,p=.5*o.noise2D(t*e+r*s,i*e+r*s*.5+n)+.3*o.noise2D(t*e*.5+r*s*.3+50,i*e*.7-r*s*.2+n+50)+.2*o.noise2D((t+.5*i)*e*.8+r*s*.4,(i-.3*t)*e*.8+n+100),d=(Math.sin(p*Math.PI*2)+1)/2,f=.3+.7*this._twinkleThreshold;if(c=Math.pow(d,1/f)*h.intensity*g,h.aurora&&c>0){const h=(o.noise2D(t*e*.3+r*s*.1+n,i*e*.3+n)+1)/2;l=[Math.round(a.auroraColor1[0]+(a.auroraColor2[0]-a.auroraColor1[0])*h),Math.round(a.auroraColor1[1]+(a.auroraColor2[1]-a.auroraColor1[1])*h),Math.round(a.auroraColor1[2]+(a.auroraColor2[2]-a.auroraColor1[2])*h)]}}else{const e=43758.5453*Math.sin(12.9898*t+78.233*i+n),s=e-Math.floor(e),p=23421.6312*Math.sin(93.9898*t+67.345*i+2*n),d=p-Math.floor(p);if(s>this._twinkleThreshold){const e=d*Math.PI*2,s=Math.sin(r*this._twinkleSpeedValue+e);if(c=Math.max(0,s)*(.2+(o.noise2D(t*this._twinkleScaleValue+.2*r+n,i*this._twinkleScaleValue+n)+1)/2*.8)*h.intensity*g,h.aurora){const e=12345.6789*Math.sin(45.123*t+89.456*i+n),s=e-Math.floor(e);l=[Math.round(a.auroraColor1[0]+(a.auroraColor2[0]-a.auroraColor1[0])*s),Math.round(a.auroraColor1[1]+(a.auroraColor2[1]-a.auroraColor1[1])*s),Math.round(a.auroraColor1[2]+(a.auroraColor2[2]-a.auroraColor1[2])*s)]}}}return{color:l,opacity:c}}_applyCollapse(t,i,e,s,a,o){const n=e/2,r=s/2,h=Math.sqrt(n*n+r*r),l=1-Math.sqrt((t-n)**2+(i-r)**2)/h;if(this._collapseProgress>l+this.options.collapseWaveWidth)a=0,o=0;else if(this._collapseProgress>l){const t=1-(this._collapseProgress-l)/this.options.collapseWaveWidth,i=t*t*(3-2*t);a*=i,o*=i}return{opacity:a,effectOpacity:o}}_updateCollapse(){const t=1+this.options.collapseWaveWidth;this._isCollapsing&&this._collapseProgress<t?(this._collapseProgress+=this.options.collapseSpeed,this._collapseProgress>=t&&(this._collapseProgress=t,this.options.onHide&&this.options.onHide())):!this._isCollapsing&&this._collapseProgress>0&&(this._collapseProgress-=this.options.collapseSpeed,this._collapseProgress<=0&&(this._collapseProgress=0,this.options.onShow&&this.options.onShow()))}start(){return this._isRunning||(this._isRunning=!0,this._lastFrameTime=performance.now(),this._animationId=requestAnimationFrame(this._draw)),this}stop(){return this._isRunning=!1,this._animationId&&(cancelAnimationFrame(this._animationId),this._animationId=null),this}resize(t,i){return void 0!==t&&(this.options.width=t),void 0!==i&&(this.options.height=i),this._resize(),this}redraw(){const t=performance.now(),i=this._isRunning;this._isRunning=!0,this._lastFrameTime=t-16;this._animTime+=16*this.options.animationSpeed,this._twinkleTime+=.016,this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height);const e=Math.ceil(this.canvas.width/this._gridSize),s=Math.ceil(this.canvas.height/this._gridSize);if(this.options.solidPattern){this._offscreenCanvas&&this._offscreenCanvas.width===e&&this._offscreenCanvas.height===s||(this._offscreenCanvas=document.createElement("canvas"),this._offscreenCanvas.width=e,this._offscreenCanvas.height=s,this._offscreenCtx=this._offscreenCanvas.getContext("2d"));const t=this._offscreenCtx,i=t.createImageData(e,s),a=i.data;for(let t=0;t<s;t++)for(let i=0;i<e;i++){const o=this._calculateCellData(i,t,e,s),n=4*(t*e+i);a[n]=o.r,a[n+1]=o.g,a[n+2]=o.b,a[n+3]=Math.round(255*o.opacity)}if(t.putImageData(i,0,0),this.ctx.imageSmoothingEnabled=!0,this.ctx.imageSmoothingQuality="high",this.ctx.drawImage(this._offscreenCanvas,0,0,this.canvas.width,this.canvas.height),"none"!==this.options.effect.type)for(let t=0;t<s;t++)for(let i=0;i<e;i++)this._drawEffect(i,t,e,s)}else for(let t=0;t<s;t++)for(let i=0;i<e;i++)this._drawCell(i,t,e,s);return this._isRunning=i,this}show(t){if(this._isCollapsing=!1,t){const i=this.options.onShow;this.options.onShow=()=>{t(),this.options.onShow=i}}return this}hide(t){if(this._isCollapsing=!0,t){const i=this.options.onHide;this.options.onHide=()=>{t(),this.options.onHide=i}}return this}toggle(t){return this._isCollapsing?this.show(t):this.hide(t)}isVisible(){return!this._isCollapsing&&0===this._collapseProgress}isHidden(){return this._isCollapsing&&this._collapseProgress>=1+this.options.collapseWaveWidth}setOption(t,i){if("effect"===t)return"object"==typeof i?this.setEffect(i.type,i):this;this.options[t]=i;return["density","dotSize","solidPattern","patternAurora","maxOpacity","minOpacity"].includes(t)&&(this._updateDensity(this.options.density),this._resize()),this}setEffect(t,i={}){return t&&(this.options.effect.type=t),Object.keys(i).forEach(t=>{"type"!==t&&(this.options.effect[t]=i[t])}),this._updateTwinkleSettings(),this._updateDeadzone(),this._resize(),this}getEffect(){return{...this.options.effect}}setOptions(t){return Object.keys(t).forEach(i=>{this.setOption(i,t[i])}),this}getOptions(){return{...this.options}}getOption(t){return this.options[t]}destroy(){this.stop(),window.removeEventListener("resize",this._resize),this.canvas&&this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas),this.canvas=null,this.ctx=null,this.noise=null}}return i});
|
package/package.json
CHANGED