https://dsai-coep.netlify.app/particles.js

1/* ---- particles.js config ---- */
2
3particlesJS("particles-js", {
4    "particles": {
5      "number": {
6        "value": 420,
7        "density": {
8          "enable": true,
9          "value_area": 2042
10        }
11      },
12      "color": {
13        "value": "#000000"
14      },
15      "shape": {
16        "type": "circle",
17        "stroke": {
18          "width": 0,
19          "color": "#000000"
20        },
21        "polygon": {
22          "nb_sides": 5
23        },
24        "image": {
25          "src": "img/github.svg",
26          "width": 100,
27          "height": 100
28        }
29      },
30      "opacity": {
31        "value": 0.5,
32        "random": false,
33        "anim": {
34          "enable": false,
35          "speed": 1,
36          "opacity_min": 0.1,
37          "sync": false
38        }
39      },
40      "size": {
41        "value": 3,
42        "random": true,
43        "anim": {
44          "enable": false,
45          "speed": 40,
46          "size_min": 1,
47          "sync": false
48        }
49      },
50      "line_linked": {
51        "enable": true,
52        "distance": 150,
53        "color": "#000000",
54        "opacity": 0.4,
55        "width": 1
56      },
57      "move": {
58        "enable": true,
59        "speed": 3,
60        "direction": "none",
61        "random": false,
62        "straight": false,
63        "out_mode": "out",
64        "bounce": false,
65        "attract": {
66          "enable": false,
67          "rotateX": 600,
68          "rotateY": 1200
69        }
70      }
71    },
72    "interactivity": {
73      "detect_on": "canvas",
74      "events": {
75        "onhover": {
76          "enable": true,
77          "mode": "grab"
78        },
79        "onclick": {
80          "enable": true,
81          "mode": "push"
82        },
83        "resize": true
84      },
85      "modes": {
86        "grab": {
87          "distance": 140,
88          "line_linked": {
89            "opacity": 1
90          }
91        },
92        "bubble": {
93          "distance": 400,
94          "size": 40,
95          "duration": 2,
96          "opacity": 8,
97          "speed": 3
98        },
99        "repulse": {
100          "distance": 200,
101          "duration": 0.4
102        },
103        "push": {
104          "particles_nb": 4
105        },
106        "remove": {
107          "particles_nb": 2
108        }
109      }
110    },
111    "retina_detect": true
112  });
113  
114  
115  /* ---- stats.js config ---- */
116  
117  requestAnimationFrame(update);