@tsparticles/configs 4.0.0-alpha.25 → 4.0.0-alpha.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/browser/c/collisionsDestroy.js +20 -43
  2. package/browser/p/index.js +2 -0
  3. package/browser/p/pathBranches.js +38 -1
  4. package/browser/p/pathBranchesInertia.js +93 -0
  5. package/browser/p/pathBrownian.js +38 -1
  6. package/browser/p/pathGrid.js +38 -1
  7. package/browser/p/pathLevy.js +38 -1
  8. package/browser/p/pathMaze.js +38 -1
  9. package/browser/p/pathSpiral.js +38 -1
  10. package/browser/p/pathSvg.js +38 -1
  11. package/browser/p/pathZigZag.js +38 -1
  12. package/browser/r/reactBubbles.js +0 -7
  13. package/browser/r/reactNightSky.js +0 -7
  14. package/cjs/c/collisionsDestroy.js +20 -43
  15. package/cjs/p/index.js +2 -0
  16. package/cjs/p/pathBranches.js +38 -1
  17. package/cjs/p/pathBranchesInertia.js +93 -0
  18. package/cjs/p/pathBrownian.js +38 -1
  19. package/cjs/p/pathGrid.js +38 -1
  20. package/cjs/p/pathLevy.js +38 -1
  21. package/cjs/p/pathMaze.js +38 -1
  22. package/cjs/p/pathSpiral.js +38 -1
  23. package/cjs/p/pathSvg.js +38 -1
  24. package/cjs/p/pathZigZag.js +38 -1
  25. package/cjs/r/reactBubbles.js +0 -7
  26. package/cjs/r/reactNightSky.js +0 -7
  27. package/esm/c/collisionsDestroy.js +20 -43
  28. package/esm/p/index.js +2 -0
  29. package/esm/p/pathBranches.js +38 -1
  30. package/esm/p/pathBranchesInertia.js +93 -0
  31. package/esm/p/pathBrownian.js +38 -1
  32. package/esm/p/pathGrid.js +38 -1
  33. package/esm/p/pathLevy.js +38 -1
  34. package/esm/p/pathMaze.js +38 -1
  35. package/esm/p/pathSpiral.js +38 -1
  36. package/esm/p/pathSvg.js +38 -1
  37. package/esm/p/pathZigZag.js +38 -1
  38. package/esm/r/reactBubbles.js +0 -7
  39. package/esm/r/reactNightSky.js +0 -7
  40. package/package.json +2 -2
  41. package/report.html +1 -1
  42. package/tsparticles.configs.bundle.js +1 -1
  43. package/tsparticles.configs.js +23 -13
  44. package/tsparticles.configs.min.js +4 -4
  45. package/types/index.d.ts +1 -0
  46. package/types/p/index.d.ts +1 -0
  47. package/types/p/pathBranchesInertia.d.ts +3 -0
  48. package/umd/c/collisionsDestroy.js +20 -43
  49. package/umd/p/index.js +3 -1
  50. package/umd/p/pathBranches.js +38 -1
  51. package/umd/p/pathBranchesInertia.js +105 -0
  52. package/umd/p/pathBrownian.js +38 -1
  53. package/umd/p/pathGrid.js +38 -1
  54. package/umd/p/pathLevy.js +38 -1
  55. package/umd/p/pathMaze.js +38 -1
  56. package/umd/p/pathSpiral.js +38 -1
  57. package/umd/p/pathSvg.js +38 -1
  58. package/umd/p/pathZigZag.js +38 -1
  59. package/umd/r/reactBubbles.js +0 -7
  60. package/umd/r/reactNightSky.js +0 -7
