@tsparticles/configs 4.0.1 → 4.0.3

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 (22) hide show
  1. package/browser/c/colors.js +106 -0
  2. package/browser/c/index.js +2 -0
  3. package/browser/t/index.js +2 -0
  4. package/browser/t/tunnel.js +85 -0
  5. package/cjs/c/colors.js +106 -0
  6. package/cjs/c/index.js +2 -0
  7. package/cjs/t/index.js +2 -0
  8. package/cjs/t/tunnel.js +85 -0
  9. package/esm/c/colors.js +106 -0
  10. package/esm/c/index.js +2 -0
  11. package/esm/t/index.js +2 -0
  12. package/esm/t/tunnel.js +85 -0
  13. package/package.json +2 -2
  14. package/report.html +1 -1
  15. package/tsparticles.configs.js +564 -371
  16. package/tsparticles.configs.min.js +1 -1
  17. package/types/c/colors.d.ts +3 -0
  18. package/types/c/index.d.ts +1 -0
  19. package/types/index.d.ts +2 -0
  20. package/types/index.lazy.d.ts +2 -0
  21. package/types/t/index.d.ts +1 -0
  22. package/types/t/tunnel.d.ts +3 -0
package/browser/c/colors.js ADDED
@@ -0,0 +1,106 @@
1
+ const options = {
2
+ key: "colors",
3
+ name: "Colors",
4
+ background: {
5
+ color: "#000",
6
+ },
7
+ interactivity: {
8
+ events: {
9
+ onHover: {
10
+ mode: "trail",
11
+ enable: true,
12
+ },
13
+ },
14
+ modes: {
15
+ trail: {
16
+ delay: 0.005,
17
+ quantity: 5,
18
+ pauseOnStop: true,
19
+ particles: {
20
+ paint: {
21
+ color: {
22
+ value: "#ff0000",
23
+ animation: {
24
+ enable: true,
25
+ speed: 400,
26
+ sync: true,
27
+ },
28
+ },
29
+ },
30
+ collisions: {
31
+ enable: false,
32
+ },
33
+ links: {
34
+ enable: false,
35
+ },
36
+ move: {
37
+ outModes: {
38
+ default: "destroy",
39
+ },
40
+ speed: 2,
41
+ },
42
+ size: {
43
+ value: {
44
+ min: 1,
45
+ max: 5,
46
+ },
47
+ animation: {
48
+ enable: true,
49
+ speed: 5,
50
+ sync: true,
51
+ startValue: "min",
52
+ destroy: "max",
53
+ },
54
+ },
55
+ },
56
+ },
57
+ },
58
+ },
59
+ particles: {
60
+ paint: {
61
+ color: {
62
+ animation: {
63
+ enable: true,
64
+ sync: false,
65
+ speed: 50,
66
+ },
67
+ value: "#ff0000",
68
+ },
69
+ },
70
+ links: {
71
+ color: "random",
72
+ enable: true,
73
+ },
74
+ move: {
75
+ enable: true,
76
+ },
77
+ number: {
78
+ value: 100,
79
+ density: {
80
+ enable: true,
81
+ },
82
+ },
83
+ opacity: {
84
+ animation: {
85
+ enable: true,
86
+ speed: 0.1,
87
+ },
88
+ value: {
89
+ min: 0.3,
90
+ max: 0.8,
91
+ },
92
+ },
93
+ size: {
94
+ animation: {
95
+ enable: true,
96
+ speed: 3,
97
+ },
98
+ value: {
99
+ min: 1,
100
+ max: 3,
101
+ },
102
+ },
103
+ },
104
+ emitters: [],
105
+ };
106
+ export default options;
package/browser/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 colors from "./colors.js";
10
11
  import confettiExplosions from "./confettiExplosions.js";
11
12
  import connect from "./connect.js";
12
13
  import curlNoise from "./curlNoise.js";
