You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
133 lines
2.8 KiB
133 lines
2.8 KiB
/* ----------------------------------------------- |
|
/* 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": 80, |
|
"density": { |
|
"enable": true, |
|
"value_area": 800 |
|
} |
|
}, |
|
"color": { |
|
"value": "#ffffff" |
|
}, |
|
"shape": { |
|
"type": "circle", |
|
"stroke": { |
|
"width": 0, |
|
"color": "#000000" |
|
}, |
|
"polygon": { |
|
"nb_sides": 5 |
|
}, |
|
"image": { |
|
"src": "img/github.svg", |
|
"width": 100, |
|
"height": 100 |
|
} |
|
}, |
|
"opacity": { |
|
"value": 0.5, |
|
"random": false, |
|
"anim": { |
|
"enable": false, |
|
"speed": 1, |
|
"opacity_min": 0.1, |
|
"sync": false |
|
} |
|
}, |
|
"size": { |
|
"value": 5, |
|
"random": true, |
|
"anim": { |
|
"enable": false, |
|
"speed": 40, |
|
"size_min": 0.1, |
|
"sync": false |
|
} |
|
}, |
|
"line_linked": { |
|
"enable": true, |
|
"distance": 150, |
|
"color": "#ffffff", |
|
"opacity": 0.4, |
|
"width": 1 |
|
}, |
|
"move": { |
|
"enable": true, |
|
"speed": 6, |
|
"direction": "none", |
|
"random": false, |
|
"straight": false, |
|
"out_mode": "out", |
|
"attract": { |
|
"enable": false, |
|
"rotateX": 600, |
|
"rotateY": 1200 |
|
} |
|
} |
|
}, |
|
"interactivity": { |
|
"detect_on": "canvas", |
|
"events": { |
|
"onhover": { |
|
"enable": true, |
|
"mode": "repulse" |
|
}, |
|
"onclick": { |
|
"enable": true, |
|
"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": 4 |
|
}, |
|
"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" |
|
} |
|
} |
|
|
|
); |