| | |
| | | pJS.fn.retinaInit = function(){ |
| | | |
| | | if(pJS.retina_detect && window.devicePixelRatio > 1){ |
| | | pJS.canvas.pxratio = window.devicePixelRatio; |
| | | pJS.canvas.pxratio = window.devicePixelRatio; |
| | | pJS.tmp.retina = true; |
| | | } |
| | | } |
| | | else{ |
| | | pJS.canvas.pxratio = 1; |
| | | pJS.tmp.retina = false; |
| | |
| | | this.vx_i = this.vx; |
| | | this.vy_i = this.vy; |
| | | |
| | | |
| | | |
| | | |
| | | /* if shape is image */ |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | }; |
| | | |
| | |
| | | var p = this; |
| | | |
| | | if(p.radius_bubble != undefined){ |
| | | var radius = p.radius_bubble; |
| | | var radius = p.radius_bubble; |
| | | }else{ |
| | | var radius = p.radius; |
| | | } |
| | |
| | | pJS.canvas.ctx.lineWidth = pJS.particles.shape.stroke.width; |
| | | pJS.canvas.ctx.stroke(); |
| | | } |
| | | |
| | | |
| | | pJS.canvas.ctx.fill(); |
| | | |
| | | |
| | | }; |
| | | |
| | | |
| | |
| | | pJS.tmp.count_svg = 0; |
| | | pJS.fn.particlesEmpty(); |
| | | pJS.fn.canvasClear(); |
| | | |
| | | |
| | | /* restart */ |
| | | pJS.fn.vendors.start(); |
| | | |
| | |
| | | |
| | | var opacity_line = pJS.particles.line_linked.opacity - (dist / (1/pJS.particles.line_linked.opacity)) / pJS.particles.line_linked.distance; |
| | | |
| | | if(opacity_line > 0){ |
| | | |
| | | if(opacity_line > 0){ |
| | | |
| | | /* style */ |
| | | var color_line = pJS.particles.line_linked.color_rgb_line; |
| | | pJS.canvas.ctx.strokeStyle = 'rgba('+color_line.r+','+color_line.g+','+color_line.b+','+opacity_line+')'; |
| | | pJS.canvas.ctx.lineWidth = pJS.particles.line_linked.width; |
| | | //pJS.canvas.ctx.lineCap = 'round'; /* performance issue */ |
| | | |
| | | |
| | | /* path */ |
| | | pJS.canvas.ctx.beginPath(); |
| | | pJS.canvas.ctx.moveTo(p1.x, p1.y); |
| | |
| | | p2.vy += ay; |
| | | |
| | | } |
| | | |
| | | |
| | | |
| | | } |
| | | |
| | |
| | | if(dist_mouse <= pJS.interactivity.modes.bubble.distance){ |
| | | |
| | | if(ratio >= 0 && pJS.interactivity.status == 'mousemove'){ |
| | | |
| | | |
| | | /* size */ |
| | | if(pJS.interactivity.modes.bubble.size != pJS.particles.size.value){ |
| | | |
| | |
| | | if(pJS.interactivity.status == 'mouseleave'){ |
| | | init(); |
| | | } |
| | | |
| | | |
| | | } |
| | | |
| | | /* on click event */ |
| | |
| | | repulseRadius = pJS.interactivity.modes.repulse.distance, |
| | | velocity = 100, |
| | | repulseFactor = clamp((1/repulseRadius)*(-1*Math.pow(dist_mouse/repulseRadius,2)+1)*repulseRadius*velocity, 0, 50); |
| | | |
| | | |
| | | var pos = { |
| | | x: p.x + normVec.x * repulseFactor, |
| | | y: p.y + normVec.y * repulseFactor |
| | |
| | | p.x = pos.x; |
| | | p.y = pos.y; |
| | | } |
| | | |
| | | |
| | | } |
| | | |
| | | |
| | |
| | | // }else{ |
| | | // process(); |
| | | // } |
| | | |
| | | |
| | | |
| | | }else{ |
| | | |
| | |
| | | |
| | | p.vx = p.vx_i; |
| | | p.vy = p.vy_i; |
| | | |
| | | |
| | | } |
| | | |
| | | } |
| | |
| | | pJS.canvas.ctx.strokeStyle = 'rgba('+color_line.r+','+color_line.g+','+color_line.b+','+opacity_line+')'; |
| | | pJS.canvas.ctx.lineWidth = pJS.particles.line_linked.width; |
| | | //pJS.canvas.ctx.lineCap = 'round'; /* performance issue */ |
| | | |
| | | |
| | | /* path */ |
| | | pJS.canvas.ctx.beginPath(); |
| | | pJS.canvas.ctx.moveTo(p.x, p.y); |
| | |
| | | } |
| | | |
| | | }); |
| | | |
| | | |
| | | } |
| | | |
| | | |
| | |
| | | pJS.fn.vendors.init(); |
| | | pJS.fn.vendors.draw(); |
| | | } |
| | | |
| | | |
| | | } |
| | | |
| | | }else{ |
| | |
| | | pJS.fn.vendors.eventsListeners(); |
| | | |
| | | pJS.fn.vendors.start(); |
| | | |
| | | |
| | | |
| | | |
| | | }; |
| | |
| | | }; |
| | | |
| | | window.particlesJS.load = function(tag_id, path_config_json, callback){ |
| | | |
| | | debugger |
| | | /* load json config */ |
| | | var xhr = new XMLHttpRequest(); |
| | | xhr.open('GET', path_config_json); |
| | |
| | | } |
| | | export { |
| | | loginBg |
| | | } |
| | | } |