https://www.uscatanzaro.net/forum/styles/puntonet/template/particles.app.js

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