Spaces:
Runtime error
Runtime error
| /* ----------------------------------------------- | |
| /* How to use? : Check the GitHub README | |
| /* ----------------------------------------------- */ | |
| /* To load a config file (particles.json) you need to host this demo (MAMP/WAMP/local)... */ | |
| /* | |
| particlesJS.load('particles-js', 'particles.json', function() { | |
| console.log('particles.js loaded - callback'); | |
| }); | |
| */ | |
| /* Otherwise just put the config content (json): */ | |
| particlesJS('particles-js', | |
| { | |
| "particles": { | |
| "number": { | |
| "value": 50, | |
| "density": { | |
| "enable": true, | |
| "value_area": 800 | |
| } | |
| }, | |
| "color": { | |
| "value": "#1d1d1d" | |
| }, | |
| "shape": { | |
| "type": "circle", | |
| "stroke": { | |
| "width": 0, | |
| "color": "#1d1d1d" | |
| }, | |
| "polygon": { | |
| "nb_sides": 5 | |
| }, | |
| "image": { | |
| "src": "img/github.svg", | |
| "width": 100, | |
| "height": 100 | |
| } | |
| }, | |
| "opacity": { | |
| "value": 0.3, | |
| "random": true, | |
| "anim": { | |
| "enable": false, | |
| "speed": 1, | |
| "opacity_min": 0.1, | |
| "sync": false | |
| } | |
| }, | |
| "size": { | |
| "value": 4, | |
| "random": true, | |
| "anim": { | |
| "enable": false, | |
| "speed": 40, | |
| "size_min": 0.1, | |
| "sync": false | |
| } | |
| }, | |
| "line_linked": { | |
| "enable": true, | |
| "distance": 150, | |
| "color": "#3f3f3f", | |
| "opacity": 0.4, | |
| "width": 1 | |
| }, | |
| "move": { | |
| "enable": true, | |
| "speed": 2, | |
| "direction": "none", | |
| "random": false, | |
| "straight": false, | |
| "out_mode": "out", | |
| "attract": { | |
| "enable": false, | |
| "rotateX": 600, | |
| "rotateY": 1200 | |
| } | |
| } | |
| }, | |
| "interactivity": { | |
| "detect_on": "canvas", | |
| "events": { | |
| "onhover": { | |
| "enable": false, | |
| "mode": "remove" | |
| }, | |
| "onclick": { | |
| "enable": false, | |
| "mode": "push" | |
| }, | |
| "resize": true | |
| }, | |
| "modes": { | |
| "grab": { | |
| "distance": 400, | |
| "line_linked": { | |
| "opacity": 1 | |
| } | |
| }, | |
| "bubble": { | |
| "distance": 400, | |
| "size": 40, | |
| "duration": 2, | |
| "opacity": 8, | |
| "speed": 3 | |
| }, | |
| "repulse": { | |
| "distance": 200 | |
| }, | |
| "push": { | |
| "particles_nb": 2, | |
| "speed": 3 | |
| }, | |
| "remove": { | |
| "particles_nb": 2 | |
| } | |
| } | |
| }, | |
| "retina_detect": true, | |
| "config_demo": { | |
| "hide_card": false, | |
| "background_color": "#b61924", | |
| "background_image": "", | |
| "background_position": "50% 50%", | |
| "background_repeat": "no-repeat", | |
| "background_size": "cover" | |
| } | |
| } | |
| ); |