JavaScript File

1/* -----------------------------------------------

2/* Author : Vincent Garreau - vincentgarreau.com

3/* MIT license: http://opensource.org/licenses/MIT

4/* Demo / Generator : vincentgarreau.com/particles.js

5/* GitHub : github.com/VincentGarreau/particles.js

6/* How to use? : Check the GitHub README

7/* v2.0.0

8/* ----------------------------------------------- */

9function hexToRgb(e){var a=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;e=e.replace(a,function(e,a,t,i){return a+a+t+t+i+i}

10);var t=/^#?([a-f\d]{2}

11)([a-f\d]{2}

12)([a-f\d]{2}

13)$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}

14:null}

15function clamp(e,a,t){return Math.min(Math.max(e,a),t)}

16function isInArray(e,a){return a.indexOf(e)>-1}

17var pJS=function(e,a){var t=document.querySelector("#"+e+" > .particles-js-canvas-el");this.pJS={canvas:{el:t,w:t.offsetWidth,h:t.offsetHeight}

18,particles:{number:{value:400,density:{enable:!0,value_area:800}

19}

20,color:{value:"#fff"}

21,shape:{type:"circle",stroke:{width:0,color:"#ff0000"}

22,polygon:{nb_sides:5}

23,image:{src:"",width:100,height:100}

24}

25,opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}

26}

27,size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}

28}

29,line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1}

30,move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}

31}

32,array:[]}

33,interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"}

34,onclick:{enable:!0,mode:"push"}

35,resize:!0}

36,modes:{grab:{distance:100,line_linked:{opacity:1}

37}

38,bubble:{distance:200,size:80,duration:.4}

39,repulse:{distance:200,duration:.4}

40,push:{particles_nb:4}

...