@tsparticles/configs 4.0.0-beta.6 → 4.0.0-beta.9

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 (57) hide show
  1. package/README.md +18 -0
  2. package/browser/c/clickConfetti.js +1 -0
  3. package/browser/d/delayOpacity.js +1 -0
  4. package/browser/d/delaySize.js +1 -0
  5. package/browser/d/disappearing.js +1 -0
  6. package/browser/f/fireworks.js +2 -0
  7. package/browser/f/fireworks2.js +1 -0
  8. package/browser/f/fireworks3.js +206 -0
  9. package/browser/f/fireworksMask.js +1 -0
  10. package/browser/f/index.js +2 -0
  11. package/browser/g/growing.js +1 -0
  12. package/browser/h/hyperspace.js +1 -0
  13. package/browser/m/mouseTrailNoise.js +1 -0
  14. package/browser/palettes.js +8 -1255
  15. package/browser/t/tilt.js +1 -0
  16. package/browser/w/wobble.js +1 -0
  17. package/browser/w/wobbleBig.js +1 -0
  18. package/cjs/c/clickConfetti.js +1 -0
  19. package/cjs/d/delayOpacity.js +1 -0
  20. package/cjs/d/delaySize.js +1 -0
  21. package/cjs/d/disappearing.js +1 -0
  22. package/cjs/f/fireworks.js +2 -0
  23. package/cjs/f/fireworks2.js +1 -0
  24. package/cjs/f/fireworks3.js +206 -0
  25. package/cjs/f/fireworksMask.js +1 -0
  26. package/cjs/f/index.js +2 -0
  27. package/cjs/g/growing.js +1 -0
  28. package/cjs/h/hyperspace.js +1 -0
  29. package/cjs/m/mouseTrailNoise.js +1 -0
  30. package/cjs/palettes.js +8 -1255
  31. package/cjs/t/tilt.js +1 -0
  32. package/cjs/w/wobble.js +1 -0
  33. package/cjs/w/wobbleBig.js +1 -0
  34. package/esm/c/clickConfetti.js +1 -0
  35. package/esm/d/delayOpacity.js +1 -0
  36. package/esm/d/delaySize.js +1 -0
  37. package/esm/d/disappearing.js +1 -0
  38. package/esm/f/fireworks.js +2 -0
  39. package/esm/f/fireworks2.js +1 -0
  40. package/esm/f/fireworks3.js +206 -0
  41. package/esm/f/fireworksMask.js +1 -0
  42. package/esm/f/index.js +2 -0
  43. package/esm/g/growing.js +1 -0
  44. package/esm/h/hyperspace.js +1 -0
  45. package/esm/m/mouseTrailNoise.js +1 -0
  46. package/esm/palettes.js +8 -1255
  47. package/esm/t/tilt.js +1 -0
  48. package/esm/w/wobble.js +1 -0
  49. package/esm/w/wobbleBig.js +1 -0
  50. package/package.json +2 -2
  51. package/report.html +1 -1
  52. package/tsparticles.configs.bundle.js +1 -1
  53. package/tsparticles.configs.js +25 -15
  54. package/tsparticles.configs.min.js +5 -5
  55. package/types/f/fireworks3.d.ts +3 -0
  56. package/types/f/index.d.ts +1 -0
  57. package/types/index.d.ts +1 -0
package/browser/t/tilt.js CHANGED
@@ -56,6 +56,7 @@ const options = {
56
56
  destroy: "min",
57
57
  speed: 0.3,
58
58
  sync: true,
59
+ count: 1,
59
60
  },
60
61
  },
61
62
  tilt: {
@@ -56,6 +56,7 @@ const options = {
56
56
  destroy: "min",
57
57
  speed: 0.3,
58
58
  sync: true,
59
+ count: 1,
59
60
  },
60
61
  },
61
62
  rotate: {
@@ -56,6 +56,7 @@ const options = {
56
56
  destroy: "min",
57
57
  speed: 0.3,
58
58
  sync: true,
59
+ count: 1,
59
60
  },
60
61
  },
61
62
  rotate: {
@@ -83,6 +83,7 @@ const options = {
83
83
  speed: 1,
84
84
  startValue: "max",
85
85
  destroy: "min",
86
+ count: 1,
86
87
  },
87
88
  },
