particle js settings trying to make it less laggy and not like rocketchat

This commit is contained in:
czmj 2017-09-23 21:42:01 +01:00
parent 317bf448fe
commit fb183f2b4b
1 changed files with 102 additions and 102 deletions

View File

@ -106,114 +106,114 @@
if ($( window ).width() > 980) { if ($( window ).width() > 980) {
particlesJS('banner', { particlesJS('banner', {
"particles": { "particles": {
"number": { "number": {
"value": 200, "value": 65,
"density": { "density": {
"enable": false, "enable": false,
"value_area": 1000 "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.3,
"random": true,
"anim": {
"enable": true,
"speed": 1,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 4.6,
"random": true,
"anim": {
"enable": false,
"speed": 6,
"size_min": 0.1,
"sync": false
}
},
"line_linked": {
"enable": true,
"distance": 200,
"color": "#ffffff",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 4,
"direction": "none",
"random": true,
"straight": false,
"out_mode": "bounce",
"bounce": false,
"attract": {
"enable": true,
"rotateX": 600,
"rotateY": 1200
}
} }
},
"color": {
"value": "#29335C"
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
},
"polygon": {
"nb_sides": 5
},
"image": {
"src": "img/github.svg",
"width": 100,
"height": 100
}
},
"opacity": {
"value": 0.6,
"random": true,
"anim": {
"enable": false,
"speed": 1,
"opacity_min": 0.4,
"sync": false
}
},
"size": {
"value": 16,
"random": true,
"anim": {
"enable": true,
"speed": 3,
"size_min": 10,
"sync": false
}
},
"line_linked": {
"enable": true,
"distance": 250,
"color": "#29335C",
"opacity": 0.4,
"width": 2
},
"move": {
"enable": true,
"speed": 0.4,
"direction": "none",
"random": true,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
}, },
"interactivity": { "interactivity": {
"detect_on": "canvas", "detect_on": "canvas",
"events": { "events": {
"onhover": { "onhover": {
"enable": true, "enable": true,
"mode": "grab" "mode": "grab"
},
"onclick": {
"enable": true,
"mode": "push"
},
"resize": false
}, },
"modes": { "onclick": {
"grab": { "enable": true,
"distance": 133.99274002972194, "mode": "push"
"line_linked": { },
"opacity": 1 "resize": true
} },
}, "modes": {
"bubble": { "grab": {
"distance": 400, "distance": 200,
"size": 40, "line_linked": {
"duration": 2, "opacity": 0.8
"opacity": 8, }
"speed": 3 },
}, "bubble": {
"repulse": { "distance": 400,
"distance": 200, "size": 40,
"duration": 0.4 "duration": 2,
}, "opacity": 8,
"push": { "speed": 3
"particles_nb": 2 },
}, "repulse": {
"remove": { "distance": 200,
"particles_nb": 2 "duration": 0.4
} },
"push": {
"particles_nb": 2
},
"remove": {
"particles_nb": 2
} }
}
}, },
"retina_detect": false "retina_detect": true
}); });
} }
}); });
})(jQuery); })(jQuery);