Слияние кода завершено, страница обновится автоматически
/* -----------------------------------------------
/* Author : Vincent Garreau - vincentgarreau.com
/* MIT license: http://opensource.org/licenses/MIT
/* GitHub : https://github.com/VincentGarreau/particles.js
/* How to use? : Check the GitHub README
/* ----------------------------------------------- */
function launchParticlesJS(e,d){var c=document.querySelector("#"+e+" > canvas");pJS={canvas:{el:c,w:c.offsetWidth,h:c.offsetHeight},particles:{color:"#fff",shape:"circle",opacity:1,size:2.5,size_random:true,nb:200,line_linked:{enable_auto:true,distance:100,color:"#fff",opacity:1,width:1,condensed_mode:{enable:true,rotateX:65000,rotateY:65000}},anim:{enable:true,speed:1},array:[]},interactivity:{enable:true,mouse:{distance:100},detect_on:"canvas",mode:"grab",line_linked:{opacity:1},events:{onclick:{push_particles:{enable:true,nb:1}}}},retina_detect:false,fn:{vendors:{interactivity:{}}}};if(d){if(d.particles){if(d.particles.color){pJS.particles.color=d.particles.color}if(d.particles.shape){pJS.particles.shape=d.particles.shape}if(d.particles.opacity){pJS.particles.opacity=d.particles.opacity}if(d.particles.size){pJS.particles.size=d.particles.size}if(d.particles.size_random==false){pJS.particles.size_random=d.particles.size_random}if(d.particles.nb){pJS.particles.nb=d.particles.nb}if(d.particles.line_linked){if(d.particles.line_linked.enable_auto==false){pJS.particles.line_linked.enable_auto=d.particles.line_linked.enable_auto}if(d.particles.line_linked.distance){pJS.particles.line_linked.distance=d.particles.line_linked.distance}if(d.particles.line_linked.color){pJS.particles.line_linked.color=d.particles.line_linked.color}if(d.particles.line_linked.opacity){pJS.particles.line_linked.opacity=d.particles.line_linked.opacity}if(d.particles.line_linked.width){pJS.particles.line_linked.width=d.particles.line_linked.width}if(d.particles.line_linked.condensed_mode){if(d.particles.line_linked.condensed_mode.enable==false){pJS.particles.line_linked.condensed_mode.enable=d.particles.line_linked.condensed_mode.enable}if(d.particles.line_linked.condensed_mode.rotateX){pJS.particles.line_linked.condensed_mode.rotateX=d.particles.line_linked.condensed_mode.rotateX}if(d.particles.line_linked.condensed_mode.rotateY){pJS.particles.line_linked.condensed_mode.rotateY=d.particles.line_linked.condensed_mode.rotateY}}}if(d.particles.anim){if(d.particles.anim.enable==false){pJS.particles.anim.enable=d.particles.anim.enable}if(d.particles.anim.speed){pJS.particles.anim.speed=d.particles.anim.speed}}}if(d.interactivity){if(d.interactivity.enable==false){pJS.interactivity.enable=d.interactivity.enable}if(d.interactivity.mouse){if(d.interactivity.mouse.distance){pJS.interactivity.mouse.distance=d.interactivity.mouse.distance}}if(d.interactivity.detect_on){pJS.interactivity.detect_on=d.interactivity.detect_on}if(d.interactivity.mode){pJS.interactivity.mode=d.interactivity.mode}if(d.interactivity.line_linked){if(d.interactivity.line_linked.opacity){pJS.interactivity.line_linked.opacity=d.interactivity.line_linked.opacity}}if(d.interactivity.events){if(d.interactivity.events.onclick){if(d.interactivity.events.onclick.push_particles){if(d.interactivity.events.onclick.push_particles.enable==false){pJS.interactivity.events.onclick.push_particles.enable=d.interactivity.events.onclick.push_particles.enable}if(d.interactivity.events.onclick.push_particles.nb){pJS.interactivity.events.onclick.push_particles.nb=d.interactivity.events.onclick.push_particles.nb}}}}}pJS.retina_detect=d.retina_detect}pJS.particles.color_rgb=hexToRgb(pJS.particles.color);pJS.particles.line_linked.color_rgb_line=hexToRgb(pJS.particles.line_linked.color);if(pJS.retina_detect&&window.devicePixelRatio>1){pJS.retina=true;pJS.canvas.w=pJS.canvas.el.offsetWidth*2;pJS.canvas.h=pJS.canvas.el.offsetHeight*2;pJS.particles.anim.speed=pJS.particles.anim.speed*2;pJS.particles.line_linked.distance=pJS.particles.line_linked.distance*2;pJS.particles.line_linked.width=pJS.particles.line_linked.width*2;pJS.interactivity.mouse.distance=pJS.interactivity.mouse.distance*2}pJS.fn.canvasInit=function(){pJS.canvas.ctx=pJS.canvas.el.getContext("2d")};pJS.fn.canvasSize=function(){pJS.canvas.el.width=pJS.canvas.w;pJS.canvas.el.height=pJS.canvas.h;window.onresize=function(){pJS.canvas.w=pJS.canvas.el.offsetWidth;pJS.canvas.h=pJS.canvas.el.offsetHeight;if(pJS.retina){pJS.canvas.w*=2;pJS.canvas.h*=2}pJS.canvas.el.width=pJS.canvas.w;pJS.canvas.el.height=pJS.canvas.h;pJS.fn.canvasPaint();if(!pJS.particles.anim.enable){pJS.fn.particlesRemove();pJS.fn.canvasRemove();a()}}};pJS.fn.canvasPaint=function(){pJS.canvas.ctx.fillRect(0,0,pJS.canvas.w,pJS.canvas.h)};pJS.fn.canvasRemove=function(){pJS.canvas.ctx.clearRect(0,0,pJS.canvas.w,pJS.canvas.h)};pJS.fn.particle=function(g,h,f){this.x=f?f.x:Math.random()*pJS.canvas.w;this.y=f?f.y:Math.random()*pJS.canvas.h;this.radius=(pJS.particles.size_random?Math.random():1)*pJS.particles.size;if(pJS.retina){this.radius*=2}this.color=g;this.opacity=h;this.vx=-0.5+Math.random();this.vy=-0.5+Math.random();this.draw=function(){pJS.canvas.ctx.fillStyle="rgba("+this.color.r+","+this.color.g+","+this.color.b+","+this.opacity+")";pJS.canvas.ctx.beginPath();switch(pJS.particles.shape){case"circle":pJS.canvas.ctx.arc(this.x,this.y,this.radius,0,Math.PI*2,false);break;case"edge":pJS.canvas.ctx.rect(this.x,this.y,this.radius*2,this.radius*2);break;case"triangle":pJS.canvas.ctx.moveTo(this.x,this.y);pJS.canvas.ctx.lineTo(this.x+this.radius,this.y+this.radius*2);pJS.canvas.ctx.lineTo(this.x-this.radius,this.y+this.radius*2);pJS.canvas.ctx.closePath();break}pJS.canvas.ctx.fill()}};pJS.fn.particlesCreate=function(){for(var f=0;f<pJS.particles.nb;f++){pJS.particles.array.push(new pJS.fn.particle(pJS.particles.color_rgb,pJS.particles.opacity))}};pJS.fn.particlesAnimate=function(){for(var g=0;g<pJS.particles.array.length;g++){var k=pJS.particles.array[g];k.x+=k.vx*(pJS.particles.anim.speed/2);k.y+=k.vy*(pJS.particles.anim.speed/2);if(k.x-k.radius>pJS.canvas.w){k.x=k.radius}else{if(k.x+k.radius<0){k.x=pJS.canvas.w+k.radius}}if(k.y-k.radius>pJS.canvas.h){k.y=k.radius}else{if(k.y+k.radius<0){k.y=pJS.canvas.h+k.radius}}for(var f=g+1;f<pJS.particles.array.length;f++){var h=pJS.particles.array[f];if(pJS.particles.line_linked.enable_auto){pJS.fn.vendors.distanceParticles(k,h)}if(pJS.interactivity.enable){switch(pJS.interactivity.mode){case"grab":pJS.fn.vendors.interactivity.grabParticles(k,h);break}}}}};pJS.fn.particlesDraw=function(){pJS.canvas.ctx.clearRect(0,0,pJS.canvas.w,pJS.canvas.h);pJS.fn.particlesAnimate();for(var f=0;f<pJS.particles.array.length;f++){var g=pJS.particles.array[f];g.draw("rgba("+g.color.r+","+g.color.g+","+g.color.b+","+g.opacity+")")}};pJS.fn.particlesRemove=function(){pJS.particles.array=[]};pJS.fn.vendors.distanceParticles=function(m,k){var h=m.x-k.x,g=m.y-k.y,l=Math.sqrt(h*h+g*g);if(l<=pJS.particles.line_linked.distance){var f=pJS.particles.line_linked.color_rgb_line;pJS.canvas.ctx.beginPath();pJS.canvas.ctx.strokeStyle="rgba("+f.r+","+f.g+","+f.b+","+(pJS.particles.line_linked.opacity-l/pJS.particles.line_linked.distance)+")";pJS.canvas.ctx.moveTo(m.x,m.y);pJS.canvas.ctx.lineTo(k.x,k.y);pJS.canvas.ctx.lineWidth=pJS.particles.line_linked.width;pJS.canvas.ctx.stroke();pJS.canvas.ctx.closePath();if(pJS.particles.line_linked.condensed_mode.enable){var h=m.x-k.x,g=m.y-k.y,j=h/(pJS.particles.line_linked.condensed_mode.rotateX*1000),i=g/(pJS.particles.line_linked.condensed_mode.rotateY*1000);k.vx+=j;k.vy+=i}}};pJS.fn.vendors.interactivity.listeners=function(){if(pJS.interactivity.detect_on=="window"){var f=window}else{var f=pJS.canvas.el}f.onmousemove=function(g){pJS.interactivity.mouse.pos_x=g.pageX;pJS.interactivity.mouse.pos_y=g.pageY;if(pJS.retina){pJS.interactivity.mouse.pos_x*=2;pJS.interactivity.mouse.pos_y*=2}pJS.interactivity.status="mousemove"};f.onmouseleave=function(g){pJS.interactivity.mouse.pos_x=0;pJS.interactivity.mouse.pos_y=0;pJS.interactivity.status="mouseleave"};if(pJS.interactivity.events.onclick.push_particles.enable){f.onclick=function(h){for(var g=0;g<pJS.interactivity.events.onclick.push_particles.nb;g++){pJS.particles.array.push(new pJS.fn.particle(pJS.particles.color_rgb,pJS.particles.opacity,{x:pJS.interactivity.mouse.pos_x,y:pJS.interactivity.mouse.pos_y}))}}}};pJS.fn.vendors.interactivity.grabParticles=function(k,j){var n=k.x-j.x,l=k.y-j.y,i=Math.sqrt(n*n+l*l);var m=k.x-pJS.interactivity.mouse.pos_x,g=k.y-pJS.interactivity.mouse.pos_y,h=Math.sqrt(m*m+g*g);if(i<=pJS.particles.line_linked.distance&&h<=pJS.interactivity.mouse.distance&&pJS.interactivity.status=="mousemove"){var f=pJS.particles.line_linked.color_rgb_line;pJS.canvas.ctx.beginPath();pJS.canvas.ctx.strokeStyle="rgba("+f.r+","+f.g+","+f.b+","+(pJS.interactivity.line_linked.opacity-h/pJS.interactivity.mouse.distance)+")";pJS.canvas.ctx.moveTo(k.x,k.y);pJS.canvas.ctx.lineTo(pJS.interactivity.mouse.pos_x,pJS.interactivity.mouse.pos_y);pJS.canvas.ctx.lineWidth=pJS.particles.line_linked.width;pJS.canvas.ctx.stroke();pJS.canvas.ctx.closePath()}};pJS.fn.vendors.destroy=function(){cancelAnimationFrame(pJS.fn.requestAnimFrame);c.remove();delete pJS};function a(){pJS.fn.canvasInit();pJS.fn.canvasSize();pJS.fn.canvasPaint();pJS.fn.particlesCreate();pJS.fn.particlesDraw()}function b(){pJS.fn.particlesDraw();pJS.fn.requestAnimFrame=requestAnimFrame(b)}a();if(pJS.particles.anim.enable){b()}if(pJS.interactivity.enable){pJS.fn.vendors.interactivity.listeners()}}window.requestAnimFrame=(function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a){window.setTimeout(a,1000/60)}})();window.cancelRequestAnimFrame=(function(){return window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.mozCancelRequestAnimationFrame||window.oCancelRequestAnimationFrame||window.msCancelRequestAnimationFrame||clearTimeout})();function hexToRgb(c){var b=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;c=c.replace(b,function(e,h,f,d){return h+h+f+f+d+d});var a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(c);return a?{r:parseInt(a[1],16),g:parseInt(a[2],16),b:parseInt(a[3],16)}:null}window.particlesJS=function(d,c){if(typeof(d)!="string"){c=d;d="particles-js"}if(!d){d="particles-js"}var b=document.createElement("canvas");b.style.width="100%";b.style.height="100%";var a=document.getElementById(d).appendChild(b);if(a!=null){launchParticlesJS(d,c)}};
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарий ( 0 )