88
89
  size: {
@@ -28,6 +28,7 @@ const options = {
28
28
  },
29
29
  startValue: "max",
30
30
  destroy: "min",
31
+ count: 1,
31
32
  },
32
33
  },
33
34
  size: {
@@ -28,6 +28,7 @@ const options = {
28
28
  },
29
29
  startValue: "max",
30
30
  destroy: "min",
31
+ count: 1,
31
32
  },
32
33
  },
33
34
  opacity: {
@@ -51,6 +51,7 @@ const options = {
51
51
  sync: true,
52
52
  startValue: "max",
53
53
  destroy: "min",
54
+ count: 1,
54
55
  },
55
56
  },
56
57
  move: {
@@ -114,6 +114,7 @@ const options = {
114
114
  sync: false,
115
115
  startValue: "max",
116
116
  destroy: "min",
117
+ count: 1,
117
118
  },
118
119
  },
119
120
  shape: {
@@ -169,6 +170,7 @@ const options = {
169
170
  speed: 90,
170
171
  startValue: "max",
171
172
  destroy: "min",
173
+ count: 1,
172
174
  },
173
175
  },
174
176
  stroke: {
@@ -120,6 +120,7 @@ const options = {
120
120
  sync: false,
121
121
  startValue: "max",
122
122
  destroy: "min",
123
+ count: 1,
123
124
  },
124
125
  },
125
126
  effect: {
@@ -0,0 +1,206 @@
1
+ import { EventType, identity } from "@tsparticles/engine";
2
+ const thirdFactor = 3, third = identity / thirdFactor, options = {
3
+ key: "fireworks3",
4
+ name: "Fireworks 3",
5
+ fullScreen: {
6
+ enable: true,
7
+ },
8
+ background: {
9
+ color: "#000",
10
+ },
11
+ blend: {
12
+ enable: true,
13
+ mode: "lighter",
14
+ },
15
+ emitters: {
16
+ direction: "top",
17
+ life: {
18
+ count: 0,
19
+ duration: 0.1,
20
+ delay: 0.1,
21
+ },
22
+ rate: {
23
+ delay: 0.1,
24
+ quantity: 1,
25
+ },
26
+ size: {
27
+ width: 100,
28
+ height: 0,
29
+ },
30
+ position: {
31
+ y: 100,
32
+ x: 50,
33
+ },
34
+ },
35
+ particles: {
36
+ stroke: {
37
+ color: {
38
+ value: [
39
+ "#FF0000",
40
+ "#FF2A00",
41
+ "#FF5500",
42
+ "#FF8000",
43
+ "#FFAA00",
44
+ "#FFD400",
45
+ "#FFFF00",
46
+ "#D4FF00",
47
+ "#AAFF00",
48
+ "#80FF00",
49
+ "#55FF00",
50
+ "#2AFF00",
51
+ "#00FF00",
52
+ "#00FF2A",
53
+ "#00FF55",
54
+ "#00FF80",
55
+ "#00FFAA",
56
+ "#00FFD4",
57
+ "#00FFFF",
58
+ "#00D4FF",
59
+ "#00AAFF",
60
+ "#0080FF",
61
+ "#0055FF",
62
+ "#002AFF",
63
+ "#0000FF",
64
+ "#2A00FF",
65
+ "#5500FF",
66
+ "#8000FF",
67
+ "#AA00FF",
68
+ "#D400FF",
69
+ "#FF00FF",
70
+ "#FF00D4",
71
+ "#FF00AA",
72
+ "#FF0080",
73
+ "#FF0055",
74
+ "#FF002A",
75
+ ],
76
+ },
77
+ width: 2,
78
+ },
79
+ number: {
80
+ value: 0,
81
+ },
82
+ destroy: {
83
+ bounds: {
84
+ top: { min: 10, max: 30 },
85
+ },
86
+ mode: "split",
87
+ split: {
88
+ count: 1,
89
+ factor: {
90
+ value: third,
91
+ },
92
+ rate: {
93
+ value: 100,
94
+ },
95
+ strokeColorOffset: {
96
+ l: {
97
+ min: -30,
98
+ max: 30,
99
+ },
100
+ },
101
+ particles: {
102
+ destroy: {
103
+ bounds: {
104
+ top: 0,
105
+ },
106
+ },
107
+ opacity: {
108
+ value: {
109
+ min: 0.1,
110
+ max: 1,
111
+ },
112
+ animation: {
113
+ enable: true,
114
+ speed: { min: 2, max: 4 },
115
+ sync: true,
116
+ startValue: "max",
117
+ destroy: "min",
118
+ count: 1,
119
+ },
120
+ },
121
+ size: {
122
+ value: { min: 5, max: 10 },
123
+ animation: {
124
+ enable: false,
125
+ },
126
+ },
127
+ life: {
128
+ count: 1,
129
+ duration: {
130
+ value: {
131
+ min: 0.5,
132
+ max: 1,
133
+ },
134
+ },
135
+ },
136
+ move: {
137
+ gravity: {
138
+ enable: false,
139
+ },
140
+ enable: true,
141
+ decay: 0.05,
142
+ speed: {
143
+ min: 10,
144
+ max: 25,
145
+ },
146
+ direction: "outside",
147
+ outModes: "destroy",
148
+ },
149
+ },
150
+ },
151
+ },
152
+ life: {
153
+ count: 1,
154
+ },
155
+ shape: {
156
+ type: "line",
157
+ options: {
158
+ line: {
159
+ cap: "round",
160
+ },
161
+ },
162
+ },
163
+ size: {
164
+ value: { min: 10, max: 20 },
165
+ },
166
+ move: {
167
+ enable: true,
168
+ gravity: {
169
+ acceleration: 30,
170
+ enable: true,
171
+ inverse: true,
172
+ maxSpeed: 150,
173
+ },
174
+ speed: {
175
+ min: 20,
176
+ max: 40,
177
+ },
178
+ outModes: {
179
+ default: "destroy",
180
+ top: "none",
181
+ },
182
+ },
183
+ rotate: {
184
+ path: true,
185
+ },
186
+ },
187
+ sounds: {
188
+ enable: true,
189
+ events: [
190
+ {
191
+ event: EventType.particleRemoved,
192
+ filter: (args) => {
193
+ const particle = args.data?.particle;
194
+ return particle?.options.move.gravity.enable ?? false;
195
+ },
196
+ audio: [
197
+ "https://particles.js.org/audio/explosion0.mp3",
198
+ "https://particles.js.org/audio/explosion1.mp3",
199
+ "https://particles.js.org/audio/explosion2.mp3",
200
+ ],
201
+ },
202
+ ],
203
+ volume: 50,
204
+ },
205
+ };
206
+ export default options;
@@ -92,6 +92,7 @@ const options = {
92
92
  sync: false,
93
93
  startValue: "max",
94
94
  destroy: "min",
95
+ count: 1,
95
96
  },
96
97
  },
