@tsparticles/configs 3.0.0-beta.4 → 3.0.0

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 (75) hide show
  1. package/browser/e/effectTrail.js +2 -1
  2. package/browser/f/fireworks2.js +196 -0
  3. package/browser/f/index.js +2 -0
  4. package/browser/h/hollowknight.js +5 -2
  5. package/browser/i/imagesDirections.js +5 -2
  6. package/browser/l/localPolygonMask.js +5 -2
  7. package/browser/m/multiplePolygonMasks.js +5 -2
  8. package/browser/n/index.js +4 -2
  9. package/browser/n/noClear.js +98 -0
  10. package/browser/n/{noconfig.js → noConfig.js} +0 -4
  11. package/browser/p/pathPolygonMask.js +5 -2
  12. package/browser/p/polygonMask.js +5 -2
  13. package/browser/s/index.js +2 -0
  14. package/browser/s/shapeEmoji.js +184 -0
  15. package/browser/t/themes.js +0 -1
  16. package/cjs/e/effectTrail.js +2 -1
  17. package/cjs/f/fireworks2.js +198 -0
  18. package/cjs/f/index.js +2 -0
  19. package/cjs/h/hollowknight.js +5 -2
  20. package/cjs/i/imagesDirections.js +5 -2
  21. package/cjs/l/localPolygonMask.js +5 -2
  22. package/cjs/m/multiplePolygonMasks.js +5 -2
  23. package/cjs/n/index.js +4 -2
  24. package/cjs/n/noClear.js +100 -0
  25. package/cjs/n/{noconfig.js → noConfig.js} +0 -4
  26. package/cjs/p/pathPolygonMask.js +5 -2
  27. package/cjs/p/polygonMask.js +5 -2
  28. package/cjs/s/index.js +2 -0
  29. package/cjs/s/shapeEmoji.js +186 -0
  30. package/cjs/t/themes.js +0 -1
  31. package/esm/e/effectTrail.js +2 -1
  32. package/esm/f/fireworks2.js +196 -0
  33. package/esm/f/index.js +2 -0
  34. package/esm/h/hollowknight.js +5 -2
  35. package/esm/i/imagesDirections.js +5 -2
  36. package/esm/l/localPolygonMask.js +5 -2
  37. package/esm/m/multiplePolygonMasks.js +5 -2
  38. package/esm/n/index.js +4 -2
  39. package/esm/n/noClear.js +98 -0
  40. package/esm/n/{noconfig.js → noConfig.js} +0 -4
  41. package/esm/p/pathPolygonMask.js +5 -2
  42. package/esm/p/polygonMask.js +5 -2
  43. package/esm/s/index.js +2 -0
  44. package/esm/s/shapeEmoji.js +184 -0
  45. package/esm/t/themes.js +0 -1
  46. package/package.json +2 -2
  47. package/report.html +3 -3
  48. package/tsparticles.configs.bundle.js +1 -1
  49. package/tsparticles.configs.bundle.min.js.LICENSE.txt +1 -1
  50. package/tsparticles.configs.js +466 -24
  51. package/tsparticles.configs.min.js +1 -1
  52. package/tsparticles.configs.min.js.LICENSE.txt +1 -1
  53. package/types/f/index.d.ts +1 -0
  54. package/types/index.d.ts +4 -1
  55. package/types/n/index.d.ts +2 -1
  56. package/types/n/noClear.d.ts +3 -0
  57. package/types/n/noConfig.d.ts +3 -0
  58. package/types/s/index.d.ts +1 -0
  59. package/types/s/shapeEmoji.d.ts +3 -0
  60. package/umd/e/effectTrail.js +2 -1
  61. package/umd/f/fireworks2.js +208 -0
  62. package/umd/f/index.js +3 -1
  63. package/umd/h/hollowknight.js +5 -2
  64. package/umd/i/imagesDirections.js +5 -2
  65. package/umd/l/localPolygonMask.js +5 -2
  66. package/umd/m/multiplePolygonMasks.js +5 -2
  67. package/umd/n/index.js +5 -3
  68. package/umd/n/noClear.js +110 -0
  69. package/umd/n/{noconfig.js → noConfig.js} +0 -4
  70. package/umd/p/pathPolygonMask.js +5 -2
  71. package/umd/p/polygonMask.js +5 -2
  72. package/umd/s/index.js +3 -1
  73. package/umd/s/shapeEmoji.js +196 -0
  74. package/umd/t/themes.js +0 -1
  75. /package/types/{n/noconfig.d.ts → f/fireworks2.d.ts} +0 -0
