CORE PANEL

[ROOT] / home / comaria / www / app

EDIT :: app.js

!function(t){function i(i){for(var n,a,h=i[0],r=i[1],c=i[2],l=0,v=[];l<h.length;l++)a=h[l],Object.prototype.hasOwnProperty.call(s,a)&&s[a]&&v.push(s[a][0]),s[a]=0;for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n]);for(u&&u(i);v.length;)v.shift()();return o.push.apply(o,c||[]),e()}function e(){for(var t,i=0;i<o.length;i++){for(var e=o[i],n=!0,h=1;h<e.length;h++){var r=e[h];0!==s[r]&&(n=!1)}n&&(o.splice(i--,1),t=a(a.s=e[0]))}return t}var n={},s={0:0},o=[];function a(i){if(n[i])return n[i].exports;var e=n[i]={i:i,l:!1,exports:{}};return t[i].call(e.exports,e,e.exports,a),e.l=!0,e.exports}a.m=t,a.c=n,a.d=function(t,i,e){a.o(t,i)||Object.defineProperty(t,i,{enumerable:!0,get:e})},a.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,i){if(1&i&&(t=a(t)),8&i)return t;if(4&i&&"object"==typeof t&&t&&t.__esModule)return t;var e=Object.create(null);if(a.r(e),Object.defineProperty(e,"default",{enumerable:!0,value:t}),2&i&&"string"!=typeof t)for(var n in t)a.d(e,n,function(i){return t[i]}.bind(null,n));return e},a.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return a.d(i,"a",i),i},a.o=function(t,i){return Object.prototype.hasOwnProperty.call(t,i)},a.p="/";var h=window.webpackJsonp=window.webpackJsonp||[],r=h.push.bind(h);h.push=i,h=h.slice();for(var c=0;c<h.length;c++)i(h[c]);var u=r;o.push([3,1]),e()}([,,,function(t,i,e){t.exports=e(4)},function(t,i,e){"use strict";e.r(i);var n=e(2),s=e.n(n),o=(e(0),e(1)),a=e.n(o);!function(){var t,i;t=i=function(){},i.prototype.init=function(t){return this.$el=a()(t),this.container=t,console.log(s()(this.container)),this.canvas=document.createElement("canvas"),this.sizeCanvas(),console.log(this.container),this.container.appendChild(this.canvas),this.ctx=this.canvas.getContext("2d"),this.particleNetwork=new n(this),this.bindUiActions(),this},i.prototype.bindUiActions=function(){a()(window).on("resize",function(){this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height),this.sizeCanvas(),this.particleNetwork.createParticles()}.bind(this))},i.prototype.sizeCanvas=function(){console.log(this.container),this.canvas.width=this.container.offsetWidth,this.canvas.height=this.container.offsetHeight};var e=function(t,i,e){this.network=t,this.canvas=t.canvas,this.ctx=t.ctx,this.particleColor=h(this.network.options.particleColors),this.radius=o(1.5,2.5),this.opacity=0,this.x=i||Math.random()*this.canvas.width,this.y=e||Math.random()*this.canvas.height,this.velocity={x:(Math.random()-.5)*t.options.velocity,y:(Math.random()-.5)*t.options.velocity}};e.prototype.update=function(){this.opacity<1?this.opacity+=.01:this.opacity=1,(this.x>this.canvas.width+100||this.x<-100)&&(this.velocity.x=-this.velocity.x),(this.y>this.canvas.height+100||this.y<-100)&&(this.velocity.y=-this.velocity.y),this.x+=this.velocity.x,this.y+=this.velocity.y},e.prototype.draw=function(){this.ctx.beginPath(),this.ctx.fillStyle=this.particleColor,this.ctx.globalAlpha=this.opacity,this.ctx.arc(this.x,this.y,this.radius,0,2*Math.PI),this.ctx.fill()};var n=function(t){this.options={velocity:1,density:15e3,netLineDistance:200,netLineColor:"#929292",particleColors:["#aaa"]},this.canvas=t.canvas,this.ctx=t.ctx,this.init()};n.prototype.init=function(){this.createParticles(!0),this.animationFrame=requestAnimationFrame(this.update.bind(this)),this.bindUiActions()},n.prototype.createParticles=function(t){var i=this;this.particles=[];var n=this.canvas.width*this.canvas.height/this.options.density;if(t){var s=0;clearInterval(this.createIntervalId),this.createIntervalId=setInterval(function(){s<n-1?this.particles.push(new e(this)):clearInterval(i.createIntervalId),s++}.bind(this),250)}else for(var o=0;o<n;o++)this.particles.push(new e(this))},n.prototype.createInteractionParticle=function(){return this.interactionParticle=new e(this),this.interactionParticle.velocity={x:0,y:0},this.particles.push(this.interactionParticle),this.interactionParticle},n.prototype.removeInteractionParticle=function(){var t=this.particles.indexOf(this.interactionParticle);t>-1&&(this.interactionParticle=void 0,this.particles.splice(t,1))},n.prototype.update=function(){if(this.canvas){this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height),this.ctx.globalAlpha=1;for(var t=0;t<this.particles.length;t++)for(var i=this.particles.length-1;i>t;i--){var e,n=this.particles[t],s=this.particles[i];(e=Math.min(Math.abs(n.x-s.x),Math.abs(n.y-s.y)))>this.options.netLineDistance||((e=Math.sqrt(Math.pow(n.x-s.x,2)+Math.pow(n.y-s.y,2)))>this.options.netLineDistance||(this.ctx.beginPath(),this.ctx.strokeStyle=this.options.netLineColor,this.ctx.globalAlpha=(this.options.netLineDistance-e)/this.options.netLineDistance*n.opacity*s.opacity,this.ctx.lineWidth=.7,this.ctx.moveTo(n.x,n.y),this.ctx.lineTo(s.x,s.y),this.ctx.stroke()))}for(t=0;t<this.particles.length;t++)this.particles[t].update(),this.particles[t].draw();0!==this.options.velocity&&(this.animationFrame=requestAnimationFrame(this.update.bind(this)))}else cancelAnimationFrame(this.animationFrame)},n.prototype.bindUiActions=function(){this.spawnQuantity=3,this.mouseIsDown=!1,this.touchIsMoving=!1,this.onMouseMove=function(t){this.interactionParticle||this.createInteractionParticle(),this.interactionParticle.x=t.offsetX,this.interactionParticle.y=t.offsetY}.bind(this),this.onTouchMove=function(t){t.preventDefault(),this.touchIsMoving=!0,this.interactionParticle||this.createInteractionParticle(),this.interactionParticle.x=t.changedTouches[0].clientX,this.interactionParticle.y=t.changedTouches[0].clientY}.bind(this),this.onMouseDown=function(t){this.mouseIsDown=!0;var i=0,n=this.spawnQuantity,s=setInterval(function(){if(this.mouseIsDown){1===i&&(n=1);for(var t=0;t<n;t++)this.interactionParticle&&this.particles.push(new e(this,this.interactionParticle.x,this.interactionParticle.y))}else clearInterval(s);i++}.bind(this),50)}.bind(this),this.onTouchStart=function(t){t.preventDefault(),setTimeout(function(){if(!this.touchIsMoving)for(var i=0;i<this.spawnQuantity;i++)this.particles.push(new e(this,t.changedTouches[0].clientX,t.changedTouches[0].clientY))}.bind(this),200)}.bind(this),this.onMouseUp=function(t){this.mouseIsDown=!1}.bind(this),this.onMouseOut=function(t){this.removeInteractionParticle()}.bind(this),this.onTouchEnd=function(t){t.preventDefault(),this.touchIsMoving=!1,this.removeInteractionParticle()}.bind(this),this.canvas.addEventListener("mousemove",this.onMouseMove),this.canvas.addEventListener("touchmove",this.onTouchMove),this.canvas.addEventListener("mousedown",this.onMouseDown),this.canvas.addEventListener("touchstart",this.onTouchStart),this.canvas.addEventListener("mouseup",this.onMouseUp),this.canvas.addEventListener("mouseout",this.onMouseOut),this.canvas.addEventListener("touchend",this.onTouchEnd)},n.prototype.unbindUiActions=function(){this.canvas&&(this.canvas.removeEventListener("mousemove",this.onMouseMove),this.canvas.removeEventListener("touchmove",this.onTouchMove),this.canvas.removeEventListener("mousedown",this.onMouseDown),this.canvas.removeEventListener("touchstart",this.onTouchStart),this.canvas.removeEventListener("mouseup",this.onMouseUp),this.canvas.removeEventListener("mouseout",this.onMouseOut),this.canvas.removeEventListener("touchend",this.onTouchEnd))};var o=function(t,i,e){var n=Math.random()*(i-t)+t;return e&&(n=Math.round(n)),n},h=function(t){return t[Math.floor(Math.random()*t.length)]};a()(document).ready((function(){(new t).init(a()("#particle-network-animation")[0])}))}()}]);