@tsparticles/configs 3.3.0 → 3.4.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 (92) hide show
  1. package/browser/c/clickConfetti.js +0 -1
  2. package/browser/e/effectTrailTransform.js +57 -0
  3. package/browser/e/emitterSpawnColor.js +6 -5
  4. package/browser/e/index.js +2 -0
  5. package/browser/f/fireworks.js +3 -1
  6. package/browser/f/fireworks2.js +2 -1
  7. package/browser/g/gradients.js +9 -8
  8. package/browser/i/imagesDirections.js +3 -2
  9. package/browser/m/mouseTrailNoise.js +0 -1
  10. package/browser/p/pop.js +2 -1
  11. package/browser/r/index.js +2 -0
  12. package/browser/r/randomShapes.js +417 -0
  13. package/browser/s/index.js +2 -0
  14. package/browser/s/shapeEmoji.js +6 -6
  15. package/browser/s/shapeInfinity.js +88 -0
  16. package/browser/t/tilt.js +0 -4
  17. package/browser/w/index.js +2 -0
  18. package/browser/w/wobble.js +0 -1
  19. package/browser/w/wobbleBig.js +139 -0
  20. package/cjs/c/clickConfetti.js +0 -1
  21. package/cjs/e/effectTrailTransform.js +59 -0
  22. package/cjs/e/emitterSpawnColor.js +6 -5
  23. package/cjs/e/index.js +2 -0
  24. package/cjs/f/fireworks.js +3 -1
  25. package/cjs/f/fireworks2.js +2 -1
  26. package/cjs/g/gradients.js +9 -8
  27. package/cjs/i/imagesDirections.js +3 -2
  28. package/cjs/m/mouseTrailNoise.js +0 -1
  29. package/cjs/p/pop.js +2 -1
  30. package/cjs/r/index.js +2 -0
  31. package/cjs/r/randomShapes.js +419 -0
  32. package/cjs/s/index.js +2 -0
  33. package/cjs/s/shapeEmoji.js +6 -6
  34. package/cjs/s/shapeInfinity.js +90 -0
  35. package/cjs/t/tilt.js +0 -4
  36. package/cjs/w/index.js +2 -0
  37. package/cjs/w/wobble.js +0 -1
  38. package/cjs/w/wobbleBig.js +141 -0
  39. package/esm/c/clickConfetti.js +0 -1
  40. package/esm/e/effectTrailTransform.js +57 -0
  41. package/esm/e/emitterSpawnColor.js +6 -5
  42. package/esm/e/index.js +2 -0
  43. package/esm/f/fireworks.js +3 -1
  44. package/esm/f/fireworks2.js +2 -1
  45. package/esm/g/gradients.js +9 -8
  46. package/esm/i/imagesDirections.js +3 -2
  47. package/esm/m/mouseTrailNoise.js +0 -1
  48. package/esm/p/pop.js +2 -1
  49. package/esm/r/index.js +2 -0
  50. package/esm/r/randomShapes.js +417 -0
  51. package/esm/s/index.js +2 -0
  52. package/esm/s/shapeEmoji.js +6 -6
  53. package/esm/s/shapeInfinity.js +88 -0
  54. package/esm/t/tilt.js +0 -4
  55. package/esm/w/index.js +2 -0
  56. package/esm/w/wobble.js +0 -1
  57. package/esm/w/wobbleBig.js +139 -0
  58. package/package.json +2 -2
  59. package/report.html +1 -1
  60. package/tsparticles.configs.bundle.js +1 -1
  61. package/tsparticles.configs.bundle.min.js.LICENSE.txt +1 -1
  62. package/tsparticles.configs.js +55 -15
  63. package/tsparticles.configs.min.js +1 -1
  64. package/tsparticles.configs.min.js.LICENSE.txt +1 -1
  65. package/types/e/effectTrailTransform.d.ts +3 -0
  66. package/types/e/index.d.ts +1 -0
  67. package/types/index.d.ts +4 -0
  68. package/types/r/index.d.ts +1 -0
  69. package/types/r/randomShapes.d.ts +3 -0
  70. package/types/s/index.d.ts +1 -0
  71. package/types/s/shapeInfinity.d.ts +3 -0
  72. package/types/w/index.d.ts +1 -0
  73. package/types/w/wobbleBig.d.ts +3 -0
  74. package/umd/c/clickConfetti.js +0 -1
  75. package/umd/e/effectTrailTransform.js +69 -0
  76. package/umd/e/emitterSpawnColor.js +7 -6
  77. package/umd/e/index.js +3 -1
  78. package/umd/f/fireworks.js +4 -2
  79. package/umd/f/fireworks2.js +3 -2
  80. package/umd/g/gradients.js +10 -9
  81. package/umd/i/imagesDirections.js +4 -3
  82. package/umd/m/mouseTrailNoise.js +0 -1
  83. package/umd/p/pop.js +3 -2
  84. package/umd/r/index.js +3 -1
  85. package/umd/r/randomShapes.js +429 -0
  86. package/umd/s/index.js +3 -1
  87. package/umd/s/shapeEmoji.js +7 -7
  88. package/umd/s/shapeInfinity.js +100 -0
  89. package/umd/t/tilt.js +0 -4
  90. package/umd/w/index.js +3 -1
  91. package/umd/w/wobble.js +0 -1
  92. package/umd/w/wobbleBig.js +151 -0