@@ -20,6 +21,7 @@ export default {
20
21
  collisionsBounce,
21
22
  collisionsDestroy,
22
23
  colorAnimation,
24
+ colors,
23
25
  confettiExplosions,
24
26
  connect,
25
27
  curlNoise,
package/browser/t/index.js CHANGED
@@ -6,6 +6,7 @@ import tilt from "./tilt.js";
6
6
  import trail from "./trail.js";
7
7
  import trailImage from "./trailImage.js";
8
8
  import triangles from "./triangles.js";
9
+ import tunnel from "./tunnel.js";
9
10
  import twinkle from "./twinkle.js";
10
11
  export default {
11
12
  test,
@@ -16,5 +17,6 @@ export default {
16
17
  trail,
17
18
  trailImage,
18
19
  triangles,
20
+ tunnel,
19
21
  twinkle,
20
22
  };
package/browser/t/tunnel.js ADDED
@@ -0,0 +1,85 @@
1
+ const options = {
2
+ key: "tunnel",
3
+ name: "Tunnel",
4
+ particles: {
5
+ number: {
6
+ value: 0,
7
+ },
8
+ paint: {
9
+ color: {
10
+ value: "#ffffff",
11
+ },
12
+ },
13
+ shape: {
14
+ type: "circle",
15
+ },
16
+ opacity: {
17
+ value: {
18
+ min: 0.3,
19
+ max: 0.8,
20
+ },
21
+ },
22
+ size: {
23
+ value: {
24
+ min: 1,
25
+ max: 10,
26
+ },
27
+ },
28
+ move: {
29
+ enable: true,
30
+ size: true,
31
+ speed: 5,
32
+ direction: "none",
33
+ outModes: {
34
+ default: "destroy",
35
+ },
36
+ },
37
+ },
38
+ background: {
39
+ color: "#000",
40
+ },
41
+ trail: {
42
+ enable: true,
43
+ fill: {
44
+ color: "#000000",
45
+ },
46
+ length: 3,
47
+ },
48
+ emitters: {
49
+ direction: "none",
50
+ rate: {
51
+ delay: 0.25,
52
+ quantity: 10,
53
+ },
54
+ position: {
55
+ x: 50,
56
+ y: 50,
57
+ },
58
+ size: {
59
+ width: 0,
60
+ height: 0,
61
+ },
62
+ spawn: {
63
+ fill: {
64
+ color: {
65
+ value: "#ff0000",
66
+ animation: {
67
+ h: {
68
+ enable: true,
69
+ speed: 5,
70
+ },
71
+ l: {
72
+ enable: true,
73
+ speed: 0,
74
+ offset: {
75
+ min: 20,
76
+ max: 80,
77
+ },
78
+ },
79
+ },
80
+ },
81
+ },
82
+ },
83
+ },
84
+ };
85
+ export default options;
package/cjs/c/colors.js ADDED
@@ -0,0 +1,106 @@
1
+ const options = {
2
+ key: "colors",
3
+ name: "Colors",
4
+ background: {
5
+ color: "#000",
6
+ },
7
+ interactivity: {
8
+ events: {
9
+ onHover: {
10
+ mode: "trail",
11
+ enable: true,
12
+ },
13
+ },
14
+ modes: {
15
+ trail: {
16
+ delay: 0.005,
17
+ quantity: 5,
18
+ pauseOnStop: true,
19
+ particles: {
20
+ paint: {
21
+ color: {
22
+ value: "#ff0000",
23
+ animation: {
24
+ enable: true,
25
+ speed: 400,
26
+ sync: true,
27
+ },
28
+ },
29
+ },
30
+ collisions: {
31
+ enable: false,
32
+ },
33
+ links: {
34
+ enable: false,
35
+ },
36
+ move: {
37
+ outModes: {
38
+ default: "destroy",
39
+ },
40
+ speed: 2,
41
+ },
42
+ size: {
43
+ value: {
44
+ min: 1,
45
+ max: 5,
46
+ },
47
+ animation: {
48
+ enable: true,
49
+ speed: 5,
50
+ sync: true,
51
+ startValue: "min",
52
+ destroy: "max",
53
+ },
54
+ },
55
+ },
56
+ },
57
+ },
58
+ },
59
+ particles: {
60
+ paint: {
61
+ color: {
62
+ animation: {
63
+ enable: true,
64
+ sync: false,
65
+ speed: 50,
66
+ },
67
+ value: "#ff0000",
68
+ },
69
+ },
70
+ links: {
71
+ color: "random",
72
+ enable: true,
73
+ },
74
+ move: {
75
+ enable: true,
76
+ },
77
+ number: {
78
+ value: 100,
79
+ density: {
80
+ enable: true,
81
+ },
82
+ },
83
+ opacity: {
84
+ animation: {
85
+ enable: true,
86
+ speed: 0.1,
87
+ },
88
+ value: {
89
+ min: 0.3,
90
+ max: 0.8,
91
+ },
92
+ },
93
+ size: {
94
+ animation: {
95
+ enable: true,
96
+ speed: 3,
97
+ },
98
+ value: {
99
+ min: 1,
100
+ max: 3,
101
+ },
102
+ },
103
+ },
104
+ emitters: [],
105
+ };
106
+ 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 colors from "./colors.js";
10
11
  import confettiExplosions from "./confettiExplosions.js";
11
12
  import connect from "./connect.js";
12
13
  import curlNoise from "./curlNoise.js";
@@ -20,6 +21,7 @@ export default {
20
21
  collisionsBounce,
21
22
  collisionsDestroy,
22
23
  colorAnimation,
24
+ colors,
23
25
  confettiExplosions,
24
26
  connect,
25
27
  curlNoise,
package/cjs/t/index.js CHANGED
@@ -6,6 +6,7 @@ import tilt from "./tilt.js";
6
6
  import trail from "./trail.js";
7
7
  import trailImage from "./trailImage.js";
8
8
  import triangles from "./triangles.js";
9
+ import tunnel from "./tunnel.js";
9
10
  import twinkle from "./twinkle.js";
10
11
  export default {
11
12
  test,
@@ -16,5 +17,6 @@ export default {
16
17
  trail,
17
18
  trailImage,
18
19
  triangles,
20
+ tunnel,
19
21
  twinkle,
20
22
  };
package/cjs/t/tunnel.js ADDED
@@ -0,0 +1,85 @@
1
+ const options = {
2
+ key: "tunnel",
3
+ name: "Tunnel",
4
+ particles: {
5
+ number: {
6
+ value: 0,
7
+ },
8
+ paint: {
9
+ color: {
10
+ value: "#ffffff",
11
+ },
12
+ },
13
+ shape: {
14
+ type: "circle",
15
+ },
16
+ opacity: {
17
+ value: {
18
+ min: 0.3,
19
+ max: 0.8,
20
+ },
21
+ },
22
+ size: {
23
+ value: {
24
+ min: 1,
25
+ max: 10,
26
+ },
27
+ },
28
+ move: {
29
+ enable: true,
30
+ size: true,
31
+ speed: 5,
32
+ direction: "none",
33
+ outModes: {
34
+ default: "destroy",
35
+ },
36
+ },
37
+ },
38
+ background: {
39
+ color: "#000",
40
+ },
41
+ trail: {
42
+ enable: true,
43
+ fill: {
44
+ color: "#000000",
45
+ },
46
+ length: 3,
47
+ },
48
+ emitters: {
49
+ direction: "none",
50
+ rate: {
51
+ delay: 0.25,
52
+ quantity: 10,
53
+ },
54
+ position: {
55
+ x: 50,
56
+ y: 50,
57
+ },
58
+ size: {
59
+ width: 0,
60
+ height: 0,
61
+ },
62
+ spawn: {
63
+ fill: {
64
+ color: {
65
+ value: "#ff0000",
66
+ animation: {
67
+ h: {
68
+ enable: true,
69
+ speed: 5,
70
+ },
71
+ l: {
72
+ enable: true,
73
+ speed: 0,
74
+ offset: {
75
+ min: 20,
76
+ max: 80,
77
+ },
78
+ },
79
+ },
80
+ },
81
+ },
82
+ },
83
+ },
84
+ };
85
+ export default options;
package/esm/c/colors.js ADDED
@@ -0,0 +1,106 @@
1
+ const options = {
2
+ key: "colors",
3
+ name: "Colors",
4
+ background: {
5
+ color: "#000",
6
+ },
7
+ interactivity: {
8
+ events: {
9
+ onHover: {
10
+ mode: "trail",
11
+ enable: true,
12
+ },
13
+ },
14
+ modes: {
15
+ trail: {
16
+ delay: 0.005,
17
+ quantity: 5,
18
+ pauseOnStop: true,
19
+ particles: {
20
+ paint: {
21
+ color: {
22
+ value: "#ff0000",
23
+ animation: {
24
+ enable: true,
25
+ speed: 400,
26
+ sync: true,
27
+ },
28
+ },
29
+ },
30
+ collisions: {
31
+ enable: false,
32
+ },
33
+ links: {
34
+ enable: false,
35
+ },
36
+ move: {
37
+ outModes: {
38
+ default: "destroy",
39
+ },
40
+ speed: 2,
41
+ },
42
+ size: {
43
+ value: {
44
+ min: 1,
45
+ max: 5,
46
+ },
47
+ animation: {
48
+ enable: true,
49
+ speed: 5,
50
+ sync: true,
51
+ startValue: "min",
52
+ destroy: "max",
53
+ },
54
+ },
55
+ },
56
+ },
57
+ },
58
+ },
59
+ particles: {
60
+ paint: {
61
+ color: {
62
+ animation: {
63
+ enable: true,
64
+ sync: false,
65
+ speed: 50,
66
+ },
67
+ value: "#ff0000",
68
+ },
69
+ },
70
+ links: {
71
+ color: "random",
72
+ enable: true,
73
+ },
74
+ move: {
75
+ enable: true,
76
+ },
77
+ number: {
78
+ value: 100,
79
+ density: {
80
+ enable: true,
81
+ },
82
+ },
83
+ opacity: {
84
+ animation: {
85
+ enable: true,
86
+ speed: 0.1,
87
+ },
88
+ value: {
89
+ min: 0.3,
90
+ max: 0.8,
91
+ },
92
+ },
93
+ size: {
94
+ animation: {
95
+ enable: true,
96
+ speed: 3,
97
+ },
98
+ value: {
99
+ min: 1,
100
+ max: 3,
101
+ },
102
+ },
103
+ },
104
+ emitters: [],
105
+ };
106
+ export default options;
package/esm/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 colors from "./colors.js";
10
11
  import confettiExplosions from "./confettiExplosions.js";
11
12
  import connect from "./connect.js";
12
13
  import curlNoise from "./curlNoise.js";
@@ -20,6 +21,7 @@ export default {
20
21
  collisionsBounce,
21
22
  collisionsDestroy,
22
23
  colorAnimation,
24
+ colors,
23
25
  confettiExplosions,
24
26
  connect,
25
27
  curlNoise,
package/esm/t/index.js CHANGED
@@ -6,6 +6,7 @@ import tilt from "./tilt.js";
6
6
  import trail from "./trail.js";
7
7
  import trailImage from "./trailImage.js";
8
8
  import triangles from "./triangles.js";
9
+ import tunnel from "./tunnel.js";
9
10
  import twinkle from "./twinkle.js";
10
11
  export default {
11
12
  test,
@@ -16,5 +17,6 @@ export default {
16
17
  trail,
17
18
  trailImage,
18
19
  triangles,
20
+ tunnel,
19
21
  twinkle,
20
22
  };
package/esm/t/tunnel.js ADDED
@@ -0,0 +1,85 @@
1
+ const options = {
2
+ key: "tunnel",
3
+ name: "Tunnel",
4
+ particles: {
5
+ number: {
6
+ value: 0,
7
+ },
8
+ paint: {
9
+ color: {
10
+ value: "#ffffff",
11
+ },
12
+ },
13
+ shape: {
14
+ type: "circle",
15
+ },
16
+ opacity: {
17
+ value: {
18
+ min: 0.3,
19
+ max: 0.8,
20
+ },
21
+ },
22
+ size: {
23
+ value: {
24
+ min: 1,
25
+ max: 10,
26
+ },
27
+ },
28
+ move: {
29
+ enable: true,
30
+ size: true,
31
+ speed: 5,
32
+ direction: "none",
33
+ outModes: {
34
+ default: "destroy",
35
+ },
36
+ },
37
+ },
38
+ background: {
39
+ color: "#000",
40
+ },
41
+ trail: {
42
+ enable: true,
43
+ fill: {
44
+ color: "#000000",
45
+ },
46
+ length: 3,
47
+ },
48
+ emitters: {
49
+ direction: "none",
50
+ rate: {
51
+ delay: 0.25,
52
+ quantity: 10,
53
+ },
54
+ position: {
55
+ x: 50,
56
+ y: 50,
57
+ },
58
+ size: {
59
+ width: 0,
60
+ height: 0,
61
+ },
62
+ spawn: {
63
+ fill: {
64
+ color: {
65
+ value: "#ff0000",
66
+ animation: {
67
+ h: {
68
+ enable: true,
69
+ speed: 5,
70
+ },
71
+ l: {
72
+ enable: true,
73
+ speed: 0,
74
+ offset: {
75
+ min: 20,
76
+ max: 80,
77
+ },
78
+ },
79
+ },
80
+ },
81
+ },
82
+ },
83
+ },
84
+ };
85
+ export default options;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tsparticles/configs",
3
- "version": "4.0.1",
3
+ "version": "4.0.3",
4
4
  "description": "tsParticles demo configurations",
5
5
  "homepage": "https://particles.js.org",
6
6
  "repository": {
@@ -105,7 +105,7 @@
105
105
  "./package.json": "./package.json"
106
106
  },
107
107
  "peerDependencies": {
108
- "@tsparticles/engine": "4.0.1"
108
+ "@tsparticles/engine": "4.0.3"
109
109
  },
110
110
  "publishConfig": {
111
111
  "access": "public"