package/browser/e/effectTrail.js CHANGED
@@ -19,6 +19,7 @@ const options = {
19
19
  type: "trail",
20
20
  options: {
21
21
  trail: {
22
+ fade: true,
22
23
  length: {
23
24
  min: 10,
24
25
  max: 30,
@@ -43,7 +44,7 @@ const options = {
43
44
  generator: "simplexNoise",
44
45
  },
45
46
  enable: true,
46
- speed: 6,
47
+ speed: { min: 6, max: 15 },
47
48
  },
48
49
  },
49
50
  background: {
package/browser/f/fireworks2.js ADDED
@@ -0,0 +1,196 @@
1
+ const options = {
2
+ name: "Fireworks 2",
3
+ fullScreen: {
4
+ enable: true,
5
+ },
6
+ background: {
7
+ color: "#ffffff",
8
+ image: "url('https://particles.js.org/images/background3.jpg')",
9
+ position: "50% 50%",
10
+ repeat: "no-repeat",
11
+ size: "cover",
12
+ },
13
+ backgroundMask: {
14
+ enable: true,
15
+ },
16
+ emitters: {
17
+ direction: "top",
18
+ life: {
19
+ count: 0,
20
+ duration: 0.1,
21
+ delay: 0.1,
22
+ },
23
+ rate: {
24
+ delay: 0.15,
25
+ quantity: 1,
26
+ },
27
+ size: {
28
+ width: 100,
29
+ height: 0,
30
+ },
31
+ position: {
32
+ y: 100,
33
+ x: 50,
34
+ },
35
+ },
36
+ particles: {
37
+ number: {
38
+ value: 0,
39
+ },
40
+ destroy: {
41
+ bounds: {
42
+ top: 30,
43
+ },
44
+ mode: "split",
45
+ split: {
46
+ count: 1,
47
+ factor: {
48
+ value: 0.333333,
49
+ },
50
+ rate: {
51
+ value: 100,
52
+ },
53
+ particles: {
54
+ stroke: {
55
+ width: 0,
56
+ },
57
+ color: {
58
+ value: ["#ff595e", "#ffca3a", "#8ac926", "#1982c4", "#6a4c93"],
59
+ },
60
+ number: {
61
+ value: 0,
62
+ },
63
+ collisions: {
64
+ enable: false,
65
+ },
66
+ destroy: {
67
+ bounds: {
68
+ top: 0,
69
+ },
70
+ },
71
+ opacity: {
72
+ value: {
73
+ min: 0.1,
74
+ max: 1,
75
+ },
76
+ animation: {
77
+ enable: true,
78
+ speed: 0.7,
79
+ sync: false,
80
+ startValue: "max",
81
+ destroy: "min",
82
+ },
83
+ },
84
+ effect: {
85
+ type: "trail",
86
+ options: {
87
+ trail: {
88
+ length: {
89
+ min: 5,
90
+ max: 10,
91
+ },
92
+ },
93
+ },
94
+ },
95
+ shape: {
96
+ type: "circle",
97
+ },
98
+ size: {
99
+ value: 2,
100
+ animation: {
101
+ enable: false,
102
+ },
103
+ },
104
+ life: {
105
+ count: 1,
106
+ duration: {
107
+ value: {
108
+ min: 1,
109
+ max: 2,
110
+ },
111
+ },
112
+ },
113
+ move: {
114
+ enable: true,
115
+ gravity: {
116
+ enable: true,
117
+ acceleration: 9.81,
118
+ inverse: false,
119
+ },
120
+ decay: 0.1,
121
+ speed: {
122
+ min: 10,
123
+ max: 25,
124
+ },
125
+ direction: "outside",
126
+ outModes: "destroy",
127
+ },
128
+ },
129
+ },
130
+ },
131
+ life: {
132
+ count: 1,
133
+ },
134
+ effect: {
135
+ type: "trail",
136
+ options: {
137
+ trail: {
138
+ length: {
139
+ min: 10,
140
+ max: 30,
141
+ },
142
+ minWidth: 1,
143
+ maxWidth: 1,
144
+ },
145
+ },
146
+ },
147
+ rotate: {
148
+ path: true,
149
+ },
150
+ shape: {
151
+ type: "circle",
152
+ },
153
+ size: {
154
+ value: 1,
155
+ },
156
+ stroke: {
157
+ color: {
158
+ value: "#ffffff",
159
+ },
160
+ width: 1,
161
+ },
162
+ move: {
163
+ enable: true,
164
+ gravity: {
165
+ acceleration: 15,
166
+ enable: true,
167
+ inverse: true,
168
+ maxSpeed: 100,
169
+ },
170
+ speed: {
171
+ min: 10,
172
+ max: 20,
173
+ },
174
+ outModes: {
175
+ default: "destroy",
176
+ top: "none",
177
+ },
178
+ },
179
+ },
180
+ sounds: {
181
+ enable: true,
182
+ events: [
183
+ {
184
+ event: "particleRemoved",
185
+ filter: "explodeSoundCheck",
186
+ audio: [
187
+ "https://particles.js.org/audio/explosion0.mp3",
188
+ "https://particles.js.org/audio/explosion1.mp3",
189
+ "https://particles.js.org/audio/explosion2.mp3",
190
+ ],
191
+ },
192
+ ],
193
+ volume: 50,
194
+ },
195
+ };
196
+ export default options;
package/browser/f/index.js CHANGED
@@ -1,8 +1,10 @@
1
1
  import fireworks from "./fireworks.js";
2
+ import fireworks2 from "./fireworks2.js";
2
3
  import fontawesome from "./fontawesome.js";
3
4
  import forward from "./forward.js";
4
5
  export default {
5
6
  fireworks,
7
+ fireworks2,
6
8
  fontawesome,
7
9
  forward,
8
10
  };
package/browser/h/hollowknight.js CHANGED
@@ -89,8 +89,11 @@ const options = {
89
89
  polygon: {
90
90
  draw: {
91
91
  enable: true,
92
- lineColor: "rgba(255,255,255,0.2)",
93
- lineWidth: 0.5,
92
+ stroke: {
93
+ color: "#fff",
94
+ width: 0.5,
95
+ opacity: 0.2,
96
+ },
94
97
  },
95
98
  enable: true,
96
99
  move: {
package/browser/i/imagesDirections.js CHANGED
@@ -84,8 +84,11 @@ const options = {
84
84
  polygon: {
85
85
  draw: {
86
86
  enable: false,
87
- lineColor: "#ffffff",
88
- lineWidth: 0.5,
87
+ stroke: {
88
+ color: "#fff",
89
+ width: 0.5,
90
+ opacity: 0.2,
91
+ },
89
92
  },
90
93
  move: {
91
94
  radius: 10,
package/browser/l/localPolygonMask.js CHANGED
@@ -53,8 +53,11 @@ const options = {
53
53
  polygon: {
54
54
  draw: {
55
55
  enable: true,
56
- lineColor: "rgba(255,255,255,1)",
57
- lineWidth: 1,
56
+ stroke: {
57
+ color: "#fff",
58
+ width: 0.5,
59
+ opacity: 0.2,
60
+ },
58
61
  },
59
62
  enable: true,
60
63
  move: {
package/browser/m/multiplePolygonMasks.js CHANGED
@@ -95,8 +95,11 @@ const options = {
95
95
  polygon: {
96
96
  draw: {
97
97
  enable: true,
98
- lineColor: "rgba(255,255,255,0.2)",
99
- lineWidth: 0.5,
98
+ stroke: {
99
+ color: "#fff",
100
+ width: 0.5,
101
+ opacity: 0.2,
102
+ },
100
103
  },
101
104
  enable: true,
102
105
  move: {
package/browser/n/index.js CHANGED
@@ -1,11 +1,13 @@
1
1
  import nasa from "./nasa.js";
2
- import noconfig from "./noconfig.js";
2
+ import noClear from "./noClear.js";
3
+ import noConfig from "./noConfig.js";
3
4
  import noisePlanes from "./noisePlanes.js";
4
5
  import nyancat from "./nyancat.js";
5
6
  import nyancat2 from "./nyancat2.js";
6
7
  export default {
7
8
  nasa,
8
- noconfig,
9
+ noClear,
10
+ noConfig,
9
11
  noisePlanes,
10
12
  nyancat,
11
13
  nyancat2,
package/browser/n/noClear.js ADDED
@@ -0,0 +1,98 @@
1
+ const options = {
2
+ name: "No Clear",
3
+ clear: false,
4
+ interactivity: {
5
+ events: {
6
+ onHover: {
7
+ enable: true,
8
+ mode: "trail",
9
+ },
10
+ },
11
+ modes: {
12
+ trail: {
13
+ delay: 0.01,
14
+ quantity: 1,
15
+ pauseOnStop: true,
16
+ },
17
+ },
18
+ },
19
+ particles: {
20
+ color: {
21
+ value: [
22
+ "#80F31F",
23
+ "#ED8B08",
24
+ "#ED1868",
25
+ "#800CE0",
26
+ "#1274F7",
27
+ "#12E797",
28
+ "#7FF31F",
29
+ "#ED8B08",
30
+ "#ED1868",
31
+ "#800CE0",
32
+ "#1274F7",
33
+ "#12E797",
34
+ "#7FF31F",
35
+ "#ED8B08",
36
+ "#ED1868",
37
+ "#800CE0",
38
+ "#1274F7",
39
+ "#12E797",
40
+ "#7FF31F",
41
+ "#ED8B08",
42
+ "#ED1868",
43
+ "#800CE0",
44
+ "#1274F7",
45
+ "#12E797",
46
+ "#7FF31F",
47
+ "#ED8B08",
48
+ "#ED1868",
49
+ "#800CE0",
50
+ "#1274F7",
51
+ "#12E797",
52
+ "#7FF31F",
53
+ "#ED8B08",
54
+ "#ED1868",
55
+ "#800CE0",
56
+ "#1274F7",
57
+ "#12E797",
58
+ "#7FF31F",
59
+ "#ED8B08",
60
+ "#ED1868",
61
+ "#800CE0",
62
+ "#1274F7",
63
+ "#12E797",
64
+ "#7FF31F",
65
+ "#ED8B08",
66
+ "#ED1868",
67
+ "#800CE0",
68
+ "#1274F7",
69
+ "#12E797",
70
+ "#7FF31F",
71
+ "#ED8B08",
72
+ ],
73
+ },
74
+ life: {
75
+ count: 1,
76
+ duration: {
77
+ sync: true,
78
+ value: 1,
79
+ },
80
+ },
81
+ number: {
82
+ value: 500,
83
+ },
84
+ size: {
85
+ value: 50,
86
+ },
87
+ shape: {
88
+ type: "star",
89
+ },
90
+ rotate: {
91
+ value: {
92
+ min: 0,
93
+ max: 360,
94
+ },
95
+ },
96
+ },
97
+ };
98
+ export default options;
package/browser/n/{noconfig.js → noConfig.js} RENAMED
@@ -1,8 +1,4 @@
1
1
  const options = {
2
2
  name: "No Config",
3
- fullScreen: {
4
- enable: true,
5
- zIndex: 0,
6
- },
7
3
  };
8
4
  export default options;
package/browser/p/pathPolygonMask.js CHANGED
@@ -56,8 +56,11 @@ const options = {
56
56
  polygon: {
57
57
  draw: {
58
58
  enable: true,
59
- lineColor: "rgba(255,255,255,0.2)",
60
- lineWidth: 0.5,
59
+ stroke: {
60
+ color: "#fff",
61
+ width: 0.5,
62
+ opacity: 0.2,
63
+ },
61
64
  },
62
65
  enable: true,
63
66
  move: {
package/browser/p/polygonMask.js CHANGED
@@ -95,8 +95,11 @@ const options = {
95
95
  polygon: {
96
96
  draw: {
97
97
  enable: true,
98
- lineColor: "rgba(255,255,255,0.2)",
99
- lineWidth: 1,
98
+ stroke: {
99
+ color: "#fff",
100
+ width: 1,
101
+ opacity: 0.2,
102
+ },
100
103
  },
101
104
  enable: true,
102
105
  move: {
package/browser/s/index.js CHANGED
@@ -2,6 +2,7 @@ import seaAnemone from "./seaAnemone.js";
2
2
  import shadow from "./shadow.js";
3
3
  import shapeArrow from "./shapeArrow.js";
4
4
  import shapeCog from "./shapeCog.js";
5
+ import shapeEmoji from "./shapeEmoji.js";
5
6
  import shapeHeart from "./shapeHeart.js";
6
7
  import shapeMultilineText from "./shapeMultilineText.js";
7
8
  import shapeOptions from "./shapeOptions.js";
@@ -27,6 +28,7 @@ export default {
27
28
  shadow,
28
29
  shapeArrow,
29
30
  shapeCog,
31
+ shapeEmoji,
30
32
  shapeHeart,
31
33
  shapeMultilineText,
32
34
  shapeOptions,
package/browser/s/shapeEmoji.js ADDED
@@ -0,0 +1,184 @@
1
+ const emitterRate = {
2
+ delay: 0.1,
3
+ quantity: 2,
4
+ }, options = {
5
+ name: "Shape Emoji",
6
+ particles: {
7
+ opacity: {
8
+ value: 1,
9
+ },
10
+ size: {
11
+ value: {
12
+ min: 16,
13
+ max: 32,
14
+ },
15
+ },
16
+ move: {
17
+ enable: true,
18
+ gravity: {
19
+ enable: true,
20
+ },
21
+ speed: 15,
22
+ outModes: {
23
+ default: "destroy",
24
+ top: "none",
25
+ },
26
+ },
27
+ rotate: {
28
+ value: {
29
+ min: 0,
30
+ max: 360,
31
+ },
32
+ direction: "random",
33
+ move: true,
34
+ animation: {
35
+ enable: true,
36
+ speed: 60,
37
+ },
38
+ },
39
+ tilt: {
40
+ direction: "random",
41
+ enable: true,
42
+ move: true,
43
+ value: {
44
+ min: 0,
45
+ max: 360,
46
+ },
47
+ animation: {
48
+ enable: true,
49
+ speed: 60,
50
+ },
51
+ },
52
+ roll: {
53
+ darken: {
54
+ enable: true,
55
+ value: 30,
56
+ },
57
+ enlighten: {
58
+ enable: true,
59
+ value: 30,
60
+ },
61
+ enable: true,
62
+ mode: "both",
63
+ speed: {
64
+ min: 15,
65
+ max: 25,
66
+ },
67
+ },
68
+ wobble: {
69
+ distance: 30,
70
+ enable: true,
71
+ move: true,
72
+ speed: {
73
+ min: -15,
74
+ max: 15,
75
+ },
76
+ },
77
+ },
78
+ background: {
79
+ color: "#000000",
80
+ },
81
+ emitters: [
82
+ {
83
+ position: {
84
+ x: 0,
85
+ y: 33,
86
+ },
87
+ rate: emitterRate,
88
+ particles: {
89
+ move: {
90
+ direction: "top-right",
91
+ },
92
+ shape: {
93
+ type: "emoji",
94
+ options: {
95
+ emoji: {
96
+ value: "🦄",
97
+ },
98
+ },
99
+ },
100
+ },
101
+ },
102
+ {
103
+ position: {
104
+ x: 0,
105
+ y: 66,
106
+ },
107
+ rate: emitterRate,
108
+ particles: {
109
+ move: {
110
+ direction: "top-right",
111
+ },
112
+ shape: {
113
+ type: "emoji",
114
+ options: {
115
+ emoji: {
116
+ value: "🌈",
117
+ },
118
+ },
119
+ },
120
+ },
121
+ },
122
+ {
123
+ position: {
124
+ x: 100,
125
+ y: 33,
126
+ },
127
+ rate: emitterRate,
128
+ particles: {
129
+ move: {
130
+ direction: "top-left",
131
+ },
132
+ shape: {
133
+ type: "emoji",
134
+ options: {
135
+ emoji: {
136
+ value: "🎉",
137
+ },
138
+ },
139
+ },
140
+ },
141
+ },
142
+ {
143
+ position: {
144
+ x: 100,
145
+ y: 66,
146
+ },
147
+ rate: emitterRate,
148
+ particles: {
149
+ move: {
150
+ direction: "top-left",
151
+ },
152
+ shape: {
153
+ type: "emoji",
154
+ options: {
155
+ emoji: {
156
+ value: "🤡",
157
+ },
158
+ },
159
+ },
160
+ },
161
+ },
162
+ {
163
+ position: {
164
+ x: 50,
165
+ y: 50,
166
+ },
167
+ rate: emitterRate,
168
+ particles: {
169
+ move: {
170
+ direction: "top",
171
+ },
172
+ shape: {
173
+ type: "emoji",
174
+ options: {
175
+ emoji: {
176
+ value: "👻",
177
+ },
178
+ },
179
+ },
180
+ },
181
+ },
182
+ ],
183
+ };
184
+ export default options;
package/browser/t/themes.js CHANGED
@@ -162,7 +162,6 @@ const options = {
162
162
  enable: true,
163
163
  mode: "push",
164
164
  },
165
- resize: true,
166
165
  },
167
166
  },
168
167
  detectRetina: true,
package/cjs/e/effectTrail.js CHANGED
@@ -21,6 +21,7 @@ const options = {
21
21
  type: "trail",
22
22
  options: {
23
23
  trail: {
24
+ fade: true,
24
25
  length: {
25
26
  min: 10,
26
27
  max: 30,
@@ -45,7 +46,7 @@ const options = {
45
46
  generator: "simplexNoise",
46
47
  },
47
48
  enable: true,
48
- speed: 6,
49
+ speed: { min: 6, max: 15 },
49
50
  },
50
51
  },
51
52
  background: {