package/browser/c/clickConfetti.js CHANGED
@@ -128,7 +128,6 @@ const options = {
128
128
  tilt: {
129
129
  direction: "random",
130
130
  enable: true,
131
- move: true,
132
131
  value: {
133
132
  min: 0,
134
133
  max: 360,
package/browser/e/effectTrailTransform.js ADDED
@@ -0,0 +1,57 @@
1
+ const options = {
2
+ key: "effectTrailTransform",
3
+ name: "Effect Trail Transform",
4
+ particles: {
5
+ number: {
6
+ value: 80,
7
+ density: {
8
+ enable: true,
9
+ },
10
+ },
11
+ color: {
12
+ value: "#ff0000",
13
+ animation: {
14
+ enable: true,
15
+ speed: 360,
16
+ sync: true,
17
+ },
18
+ },
19
+ effect: {
20
+ type: "trail",
21
+ options: {
22
+ trail: {
23
+ fade: true,
24
+ length: {
25
+ min: 10,
26
+ max: 30,
27
+ },
28
+ transform: true,
29
+ },
30
+ },
31
+ },
32
+ shape: {
33
+ type: "square",
34
+ },
35
+ size: {
36
+ value: 10,
37
+ },
38
+ move: {
39
+ enable: true,
40
+ speed: { min: 6, max: 15 },
41
+ },
42
+ tilt: {
43
+ direction: "random",
44
+ enable: true,
45
+ value: { min: 0, max: 360 },
46
+ animation: {
47
+ enable: true,
48
+ speed: 60,
49
+ sync: true,
50
+ },
51
+ },
52
+ },
53
+ background: {
54
+ color: "#000000",
55
+ },
56
+ };
57
+ export default options;
package/browser/e/emitterSpawnColor.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { MoveDirection } from "@tsparticles/engine";
1
2
  const emitterRate = {
2
3
  delay: 0.1,
3
4
  quantity: 2,
@@ -37,7 +38,7 @@ const emitterRate = {
37
38
  rate: emitterRate,
38
39
  particles: {
39
40
  move: {
40
- direction: "bottom-right",
41
+ direction: MoveDirection.bottomRight,
41
42
  },
42
43
  },
43
44
  spawnColor: {
@@ -58,7 +59,7 @@ const emitterRate = {
58
59
  rate: emitterRate,
59
60
  particles: {
60
61
  move: {
61
- direction: "top-right",
62
+ direction: MoveDirection.topRight,
62
63
  },
63
64
  },
64
65
  spawnColor: {
@@ -83,7 +84,7 @@ const emitterRate = {
83
84
  rate: emitterRate,
84
85
  particles: {
85
86
  move: {
86
- direction: "bottom-left",
87
+ direction: MoveDirection.bottomLeft,
87
88
  },
88
89
  },
89
90
  spawnColor: {
@@ -108,7 +109,7 @@ const emitterRate = {
108
109
  rate: emitterRate,
109
110
  particles: {
110
111
  move: {
111
- direction: "top-left",
112
+ direction: MoveDirection.topLeft,
112
113
  },
113
114
  },
114
115
  spawnColor: {
@@ -137,7 +138,7 @@ const emitterRate = {
137
138
  rate: emitterRate,
138
139
  particles: {
139
140
  move: {
140
- direction: "none",
141
+ direction: MoveDirection.none,
141
142
  },
142
143
  },
143
144
  spawnColor: {
package/browser/e/index.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import effectBubble from "./effectBubble.js";
2
2
  import effectTrail from "./effectTrail.js";
3
+ import effectTrailTransform from "./effectTrailTransform.js";
3
4
  import emitter from "./emitter.js";
4
5
  import emitterAbsorber from "./emitterAbsorber.js";
5
6
  import emitterAngled from "./emitterAngled.js";
@@ -13,6 +14,7 @@ import emitterTextStrokeShape from "./emitterTextStrokeShape.js";
13
14
  export default {
14
15
  effectBubble,
15
16
  effectTrail,
17
+ effectTrailTransform,
16
18
  emitter,
17
19
  emitterAbsorber,
18
20
  emitterAngled,
package/browser/f/fireworks.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { EventType } from "@tsparticles/engine";
1
2
  const options = {
2
3
  key: "fireworks",
3
4
  name: "Fireworks",
@@ -137,6 +138,7 @@ const options = {
137
138
  width: 1,
138
139
  },
139
140
  rotate: {
141
+ enable: true,
140
142
  path: true,
141
143
  },
142
144
  move: {
@@ -166,7 +168,7 @@ const options = {
166
168
  enable: true,
167
169
  events: [
168
170
  {
169
- event: "particleRemoved",
171
+ event: EventType.particleRemoved,
170
172
  filter: (args) => args.data.particle.options.move.gravity.inverse,
171
173
  audio: [
172
174
  "https://particles.js.org/audio/explosion0.mp3",
package/browser/f/fireworks2.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { EventType } from "@tsparticles/engine";
1
2
  const options = {
2
3
  key: "fireworks2",
3
4
  name: "Fireworks 2",
@@ -179,7 +180,7 @@ const options = {
179
180
  enable: true,
180
181
  events: [
181
182
  {
182
- event: "particleRemoved",
183
+ event: EventType.particleRemoved,
183
184
  filter: (args) => args.data.particle.options.move.gravity.inverse,
184
185
  audio: [
185
186
  "https://particles.js.org/audio/explosion0.mp3",
package/browser/g/gradients.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { GradientType, RotateDirection } from "@tsparticles/engine";
1
2
  const options = {
2
3
  key: "gradients",
3
4
  name: "Gradients",
@@ -7,7 +8,7 @@ const options = {
7
8
  },
8
9
  gradient: [
9
10
  {
10
- type: "radial",
11
+ type: GradientType.radial,
11
12
  colors: [
12
13
  {
13
14
  stop: 0.25,
@@ -21,7 +22,7 @@ const options = {
21
22
  ],
22
23
  },
23
24
  {
24
- type: "radial",
25
+ type: GradientType.radial,
25
26
  colors: [
26
27
  {
27
28
  stop: 0.25,
@@ -35,7 +36,7 @@ const options = {
35
36
  ],
36
37
  },
37
38
  {
38
- type: "radial",
39
+ type: GradientType.radial,
39
40
  colors: [
40
41
  {
41
42
  stop: 0.25,
@@ -49,7 +50,7 @@ const options = {
49
50
  ],
50
51
  },
51
52
  {
52
- type: "radial",
53
+ type: GradientType.radial,
53
54
  colors: [
54
55
  {
55
56
  stop: 0.25,
@@ -63,7 +64,7 @@ const options = {
63
64
  ],
64
65
  },
65
66
  {
66
- type: "radial",
67
+ type: GradientType.radial,
67
68
  colors: [
68
69
  {
69
70
  stop: 0.25,
@@ -77,7 +78,7 @@ const options = {
77
78
  ],
78
79
  },
79
80
  {
80
- type: "radial",
81
+ type: GradientType.radial,
81
82
  colors: [
82
83
  {
83
84
  stop: 0.25,
@@ -120,10 +121,10 @@ const options = {
120
121
  ],
121
122
  },
122
123
  {
123
- type: "linear",
124
+ type: GradientType.linear,
124
125
  angle: {
125
126
  value: 0,
126
- direction: "random",
127
+ direction: RotateDirection.random,
127
128
  animation: {
128
129
  enable: true,
129
130
  speed: 60,
package/browser/i/imagesDirections.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { MoveDirection } from "@tsparticles/engine";
1
2
  const options = {
2
3
  key: "imagesDirections",
3
4
  name: "Images with Custom Directions",
@@ -61,7 +62,7 @@ const options = {
61
62
  height: 32,
62
63
  particles: {
63
64
  move: {
64
- direction: "top",
65
+ direction: MoveDirection.top,
65
66
  },
66
67
  },
67
68
  },
@@ -71,7 +72,7 @@ const options = {
71
72
  height: 32,
72
73
  particles: {
73
74
  move: {
74
- direction: "bottom",
75
+ direction: MoveDirection.bottom,
75
76
  },
76
77
  },
77
78
  },
package/browser/m/mouseTrailNoise.js CHANGED
@@ -63,7 +63,6 @@ const options = {
63
63
  tilt: {
64
64
  direction: "random",
65
65
  enable: true,
66
- move: true,
67
66
  value: {
68
67
  min: 0,
69
68
  max: 360,
package/browser/p/pop.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { LimitMode } from "@tsparticles/engine";
1
2
  const options = {
2
3
  key: "pop",
3
4
  name: "Pop",
@@ -5,7 +6,7 @@ const options = {
5
6
  number: {
6
7
  limit: {
7
8
  value: 80,
8
- mode: "wait",
9
+ mode: LimitMode.wait,
9
10
  },
10
11
  value: 80,
11
12
  },
package/browser/r/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import random from "./random.js";
2
+ import randomShapes from "./randomShapes.js";
2
3
  import reactBubbles from "./reactBubbles.js";
3
4
  import reactDefaults from "./reactDefaults.js";
4
5
  import reactMultipleImages from "./reactMultipleImages.js";
@@ -19,6 +20,7 @@ import responsive from "./responsive.js";
19
20
  import ring from "./ring.js";
20
21
  export default {
21
22
  random,
23
+ randomShapes,
22
24
  reactBubbles,
23
25
  reactDefaults,
24
26
  reactMultipleImages,