97
98
  effect: {
package/cjs/f/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import fallingConfetti from "./fallingConfetti.js";
2
2
  import fireworks from "./fireworks.js";
3
3
  import fireworks2 from "./fireworks2.js";
4
+ import fireworks3 from "./fireworks3.js";
4
5
  import fireworksMask from "./fireworksMask.js";
5
6
  import fontawesome from "./fontawesome.js";
6
7
  import forward from "./forward.js";
@@ -8,6 +9,7 @@ export default {
8
9
  fallingConfetti,
9
10
  fireworks,
10
11
  fireworks2,
12
+ fireworks3,
11
13
  fireworksMask,
12
14
  fontawesome,
13
15
  forward,
package/cjs/g/growing.js CHANGED
@@ -46,6 +46,7 @@ const options = {
46
46
  sync: true,
47
47
  startValue: "min",
48
48
  destroy: "max",
49
+ count: 1,
49
50
  },
50
51
  },
51
52
  links: {
@@ -40,6 +40,7 @@ const options = {
40
40
  enable: true,
41
41
  speed: 2,
42
42
  destroy: "max",
43
+ count: 1,
43
44
  sync: true,
44
45
  },
45
46
  },
@@ -15,6 +15,7 @@ const options = {
15
15
  speed: 1,
16
16
  sync: true,
17
17
  destroy: "min",
18
+ count: 1,
18
19
  },
19
20
  },
20
21
  size: {