diff --git a/src/components/Particles.jsx b/src/components/Particles.jsx index 7f13331..17aaf0e 100644 --- a/src/components/Particles.jsx +++ b/src/components/Particles.jsx @@ -1,114 +1,116 @@ export const particles = { - - - particles: { - number: { - value: 168, - density: { - enable: true, - value_area: 480 - } + fullScreen: { + enable: true, + zIndex: -10 + }, + particles: { + number: { + value: 100, + density: { + enable: true, + value_area: 400 + } + }, + color: { + value: "#ddd" + }, + shape: { + type: "triangle", + stroke: { + width: 0, + color: "#000000" }, - color: { - value: "#ffffff" + polygon: { + nb_sides: 3 }, - shape: { - type: "triangle", - stroke: { - width: 0, - color: "#000000" - }, - polygon: { - nb_sides: 3 - }, - image: { - src: "img/github.svg", - width: 100, - height: 100 - } + 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: 3, + random: true, + anim: { + enable: false, + speed: 30, + size_min: 0.1, + sync: false + } + }, + links: { + enable: true, + distance: 200, + color: "#bbb", + opacity: 1, + width: 1 + }, + move: { + enable: true, + speed: 2, + direction: "random", + random: false, + straight: false, + out_mode: "out", + bounce: false, + attract: { + enable: false, + rotateX: 600, + rotateY: 1200 + } + } + }, + interactivity: { + detect_on: "canvas", + events: { + onHover: { + enable: true, + mode: "grab" }, - opacity: { - value: 0.776, - random: false, - anim: { - enable: false, - speed: 1, - opacity_min: 0.1, - sync: false - } + onClick: { + enable: true, + mode: "push" }, - size: { - value: 3, - random: true, - anim: { - enable: false, - speed: 40, - size_min: 0.1, - sync: false + resize: true + }, + modes: { + grab: { + distance: 200, + links: { + opacity: 0.5 } }, - links: { - enable: true, - distance: 208, - color: "#ffffff", - opacity:1, - width: 1 + bubble: { + distance: 400, + size: 40, + duration: 2, + opacity: 8, + speed: 3 }, - move: { - enable: true, - speed: 5.199999999999996, - direction: "random", - random: false, - straight: false, - out_mode: "out", - bounce: false, - attract: { - enable: false, - rotateX: 600, - rotateY: 1200 - } - } - }, - interactivity: { - detect_on: "canvas", - events: { - onHover: { - enable: true, - mode: "grab" - }, - onClick: { - enable: true, - mode: "push" - }, - resize: true + repulse: { + distance: 200, + duration: 0.4 }, - modes: { - grab: { - distance: 316.0018473954158, - links: { - opacity: 1 - } - }, - bubble: { - distance: 400, - size: 40, - duration: 2, - opacity: 8, - speed: 3 - }, - repulse: { - distance: 200, - duration: 0.4 - }, - push: { - particles_nb: 4 - }, - remove: { - particles_nb: 2 - } + push: { + particles_nb: 4 + }, + remove: { + particles_nb: 2 } - }, - detectRetina: true - - + } + }, + detectRetina: true + + } \ No newline at end of file