package/browser/c/collisionsDestroy.js CHANGED
@@ -4,9 +4,6 @@ const options = {
4
4
  particles: {
5
5
  number: {
6
6
  value: 80,
7
- density: {
8
- enable: true,
9
- },
10
7
  },
11
8
  color: {
12
9
  value: ["#3998D0", "#2EB6AF", "#A9BD33", "#FEC73B", "#F89930", "#F45623", "#D62E32", "#EB586E", "#9952CF"],
@@ -31,7 +28,10 @@ const options = {
31
28
  life: {
32
29
  count: 1,
33
30
  duration: {
34
- value: 1,
31
+ value: {
32
+ min: 1,
33
+ max: 2,
34
+ },
35
35
  },
36
36
  },
37
37
  },
@@ -49,55 +49,32 @@ const options = {
49
49
  max: 15,
50
50
  },
51
51
  },
52
- links: {
53
- enable: false,
54
- distance: 150,
55
- color: "#ffffff",
56
- opacity: 0.4,
57
- width: 1,
58
- },
59
52
  collisions: {
60
53
  enable: true,
61
54
  mode: "destroy",
62
55
  },
63
56
  move: {
64
57
  enable: true,
65
- speed: 3,
66
- },
67
- },
68
- interactivity: {
69
- events: {
70
- onClick: {
71
- enable: true,
72
- mode: "push",
73
- },
74
- },
75
- modes: {
76
- grab: {
77
- distance: 400,
78
- links: {
79
- opacity: 1,
80
- },
81
- },
82
- bubble: {
83
- distance: 400,
84
- size: 40,
85
- duration: 2,
86
- opacity: 0.8,
87
- },
88
- repulse: {
89
- distance: 200,
90
- },
91
- push: {
92
- quantity: 1,
93
- },
94
- remove: {
95
- quantity: 2,
96
- },
58
+ speed: 5,
97
59
  },
98
60
  },
99
61
  background: {
100
62
  color: "#000000",
101
63
  },
64
+ poisson: {
65
+ enable: true,
66
+ },
67
+ emitters: {
68
+ position: {
69
+ x: 50,
70
+ y: 50,
71
+ },
72
+ size: {
73
+ width: 100,
74
+ height: 100,
75
+ },
76
+ fill: false,
77
+ },
78
+ smooth: true,
102
79
  };
103
80
  export default options;
package/browser/p/index.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import parallax from "./parallax.js";
2
2
  import pathBranches from "./pathBranches.js";
3
+ import pathBranchesInertia from "./pathBranchesInertia.js";
3
4
  import pathBrownian from "./pathBrownian.js";
4
5
  import pathGrid from "./pathGrid.js";
5
6
  import pathLevy from "./pathLevy.js";
