@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
@@ -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
  };
@@ -91,8 +91,11 @@ const options = {
91
91
  polygon: {
92
92
  draw: {
93
93
  enable: true,
94
- lineColor: "rgba(255,255,255,0.2)",
95
- lineWidth: 0.5,
94
+ stroke: {
95
+ color: "#fff",
96
+ width: 0.5,
97
+ opacity: 0.2,
98
+ },
96
99
  },
97
100
  enable: true,
98
101
  move: {
@@ -86,8 +86,11 @@ const options = {
86
86
  polygon: {
87
87
  draw: {
88
88
  enable: false,
89
- lineColor: "#ffffff",
90
- lineWidth: 0.5,
89
+ stroke: {
90
+ color: "#fff",
91
+ width: 0.5,
92
+ opacity: 0.2,
93
+ },
91
94
  },
92
95
  move: {
93
96
  radius: 10,
@@ -55,8 +55,11 @@ const options = {
55
55
  polygon: {
56
56
  draw: {
57
57
  enable: true,
58
- lineColor: "rgba(255,255,255,1)",
59
- lineWidth: 1,
58
+ stroke: {
59
+ color: "#fff",
60
+ width: 0.5,
61
+ opacity: 0.2,
62
+ },
60
63
  },
61
64
  enable: true,
62
65
  move: {
@@ -97,8 +97,11 @@ const options = {
97
97
  polygon: {
98
98
  draw: {
99
99
  enable: true,
100
- lineColor: "rgba(255,255,255,0.2)",
101
- lineWidth: 0.5,
100
+ stroke: {
101
+ color: "#fff",
102
+ width: 0.5,
103
+ opacity: 0.2,
104
+ },
102
105
  },
103
106
  enable: true,
104
107
  move: {
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,
@@ -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;
@@ -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;
@@ -58,8 +58,11 @@ const options = {
58
58
  polygon: {
59
59
  draw: {
60
60
  enable: true,
61
- lineColor: "rgba(255,255,255,0.2)",
62
- lineWidth: 0.5,
61
+ stroke: {
62
+ color: "#fff",
63
+ width: 0.5,
64
+ opacity: 0.2,
65
+ },
63
66
  },
64
67
  enable: true,
65
68
  move: {
@@ -97,8 +97,11 @@ const options = {
97
97
  polygon: {
98
98
  draw: {
99
99
  enable: true,
100
- lineColor: "rgba(255,255,255,0.2)",
101
- lineWidth: 1,
100
+ stroke: {
101
+ color: "#fff",
102
+ width: 1,
103
+ opacity: 0.2,
104
+ },
102
105
  },
103
106
  enable: true,
104
107
  move: {
package/cjs/s/index.js CHANGED
@@ -7,6 +7,7 @@ const seaAnemone_js_1 = __importDefault(require("./seaAnemone.js"));
7
7
  const shadow_js_1 = __importDefault(require("./shadow.js"));
8
8
  const shapeArrow_js_1 = __importDefault(require("./shapeArrow.js"));
9
9
  const shapeCog_js_1 = __importDefault(require("./shapeCog.js"));
10
+ const shapeEmoji_js_1 = __importDefault(require("./shapeEmoji.js"));
10
11
  const shapeHeart_js_1 = __importDefault(require("./shapeHeart.js"));
11
12
  const shapeMultilineText_js_1 = __importDefault(require("./shapeMultilineText.js"));
12
13
  const shapeOptions_js_1 = __importDefault(require("./shapeOptions.js"));
@@ -32,6 +33,7 @@ exports.default = {
32
33
  shadow: shadow_js_1.default,
33
34
  shapeArrow: shapeArrow_js_1.default,
34
35
  shapeCog: shapeCog_js_1.default,
36
+ shapeEmoji: shapeEmoji_js_1.default,
35
37
  shapeHeart: shapeHeart_js_1.default,
36
38
  shapeMultilineText: shapeMultilineText_js_1.default,
37
39
  shapeOptions: shapeOptions_js_1.default,
@@ -0,0 +1,186 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const emitterRate = {
4
+ delay: 0.1,
5
+ quantity: 2,
6
+ }, options = {
7
+ name: "Shape Emoji",
8
+ particles: {
9
+ opacity: {
10
+ value: 1,
11
+ },
12
+ size: {
13
+ value: {
14
+ min: 16,
15
+ max: 32,
16
+ },
17
+ },
18
+ move: {
19
+ enable: true,
20
+ gravity: {
21
+ enable: true,
22
+ },
23
+ speed: 15,
24
+ outModes: {
25
+ default: "destroy",
26
+ top: "none",
27
+ },
28
+ },
29
+ rotate: {
30
+ value: {
31
+ min: 0,
32
+ max: 360,
33
+ },
34
+ direction: "random",
35
+ move: true,
36
+ animation: {
37
+ enable: true,
38
+ speed: 60,
39
+ },
40
+ },
41
+ tilt: {
42
+ direction: "random",
43
+ enable: true,
44
+ move: true,
45
+ value: {
46
+ min: 0,
47
+ max: 360,
48
+ },
49
+ animation: {
50
+ enable: true,
51
+ speed: 60,
52
+ },
53
+ },
54
+ roll: {
55
+ darken: {
56
+ enable: true,
57
+ value: 30,
58
+ },
59
+ enlighten: {
60
+ enable: true,
61
+ value: 30,
62
+ },
63
+ enable: true,
64
+ mode: "both",
65
+ speed: {
66
+ min: 15,
67
+ max: 25,
68
+ },
69
+ },
70
+ wobble: {
71
+ distance: 30,
72
+ enable: true,
73
+ move: true,
74
+ speed: {
75
+ min: -15,
76
+ max: 15,
77
+ },
78
+ },
79
+ },
80
+ background: {
81
+ color: "#000000",
82
+ },
83
+ emitters: [
84
+ {
85
+ position: {
86
+ x: 0,
87
+ y: 33,
88
+ },
89
+ rate: emitterRate,
90
+ particles: {
91
+ move: {
92
+ direction: "top-right",
93
+ },
94
+ shape: {
95
+ type: "emoji",
96
+ options: {
97
+ emoji: {
98
+ value: "🦄",
99
+ },
100
+ },
101
+ },
102
+ },
103
+ },
104
+ {
105
+ position: {
106
+ x: 0,
107
+ y: 66,
108
+ },
109
+ rate: emitterRate,
110
+ particles: {
111
+ move: {
112
+ direction: "top-right",
113
+ },
114
+ shape: {
115
+ type: "emoji",
116
+ options: {
117
+ emoji: {
118
+ value: "🌈",
119
+ },
120
+ },
121
+ },
122
+ },
123
+ },
124
+ {
125
+ position: {
126
+ x: 100,
127
+ y: 33,
128
+ },
129
+ rate: emitterRate,
130
+ particles: {
131
+ move: {
132
+ direction: "top-left",
133
+ },
134
+ shape: {
135
+ type: "emoji",
136
+ options: {
137
+ emoji: {
138
+ value: "🎉",
139
+ },
140
+ },
141
+ },
142
+ },
143
+ },
144
+ {
145
+ position: {
146
+ x: 100,
147
+ y: 66,
148
+ },
149
+ rate: emitterRate,
150
+ particles: {
151
+ move: {
152
+ direction: "top-left",
153
+ },
154
+ shape: {
155
+ type: "emoji",
156
+ options: {
157
+ emoji: {
158
+ value: "🤡",
159
+ },
160
+ },
161
+ },
162
+ },
163
+ },
164
+ {
165
+ position: {
166
+ x: 50,
167
+ y: 50,
168
+ },
169
+ rate: emitterRate,
170
+ particles: {
171
+ move: {
172
+ direction: "top",
173
+ },
174
+ shape: {
175
+ type: "emoji",
176
+ options: {
177
+ emoji: {
178
+ value: "👻",
179
+ },
180
+ },
181
+ },
182
+ },
183
+ },
184
+ ],
185
+ };
186
+ exports.default = options;
package/cjs/t/themes.js CHANGED
@@ -164,7 +164,6 @@ const options = {
164
164
  enable: true,
165
165
  mode: "push",
166
166
  },
167
- resize: true,
168
167
  },
169
168
  },
170
169
  detectRetina: true,
@@ -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: {