https://www.yubian.jp/design/themes/yubian/js/normal-particles.js

1// 背景アニメーション
2// 幾何学模様
3particlesJS("particles-js", {
4    "particles": {
5        "number": {
6            "value": 140, // 粒子数を増やして模様を濃く
7            "density": {
8                "enable": true,
9                "value_area": 700
10            }
11        },
12        "color": {
13            "value": ["#a5cceb", "#a8e4c5"] // 色を均等に配分
14        },
15        "shape": {
16            "type": ["circle", "triangle", "polygon"], // ランダムな形状
17            "polygon": {
18                "nb_sides": 5 // ポリゴンの辺数を調整
19            }
20        },
21        "opacity": {
22            "value": 0.5,
23            "random": true // 不透明度もランダム化
24        },
25        "size": {
26            "value": 3,
27            "random": true // 粒子サイズをランダム化
28        },
29        "line_linked": {
30            "enable": true,
31            "distance": 150,
32            "color": "#a5cceb",
33            "opacity": 0.5,
34            "width": 1
35        },
36        "move": {
37            "enable": true,
38            "speed": 4,
39            "random": true,
40            "out_mode": "bounce",
41            "bounce": true,
42            "attract": {
43                "enable": false // 引力効果をオフに
44            }
45        }
46    },
47    "interactivity": {
48        "detect_on": "canvas",
49        "events": {
50            "onclick": {
51                "enable": true,
52                "mode": "push"
53            }
54        }
55    },
56    "retina_detect": true
57});