Spaces:
Sleeping
Sleeping
/* ---- particles.js config ---- */ | |
particlesJS("particles-js", { | |
"particles": { | |
"number": { | |
"value": 40, | |
"density": { | |
"enable": true, | |
"value_area": 800 | |
} | |
}, | |
"color": { | |
"value": "#fc900a" | |
}, | |
"shape": { | |
"type": "circle", | |
"stroke": { | |
"width": 0, | |
"color": "#000000" | |
}, | |
"polygon": { | |
"nb_sides": 5 | |
}, | |
"image": { | |
"src": "img/icon.png", | |
"width": 100, | |
"height": 100 | |
} | |
}, | |
"opacity": { | |
"value": 0.5, | |
"random": false, | |
"anim": { | |
"enable": false, | |
"speed": 1, | |
"opacity_min": 0.1, | |
"sync": false | |
} | |
}, | |
"size": { | |
"value": 3, | |
"random": true, | |
"anim": { | |
"enable": false, | |
"speed": 4, | |
"size_min": 0.1, | |
"sync": false | |
} | |
}, | |
"line_linked": { | |
"enable": true, | |
"distance": 300, | |
"color": "#ff9100", | |
"opacity": 0.8, | |
"width": 1 | |
}, | |
"move": { | |
"enable": true, | |
"speed": 0.2, | |
"direction": "none", | |
"random": false, | |
"straight": false, | |
"out_mode": "out", | |
"bounce": false, | |
"attract": { | |
"enable": false, | |
"rotateX": 600, | |
"rotateY": 1200 | |
} | |
} | |
}, | |
"interactivity": { | |
"detect_on": "canvas", | |
"events": { | |
"onhover": { | |
"enable": false, | |
"mode": "grab" | |
}, | |
"onclick": { | |
"enable": false, | |
"mode": "grab" | |
}, | |
"resize": true | |
}, | |
"modes": { | |
"grab": { | |
"distance": 140, | |
"line_linked": { | |
"opacity": 1 | |
} | |
}, | |
"bubble": { | |
"distance": 400, | |
"size": 40, | |
"duration": 8, | |
"opacity": 8, | |
"speed": 1 | |
}, | |
"repulse": { | |
"distance": 200, | |
"duration": 0.5 | |
}, | |
"push": { | |
"particles_nb": 4 | |
}, | |
"remove": { | |
"particles_nb": 2 | |
} | |
} | |
}, | |
"retina_detect": true | |
}); | |
/* ---- stats.js config ---- */ | |
var count_particles, stats, update; | |
stats = new Stats; | |
stats.setMode(0); | |
stats.domElement.style.position = 'absolute'; | |
stats.domElement.style.left = '0px'; | |
stats.domElement.style.top = '0px'; | |
document.body.appendChild(stats.domElement); | |
count_particles = document.querySelector('.js-count-particles'); | |
update = function() { | |
stats.begin(); | |
stats.end(); | |
if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) { | |
count_particles.innerText = window.pJSDom[0].pJS.particles.array.length; | |
} | |
requestAnimationFrame(update); | |
}; | |
requestAnimationFrame(update); | |