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