@tsparticles/configs 4.0.0-beta.12 → 4.0.0-beta.15

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.
@@ -0,0 +1,3 @@
1
+ const globalObject = globalThis;
2
+ globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
3
+ export * from "./index.js";
package/browser/bundle.js CHANGED
@@ -1 +1,3 @@
1
1
  export * from "./index.js";
2
+ const globalObject = globalThis;
3
+ globalObject.__tsParticlesInternals ??= {};
@@ -9,6 +9,9 @@ const options = {
9
9
  },
10
10
  },
11
11
  paint: {
12
+ fill: {
13
+ enable: false,
14
+ },
12
15
  stroke: {
13
16
  width: 1,
14
17
  color: { value: "#ffffff" },
@@ -0,0 +1,151 @@
1
+ const options = {
2
+ key: "confettiExplosions",
3
+ name: "Confetti Explosions",
4
+ background: {
5
+ color: "#1a1a2e",
6
+ },
7
+ fullScreen: {
8
+ enable: true,
9
+ zIndex: 100,
10
+ },
11
+ particles: {
12
+ paint: {
13
+ fill: {
14
+ enable: true,
15
+ color: {
16
+ value: [
17
+ "#FF0044",
18
+ "#FF4400",
19
+ "#FFCC00",
20
+ "#00CC44",
21
+ "#00AAFF",
22
+ "#AA00FF",
23
+ "#FF00AA",
24
+ "#00FFCC",
25
+ "#FF6600",
26
+ "#FFFFFF",
27
+ ],
28
+ },
29
+ },
30
+ },
31
+ number: {
32
+ value: 0,
33
+ density: {
34
+ enable: true,
35
+ },
36
+ },
37
+ shape: {
38
+ type: ["square", "circle"],
39
+ },
40
+ size: {
41
+ value: {
42
+ min: 3,
43
+ max: 5,
44
+ },
45
+ },
46
+ opacity: {
47
+ value: { min: 0, max: 1 },
48
+ animation: {
49
+ enable: true,
50
+ startValue: "max",
51
+ destroy: "min",
52
+ speed: 3,
53
+ },
54
+ },
55
+ move: {
56
+ angle: {
57
+ value: 45,
58
+ offset: 0,
59
+ },
60
+ drift: 0,
61
+ enable: true,
62
+ gravity: {
63
+ enable: true,
64
+ acceleration: 9.81,
65
+ },
66
+ speed: {
67
+ min: 15,
68
+ max: 25,
69
+ },
70
+ decay: 0.1,
71
+ random: true,
72
+ straight: false,
73
+ outModes: {
74
+ default: "destroy",
75
+ top: "none",
76
+ },
77
+ },
78
+ rotate: {
79
+ value: {
80
+ min: 0,
81
+ max: 360,
82
+ },
83
+ direction: "random",
84
+ move: true,
85
+ animation: {
86
+ enable: true,
87
+ speed: 60,
88
+ },
89
+ },
90
+ tilt: {
91
+ direction: "random",
92
+ enable: true,
93
+ value: {
94
+ min: 0,
95
+ max: 360,
96
+ },
97
+ animation: {
98
+ enable: true,
99
+ speed: 60,
100
+ },
101
+ },
102
+ roll: {
103
+ darken: {
104
+ enable: true,
105
+ value: 30,
106
+ },
107
+ enlighten: {
108
+ enable: true,
109
+ value: 30,
110
+ },
111
+ enable: true,
112
+ mode: "both",
113
+ speed: {
114
+ min: 15,
115
+ max: 25,
116
+ },
117
+ },
118
+ wobble: {
119
+ distance: 30,
120
+ enable: true,
121
+ move: true,
122
+ speed: {
123
+ min: -15,
124
+ max: 15,
125
+ },
126
+ },
127
+ },
128
+ emitters: {
129
+ name: "confetti",
130
+ size: {
131
+ width: 0,
132
+ height: 0,
133
+ },
134
+ rate: {
135
+ delay: 0,
136
+ quantity: 50,
137
+ },
138
+ life: {
139
+ count: 0,
140
+ duration: 0.1,
141
+ delay: 0.4,
142
+ },
143
+ },
144
+ motion: {
145
+ disable: true,
146
+ },
147
+ blend: {
148
+ mode: "source-over",
149
+ },
150
+ };
151
+ export default options;
@@ -7,6 +7,7 @@ import collisionsAbsorb from "./collisionsAbsorb.js";
7
7
  import collisionsBounce from "./collisionsBounce.js";
8
8
  import collisionsDestroy from "./collisionsDestroy.js";
9
9
  import colorAnimation from "./colorAnimation.js";
10
+ import confettiExplosions from "./confettiExplosions.js";
10
11
  import connect from "./connect.js";
11
12
  import curlNoise from "./curlNoise.js";
12
13
  export default {
@@ -19,6 +20,7 @@ export default {
19
20
  collisionsBounce,
20
21
  collisionsDestroy,
21
22
  colorAnimation,
23
+ confettiExplosions,
22
24
  connect,
23
25
  curlNoise,
24
26
  };
@@ -176,6 +176,9 @@ const options = {
176
176
  },
177
177
  },
178
178
  paint: {
179
+ fill: {
180
+ enable: false,
181
+ },
179
182
  stroke: {
180
183
  color: {
181
184
  value: "#ffffff",
@@ -34,6 +34,9 @@ const thirdFactor = 3, third = identity / thirdFactor, options = {
34
34
  },
35
35
  particles: {
36
36
  paint: {
37
+ fill: {
38
+ enable: false,
39
+ },
37
40
  stroke: {
38
41
  color: {
39
42
  value: [
@@ -0,0 +1,71 @@
1
+ import { tsParticles } from "@tsparticles/engine/lazy";
2
+ import a from "./a/index.js";
3
+ import b from "./b/index.js";
4
+ import c from "./c/index.js";
5
+ import d from "./d/index.js";
6
+ import e from "./e/index.js";
7
+ import f from "./f/index.js";
8
+ import g from "./g/index.js";
9
+ import h from "./h/index.js";
10
+ import i from "./i/index.js";
11
+ import j from "./j/index.js";
12
+ import k from "./k/index.js";
13
+ import l from "./l/index.js";
14
+ import m from "./m/index.js";
15
+ import n from "./n/index.js";
16
+ import o from "./o/index.js";
17
+ import p from "./p/index.js";
18
+ import { palettes } from "./palettes.js";
19
+ import q from "./q/index.js";
20
+ import r from "./r/index.js";
21
+ import s from "./s/index.js";
22
+ import t from "./t/index.js";
23
+ import u from "./u/index.js";
24
+ import v from "./v/index.js";
25
+ import w from "./w/index.js";
26
+ import x from "./x/index.js";
27
+ import y from "./y/index.js";
28
+ import z from "./z/index.js";
29
+ for (const key of Object.keys(palettes)) {
30
+ const palette = palettes[key];
31
+ if (!palette) {
32
+ continue;
33
+ }
34
+ tsParticles.pluginManager.addPalette(key, palette);
35
+ }
36
+ const configs = {
37
+ ...a,
38
+ ...b,
39
+ ...c,
40
+ ...d,
41
+ ...e,
42
+ ...f,
43
+ ...g,
44
+ ...h,
45
+ ...i,
46
+ ...j,
47
+ ...k,
48
+ ...l,
49
+ ...m,
50
+ ...n,
51
+ ...o,
52
+ ...p,
53
+ ...q,
54
+ ...r,
55
+ ...s,
56
+ ...t,
57
+ ...u,
58
+ ...v,
59
+ ...w,
60
+ ...x,
61
+ ...y,
62
+ ...z,
63
+ };
64
+ for (const key of Object.keys(configs)) {
65
+ const config = configs[key];
66
+ if (!config) {
67
+ continue;
68
+ }
69
+ tsParticles.pluginManager.addConfig(config);
70
+ }
71
+ export default configs;
@@ -13,6 +13,9 @@ const options = {
13
13
  },
14
14
  },
15
15
  paint: {
16
+ fill: {
17
+ enable: false,
18
+ },
16
19
  stroke: {
17
20
  color: {
18
21
  value: ["#60a5fa", "#22d3ee", "#22c55e", "#fde047", "#f97316", "#ef4444"],
package/cjs/browser.js ADDED
@@ -0,0 +1,3 @@
1
+ const globalObject = globalThis;
2
+ globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
3
+ export * from "./index.js";
package/cjs/bundle.js CHANGED
@@ -1 +1,3 @@
1
1
  export * from "./index.js";
2
+ const globalObject = globalThis;
3
+ globalObject.__tsParticlesInternals ??= {};
package/cjs/c/chars.js CHANGED
@@ -9,6 +9,9 @@ const options = {
9
9
  },
10
10
  },
11
11
  paint: {
12
+ fill: {
13
+ enable: false,
14
+ },
12
15
  stroke: {
13
16
  width: 1,
14
17
  color: { value: "#ffffff" },
@@ -0,0 +1,151 @@
1
+ const options = {
2
+ key: "confettiExplosions",
3
+ name: "Confetti Explosions",
4
+ background: {
5
+ color: "#1a1a2e",
6
+ },
7
+ fullScreen: {
8
+ enable: true,
9
+ zIndex: 100,
10
+ },
11
+ particles: {
12
+ paint: {
13
+ fill: {
14
+ enable: true,
15
+ color: {
16
+ value: [
17
+ "#FF0044",
18
+ "#FF4400",
19
+ "#FFCC00",
20
+ "#00CC44",
21
+ "#00AAFF",
22
+ "#AA00FF",
23
+ "#FF00AA",
24
+ "#00FFCC",
25
+ "#FF6600",
26
+ "#FFFFFF",
27
+ ],
28
+ },
29
+ },
30
+ },
31
+ number: {
32
+ value: 0,
33
+ density: {
34
+ enable: true,
35
+ },
36
+ },
37
+ shape: {
38
+ type: ["square", "circle"],
39
+ },
40
+ size: {
41
+ value: {
42
+ min: 3,
43
+ max: 5,
44
+ },
45
+ },
46
+ opacity: {
47
+ value: { min: 0, max: 1 },
48
+ animation: {
49
+ enable: true,
50
+ startValue: "max",
51
+ destroy: "min",
52
+ speed: 3,
53
+ },
54
+ },
55
+ move: {
56
+ angle: {
57
+ value: 45,
58
+ offset: 0,
59
+ },
60
+ drift: 0,
61
+ enable: true,
62
+ gravity: {
63
+ enable: true,
64
+ acceleration: 9.81,
65
+ },
66
+ speed: {
67
+ min: 15,
68
+ max: 25,
69
+ },
70
+ decay: 0.1,
71
+ random: true,
72
+ straight: false,
73
+ outModes: {
74
+ default: "destroy",
75
+ top: "none",
76
+ },
77
+ },
78
+ rotate: {
79
+ value: {
80
+ min: 0,
81
+ max: 360,
82
+ },
83
+ direction: "random",
84
+ move: true,
85
+ animation: {
86
+ enable: true,
87
+ speed: 60,
88
+ },
89
+ },
90
+ tilt: {
91
+ direction: "random",
92
+ enable: true,
93
+ value: {
94
+ min: 0,
95
+ max: 360,
96
+ },
97
+ animation: {
98
+ enable: true,
99
+ speed: 60,
100
+ },
101
+ },
102
+ roll: {
103
+ darken: {
104
+ enable: true,
105
+ value: 30,
106
+ },
107
+ enlighten: {
108
+ enable: true,
109
+ value: 30,
110
+ },
111
+ enable: true,
112
+ mode: "both",
113
+ speed: {
114
+ min: 15,
115
+ max: 25,
116
+ },
117
+ },
118
+ wobble: {
119
+ distance: 30,
120
+ enable: true,
121
+ move: true,
122
+ speed: {
123
+ min: -15,
124
+ max: 15,
125
+ },
126
+ },
127
+ },
128
+ emitters: {
129
+ name: "confetti",
130
+ size: {
131
+ width: 0,
132
+ height: 0,
133
+ },
134
+ rate: {
135
+ delay: 0,
136
+ quantity: 50,
137
+ },
138
+ life: {
139
+ count: 0,
140
+ duration: 0.1,
141
+ delay: 0.4,
142
+ },
143
+ },
144
+ motion: {
145
+ disable: true,
146
+ },
147
+ blend: {
148
+ mode: "source-over",
149
+ },
150
+ };
151
+ export default options;
package/cjs/c/index.js CHANGED
@@ -7,6 +7,7 @@ import collisionsAbsorb from "./collisionsAbsorb.js";
7
7
  import collisionsBounce from "./collisionsBounce.js";
8
8
  import collisionsDestroy from "./collisionsDestroy.js";
9
9
  import colorAnimation from "./colorAnimation.js";
10
+ import confettiExplosions from "./confettiExplosions.js";
10
11
  import connect from "./connect.js";
11
12
  import curlNoise from "./curlNoise.js";
12
13
  export default {
@@ -19,6 +20,7 @@ export default {
19
20
  collisionsBounce,
20
21
  collisionsDestroy,
21
22
  colorAnimation,
23
+ confettiExplosions,
22
24
  connect,
23
25
  curlNoise,
24
26
  };
@@ -176,6 +176,9 @@ const options = {
176
176
  },
177
177
  },
178
178
  paint: {
179
+ fill: {
180
+ enable: false,
181
+ },
179
182
  stroke: {
180
183
  color: {
181
184
  value: "#ffffff",
@@ -34,6 +34,9 @@ const thirdFactor = 3, third = identity / thirdFactor, options = {
34
34
  },
35
35
  particles: {
36
36
  paint: {
37
+ fill: {
38
+ enable: false,
39
+ },
37
40
  stroke: {
38
41
  color: {
39
42
  value: [
@@ -0,0 +1,71 @@
1
+ import { tsParticles } from "@tsparticles/engine/lazy";
2
+ import a from "./a/index.js";
3
+ import b from "./b/index.js";
4
+ import c from "./c/index.js";
5
+ import d from "./d/index.js";
6
+ import e from "./e/index.js";
7
+ import f from "./f/index.js";
8
+ import g from "./g/index.js";
9
+ import h from "./h/index.js";
10
+ import i from "./i/index.js";
11
+ import j from "./j/index.js";
12
+ import k from "./k/index.js";
13
+ import l from "./l/index.js";
14
+ import m from "./m/index.js";
15
+ import n from "./n/index.js";
16
+ import o from "./o/index.js";
17
+ import p from "./p/index.js";
18
+ import { palettes } from "./palettes.js";
19
+ import q from "./q/index.js";
20
+ import r from "./r/index.js";
21
+ import s from "./s/index.js";
22
+ import t from "./t/index.js";
23
+ import u from "./u/index.js";
24
+ import v from "./v/index.js";
25
+ import w from "./w/index.js";
26
+ import x from "./x/index.js";
27
+ import y from "./y/index.js";
28
+ import z from "./z/index.js";
29
+ for (const key of Object.keys(palettes)) {
30
+ const palette = palettes[key];
31
+ if (!palette) {
32
+ continue;
33
+ }
34
+ tsParticles.pluginManager.addPalette(key, palette);
35
+ }
36
+ const configs = {
37
+ ...a,
38
+ ...b,
39
+ ...c,
40
+ ...d,
41
+ ...e,
42
+ ...f,
43
+ ...g,
44
+ ...h,
45
+ ...i,
46
+ ...j,
47
+ ...k,
48
+ ...l,
49
+ ...m,
50
+ ...n,
51
+ ...o,
52
+ ...p,
53
+ ...q,
54
+ ...r,
55
+ ...s,
56
+ ...t,
57
+ ...u,
58
+ ...v,
59
+ ...w,
60
+ ...x,
61
+ ...y,
62
+ ...z,
63
+ };
64
+ for (const key of Object.keys(configs)) {
65
+ const config = configs[key];
66
+ if (!config) {
67
+ continue;
68
+ }
69
+ tsParticles.pluginManager.addConfig(config);
70
+ }
71
+ export default configs;
@@ -13,6 +13,9 @@ const options = {
13
13
  },
14
14
  },
15
15
  paint: {
16
+ fill: {
17
+ enable: false,
18
+ },
16
19
  stroke: {
17
20
  color: {
18
21
  value: ["#60a5fa", "#22d3ee", "#22c55e", "#fde047", "#f97316", "#ef4444"],
package/esm/browser.js ADDED
@@ -0,0 +1,3 @@
1
+ const globalObject = globalThis;
2
+ globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
3
+ export * from "./index.js";
package/esm/bundle.js CHANGED
@@ -1 +1,3 @@
1
1
  export * from "./index.js";
2
+ const globalObject = globalThis;
3
+ globalObject.__tsParticlesInternals ??= {};
package/esm/c/chars.js CHANGED
@@ -9,6 +9,9 @@ const options = {
9
9
  },
10
10
  },
11
11
  paint: {
12
+ fill: {
13
+ enable: false,
14
+ },
12
15
  stroke: {
13
16
  width: 1,
14
17
  color: { value: "#ffffff" },