@@ -17,6 +18,7 @@ import pop from "./pop.js";
17
18
  export default {
18
19
  parallax,
19
20
  pathBranches,
21
+ pathBranchesInertia,
20
22
  pathBrownian,
21
23
  pathGrid,
22
24
  pathLevy,
package/browser/p/pathBranches.js CHANGED
@@ -4,7 +4,44 @@ const options = {
4
4
  name: "Path Branches",
5
5
  particles: {
6
6
  color: {
7
- value: ["#ffffff", "#ff0000", "#00ff00", "#0000ff"],
7
+ value: [
8
+ "#FF0000",
9
+ "#FF2A00",
10
+ "#FF5500",
11
+ "#FF8000",
12
+ "#FFAA00",
13
+ "#FFD400",
14
+ "#FFFF00",
15
+ "#D4FF00",
16
+ "#AAFF00",
17
+ "#80FF00",
18
+ "#55FF00",
19
+ "#2AFF00",
20
+ "#00FF00",
21
+ "#00FF2A",
22
+ "#00FF55",
23
+ "#00FF80",
24
+ "#00FFAA",
25
+ "#00FFD4",
26
+ "#00FFFF",
27
+ "#00D4FF",
28
+ "#00AAFF",
29
+ "#0080FF",
30
+ "#0055FF",
31
+ "#002AFF",
32
+ "#0000FF",
33
+ "#2A00FF",
34
+ "#5500FF",
35
+ "#8000FF",
36
+ "#AA00FF",
37
+ "#D400FF",
38
+ "#FF00FF",
39
+ "#FF00D4",
40
+ "#FF00AA",
41
+ "#FF0080",
42
+ "#FF0055",
43
+ "#FF002A",
44
+ ],
8
45
  },
9
46
  move: {
10
47
  enable: true,
package/browser/p/pathBranchesInertia.js ADDED
@@ -0,0 +1,93 @@
1
+ import { half } from "@tsparticles/engine";
2
+ const options = {
3
+ key: "pathBranchesInertia",
4
+ name: "Path Branches Inertia",
5
+ particles: {
6
+ color: {
7
+ value: [
8
+ "#FF0000",
9
+ "#FF2A00",
10
+ "#FF5500",
11
+ "#FF8000",
12
+ "#FFAA00",
13
+ "#FFD400",
14
+ "#FFFF00",
15
+ "#D4FF00",
16
+ "#AAFF00",
17
+ "#80FF00",
18
+ "#55FF00",
19
+ "#2AFF00",
20
+ "#00FF00",
21
+ "#00FF2A",
22
+ "#00FF55",
23
+ "#00FF80",
24
+ "#00FFAA",
25
+ "#00FFD4",
26
+ "#00FFFF",
27
+ "#00D4FF",
28
+ "#00AAFF",
29
+ "#0080FF",
30
+ "#0055FF",
31
+ "#002AFF",
32
+ "#0000FF",
33
+ "#2A00FF",
34
+ "#5500FF",
35
+ "#8000FF",
36
+ "#AA00FF",
37
+ "#D400FF",
38
+ "#FF00FF",
39
+ "#FF00D4",
40
+ "#FF00AA",
41
+ "#FF0080",
42
+ "#FF0055",
43
+ "#FF002A",
44
+ ],
45
+ },
46
+ move: {
47
+ enable: true,
48
+ outModes: "out",
49
+ speed: { min: 10, max: 15 },
50
+ path: {
51
+ enable: true,
52
+ options: {
53
+ segmentLength: 10,
54
+ branchChance: 0.5,
55
+ maxAngle: Math.PI * half,
56
+ speedVariation: 0.4,
57
+ inertia: {
58
+ enable: true,
59
+ factor: 0.4,
60
+ },
61
+ },
62
+ generator: "branchesPathGenerator",
63
+ },
64
+ },
65
+ number: {
66
+ value: 80,
67
+ },
68
+ opacity: {
69
+ value: 1,
70
+ },
71
+ shape: {
72
+ type: "circle",
73
+ },
74
+ effect: {
75
+ type: "trail",
76
+ options: {
77
+ trail: {
78
+ length: {
79
+ min: 30,
80
+ max: 50,
81
+ },
82
+ },
83
+ },
84
+ },
85
+ size: {
86
+ value: 3,
87
+ },
88
+ },
89
+ background: {
90
+ color: "#000000",
91
+ },
92
+ };
93
+ export default options;
package/browser/p/pathBrownian.js CHANGED
@@ -3,7 +3,44 @@ const angleDeltaFactor = 18, options = {
3
3
  name: "Path Brownian",
4
4
  particles: {
5
5
  color: {
6
- value: ["#ffffff", "#ff0000", "#00ff00", "#0000ff"],
6
+ value: [
7
+ "#FF0000",
8
+ "#FF2A00",
9
+ "#FF5500",
10
+ "#FF8000",
11
+ "#FFAA00",
12
+ "#FFD400",
13
+ "#FFFF00",
14
+ "#D4FF00",
15
+ "#AAFF00",
16
+ "#80FF00",
17
+ "#55FF00",
18
+ "#2AFF00",
19
+ "#00FF00",
20
+ "#00FF2A",
21
+ "#00FF55",
22
+ "#00FF80",
23
+ "#00FFAA",
24
+ "#00FFD4",
25
+ "#00FFFF",
26
+ "#00D4FF",
27
+ "#00AAFF",
28
+ "#0080FF",
29
+ "#0055FF",
30
+ "#002AFF",
31
+ "#0000FF",
32
+ "#2A00FF",
33
+ "#5500FF",
34
+ "#8000FF",
35
+ "#AA00FF",
36
+ "#D400FF",
37
+ "#FF00FF",
38
+ "#FF00D4",
39
+ "#FF00AA",
40
+ "#FF0080",
41
+ "#FF0055",
42
+ "#FF002A",
43
+ ],
7
44
  },
8
45
  move: {
9
46
  enable: true,
package/browser/p/pathGrid.js CHANGED
@@ -3,7 +3,44 @@ const options = {
3
3
  name: "Path Grid",
4
4
  particles: {
5
5
  color: {
6
- value: ["#ffffff", "#ff0000", "#00ff00", "#0000ff"],
6
+ value: [
7
+ "#FF0000",
8
+ "#FF2A00",
9
+ "#FF5500",
10
+ "#FF8000",
11
+ "#FFAA00",
12
+ "#FFD400",
13
+ "#FFFF00",
14
+ "#D4FF00",
15
+ "#AAFF00",
16
+ "#80FF00",
17
+ "#55FF00",
18
+ "#2AFF00",
19
+ "#00FF00",
20
+ "#00FF2A",
21
+ "#00FF55",
22
+ "#00FF80",
23
+ "#00FFAA",
24
+ "#00FFD4",
25
+ "#00FFFF",
26
+ "#00D4FF",
27
+ "#00AAFF",
28
+ "#0080FF",
29
+ "#0055FF",
30
+ "#002AFF",
31
+ "#0000FF",
32
+ "#2A00FF",
33
+ "#5500FF",
34
+ "#8000FF",
35
+ "#AA00FF",
36
+ "#D400FF",
37
+ "#FF00FF",
38
+ "#FF00D4",
39
+ "#FF00AA",
40
+ "#FF0080",
41
+ "#FF0055",
42
+ "#FF002A",
43
+ ],
7
44
  },
8
45
  move: {
9
46
  enable: true,
package/browser/p/pathLevy.js CHANGED
@@ -3,7 +3,44 @@ const options = {
3
3
  name: "Path Levy",
4
4
  particles: {
5
5
  color: {
6
- value: ["#ffffff", "#ff0000", "#00ff00", "#0000ff"],
6
+ value: [
7
+ "#FF0000",
8
+ "#FF2A00",
9
+ "#FF5500",
10
+ "#FF8000",
11
+ "#FFAA00",
12
+ "#FFD400",
13
+ "#FFFF00",
14
+ "#D4FF00",
15
+ "#AAFF00",
16
+ "#80FF00",
17
+ "#55FF00",
18
+ "#2AFF00",
19
+ "#00FF00",
20
+ "#00FF2A",
21
+ "#00FF55",
22
+ "#00FF80",
23
+ "#00FFAA",
24
+ "#00FFD4",
25
+ "#00FFFF",
26
+ "#00D4FF",
27
+ "#00AAFF",
28
+ "#0080FF",
29
+ "#0055FF",
30
+ "#002AFF",
31
+ "#0000FF",
32
+ "#2A00FF",
33
+ "#5500FF",
34
+ "#8000FF",
35
+ "#AA00FF",
36
+ "#D400FF",
37
+ "#FF00FF",
38
+ "#FF00D4",
39
+ "#FF00AA",
40
+ "#FF0080",
41
+ "#FF0055",
42
+ "#FF002A",
43
+ ],
7
44
  },
8
45
  move: {
9
46
  enable: true,
package/browser/p/pathMaze.js CHANGED
@@ -3,7 +3,44 @@ const options = {
3
3
  name: "Path Maze",
4
4
  particles: {
5
5
  color: {
6
- value: ["#ffffff", "#ff0000", "#00ff00", "#0000ff"],
6
+ value: [
7
+ "#FF0000",
8
+ "#FF2A00",
9
+ "#FF5500",
10
+ "#FF8000",
11
+ "#FFAA00",
12
+ "#FFD400",
13
+ "#FFFF00",
14
+ "#D4FF00",
15
+ "#AAFF00",
16
+ "#80FF00",
17
+ "#55FF00",
18
+ "#2AFF00",
19
+ "#00FF00",
20
+ "#00FF2A",
21
+ "#00FF55",
22
+ "#00FF80",
23
+ "#00FFAA",
24
+ "#00FFD4",
25
+ "#00FFFF",
26
+ "#00D4FF",
27
+ "#00AAFF",
28
+ "#0080FF",
29
+ "#0055FF",
30
+ "#002AFF",
31
+ "#0000FF",
32
+ "#2A00FF",
33
+ "#5500FF",
34
+ "#8000FF",
35
+ "#AA00FF",
36
+ "#D400FF",
37
+ "#FF00FF",
38
+ "#FF00D4",
39
+ "#FF00AA",
40
+ "#FF0080",
41
+ "#FF0055",
42
+ "#FF002A",
43
+ ],
7
44
  },
8
45
  move: {
9
46
  enable: true,
package/browser/p/pathSpiral.js CHANGED
@@ -3,7 +3,44 @@ const options = {
3
3
  name: "Path Spiral",
4
4
  particles: {
5
5
  color: {
6
- value: ["#ffffff", "#ff0000", "#00ff00", "#0000ff"],
6
+ value: [
7
+ "#FF0000",
8
+ "#FF2A00",
9
+ "#FF5500",
10
+ "#FF8000",
11
+ "#FFAA00",
12
+ "#FFD400",
13
+ "#FFFF00",
14
+ "#D4FF00",
15
+ "#AAFF00",
16
+ "#80FF00",
17
+ "#55FF00",
18
+ "#2AFF00",
19
+ "#00FF00",
20
+ "#00FF2A",
21
+ "#00FF55",
22
+ "#00FF80",
23
+ "#00FFAA",
24
+ "#00FFD4",
25
+ "#00FFFF",
26
+ "#00D4FF",
27
+ "#00AAFF",
28
+ "#0080FF",
29
+ "#0055FF",
30
+ "#002AFF",
31
+ "#0000FF",
32
+ "#2A00FF",
33
+ "#5500FF",
34
+ "#8000FF",
35
+ "#AA00FF",
36
+ "#D400FF",
37
+ "#FF00FF",
38
+ "#FF00D4",
39
+ "#FF00AA",
40
+ "#FF0080",
41
+ "#FF0055",
42
+ "#FF002A",
43
+ ],
7
44
  },
8
45
  move: {
9
46
  enable: true,
package/browser/p/pathSvg.js CHANGED
@@ -3,7 +3,44 @@ const options = {
3
3
  name: "Path SVG",
4
4
  particles: {
5
5
  color: {
6
- value: ["#ffffff", "#ff0000", "#00ff00", "#0000ff"],
6
+ value: [
7
+ "#FF0000",
8
+ "#FF2A00",
9
+ "#FF5500",
10
+ "#FF8000",
11
+ "#FFAA00",
12
+ "#FFD400",
13
+ "#FFFF00",
14
+ "#D4FF00",
15
+ "#AAFF00",
16
+ "#80FF00",
17
+ "#55FF00",
18
+ "#2AFF00",
19
+ "#00FF00",
20
+ "#00FF2A",
21
+ "#00FF55",
22
+ "#00FF80",
23
+ "#00FFAA",
24
+ "#00FFD4",
25
+ "#00FFFF",
26
+ "#00D4FF",
27
+ "#00AAFF",
28
+ "#0080FF",
29
+ "#0055FF",
30
+ "#002AFF",
31
+ "#0000FF",
32
+ "#2A00FF",
33
+ "#5500FF",
34
+ "#8000FF",
35
+ "#AA00FF",
36
+ "#D400FF",
37
+ "#FF00FF",
38
+ "#FF00D4",
39
+ "#FF00AA",
40
+ "#FF0080",
41
+ "#FF0055",
42
+ "#FF002A",
43
+ ],
7
44
  },
8
45
  move: {
9
46
  enable: true,
package/browser/p/pathZigZag.js CHANGED
@@ -3,7 +3,44 @@ const options = {
3
3
  name: "Path Zig Zag",
4
4
  particles: {
5
5
  color: {
6
- value: ["#ffffff", "#ff0000", "#00ff00", "#0000ff"],
6
+ value: [
7
+ "#FF0000",
8
+ "#FF2A00",
9
+ "#FF5500",
10
+ "#FF8000",
11
+ "#FFAA00",
12
+ "#FFD400",
13
+ "#FFFF00",
14
+ "#D4FF00",
15
+ "#AAFF00",
16
+ "#80FF00",
17
+ "#55FF00",
18
+ "#2AFF00",
19
+ "#00FF00",
20
+ "#00FF2A",
21
+ "#00FF55",
22
+ "#00FF80",
23
+ "#00FFAA",
24
+ "#00FFD4",
25
+ "#00FFFF",
26
+ "#00D4FF",
27
+ "#00AAFF",
28
+ "#0080FF",
29
+ "#0055FF",
30
+ "#002AFF",
31
+ "#0000FF",
32
+ "#2A00FF",
33
+ "#5500FF",
34
+ "#8000FF",
35
+ "#AA00FF",
36
+ "#D400FF",
37
+ "#FF00FF",
38
+ "#FF00D4",
39
+ "#FF00AA",
40
+ "#FF0080",
41
+ "#FF0055",
42
+ "#FF002A",
43
+ ],
7
44
  },
8
45
  move: {
9
46
  enable: true,
package/browser/r/reactBubbles.js CHANGED
@@ -56,13 +56,6 @@ const options = {
56
56
  enable: true,
57
57
  },
58
58
  move: {
59
- attract: {
60
- enable: false,
61
- rotate: {
62
- x: 3000,
63
- y: 3000,
64
- },
65
- },
66
59
  direction: "top",
67
60
  enable: true,
68
61
  speed: {
package/browser/r/reactNightSky.js CHANGED
@@ -30,13 +30,6 @@ const options = {
30
30
  width: 1,
31
31
  },
32
32
  move: {
33
- attract: {
34
- enable: false,
35
- rotate: {
36
- x: 3000,
37
- y: 3000,
38
- },
39
- },
40
33
  direction: "right",
41
34
  enable: true,
42
35
  outModes: "bounce",
package/cjs/c/collisionsDestroy.js CHANGED
@@ -4,9 +4,6 @@ const options = {
4
4
  particles: {
5
5
  number: {
6
6
  value: 80,
7
- density: {
8
- enable: true,
9
- },
10
7
  },
11
8
  color: {
12
9
  value: ["#3998D0", "#2EB6AF", "#A9BD33", "#FEC73B", "#F89930", "#F45623", "#D62E32", "#EB586E", "#9952CF"],
@@ -31,7 +28,10 @@ const options = {
31
28
  life: {
32
29
  count: 1,
33
30
  duration: {
34
- value: 1,
31
+ value: {
32
+ min: 1,
33
+ max: 2,
34
+ },
35
35
  },
36
36
  },
37
37
  },
@@ -49,55 +49,32 @@ const options = {
49
49
  max: 15,
50
50
  },
51
51
  },
52
- links: {
53
- enable: false,
54
- distance: 150,
55
- color: "#ffffff",
56
- opacity: 0.4,
57
- width: 1,
58
- },
59
52
  collisions: {
60
53
  enable: true,
61
54
  mode: "destroy",
62
55
  },
63
56
  move: {
64
57
  enable: true,
65
- speed: 3,
66
- },
67
- },
68
- interactivity: {
69
- events: {
70
- onClick: {
71
- enable: true,
72
- mode: "push",
73
- },
74
- },
75
- modes: {
76
- grab: {
77
- distance: 400,
78
- links: {
79
- opacity: 1,
80
- },
81
- },
82
- bubble: {
83
- distance: 400,
84
- size: 40,
85
- duration: 2,
86
- opacity: 0.8,
87
- },
88
- repulse: {
89
- distance: 200,
90
- },
91
- push: {
92
- quantity: 1,
93
- },
94
- remove: {
95
- quantity: 2,
96
- },
58
+ speed: 5,
97
59
  },
98
60
  },
99
61
  background: {
100
62
  color: "#000000",
101
63
  },
64
+ poisson: {
65
+ enable: true,
66
+ },
67
+ emitters: {
68
+ position: {
69
+ x: 50,
70
+ y: 50,
71
+ },
72
+ size: {
73
+ width: 100,
74
+ height: 100,
75
+ },
76
+ fill: false,
77
+ },
78
+ smooth: true,
102
79
  };
103
80
  export default options;