@tsparticles/configs 4.0.5 → 4.1.1

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 (59) hide show
  1. package/browser/f/fallingConfettiWithRibbons.js +218 -0
  2. package/browser/f/index.js +2 -0
  3. package/browser/m/index.js +2 -0
  4. package/browser/m/musicEmitter.js +78 -0
  5. package/browser/r/index.js +0 -14
  6. package/browser/s/index.js +2 -0
  7. package/browser/s/shapeRibbon.js +73 -0
  8. package/cjs/f/fallingConfettiWithRibbons.js +218 -0
  9. package/cjs/f/index.js +2 -0
  10. package/cjs/m/index.js +2 -0
  11. package/cjs/m/musicEmitter.js +78 -0
  12. package/cjs/r/index.js +0 -14
  13. package/cjs/s/index.js +2 -0
  14. package/cjs/s/shapeRibbon.js +73 -0
  15. package/esm/f/fallingConfettiWithRibbons.js +218 -0
  16. package/esm/f/index.js +2 -0
  17. package/esm/m/index.js +2 -0
  18. package/esm/m/musicEmitter.js +78 -0
  19. package/esm/r/index.js +0 -14
  20. package/esm/s/index.js +2 -0
  21. package/esm/s/shapeRibbon.js +73 -0
  22. package/package.json +2 -2
  23. package/report.html +1 -1
  24. package/tsparticles.configs.js +822 -1079
  25. package/tsparticles.configs.min.js +1 -1
  26. package/types/f/index.d.ts +1 -0
  27. package/types/index.d.ts +3 -7
  28. package/types/index.lazy.d.ts +3 -7
  29. package/types/m/index.d.ts +1 -0
  30. package/types/r/index.d.ts +0 -7
  31. package/types/s/index.d.ts +1 -0
  32. package/browser/r/reactBubbles.js +0 -104
  33. package/browser/r/reactDefaults.js +0 -53
  34. package/browser/r/reactMultipleImages.js +0 -92
  35. package/browser/r/reactNightSky.js +0 -79
  36. package/browser/r/reactPolygonMask.js +0 -96
  37. package/browser/r/reactSimple.js +0 -90
  38. package/browser/r/reactSnow.js +0 -108
  39. package/cjs/r/reactBubbles.js +0 -104
  40. package/cjs/r/reactDefaults.js +0 -53
  41. package/cjs/r/reactMultipleImages.js +0 -92
  42. package/cjs/r/reactNightSky.js +0 -79
  43. package/cjs/r/reactPolygonMask.js +0 -96
  44. package/cjs/r/reactSimple.js +0 -90
  45. package/cjs/r/reactSnow.js +0 -108
  46. package/esm/r/reactBubbles.js +0 -104
  47. package/esm/r/reactDefaults.js +0 -53
  48. package/esm/r/reactMultipleImages.js +0 -92
  49. package/esm/r/reactNightSky.js +0 -79
  50. package/esm/r/reactPolygonMask.js +0 -96
  51. package/esm/r/reactSimple.js +0 -90
  52. package/esm/r/reactSnow.js +0 -108
  53. package/types/r/reactNightSky.d.ts +0 -3
  54. package/types/r/reactPolygonMask.d.ts +0 -3
  55. package/types/r/reactSimple.d.ts +0 -3
  56. package/types/r/reactSnow.d.ts +0 -3
  57. /package/types/{r/reactBubbles.d.ts → f/fallingConfettiWithRibbons.d.ts} +0 -0
  58. /package/types/{r/reactDefaults.d.ts → m/musicEmitter.d.ts} +0 -0
  59. /package/types/{r/reactMultipleImages.d.ts → s/shapeRibbon.d.ts} +0 -0
package/cjs/r/reactSnow.js DELETED
@@ -1,108 +0,0 @@
1
- const options = {
2
- key: "reactSnow",
3
- name: "React Snow",
4
- interactivity: {
5
- events: {
6
- onClick: {
7
- enable: true,
8
- mode: "remove",
9
- },
10
- },
11
- modes: {
12
- bubble: {
13
- distance: 200,
14
- duration: 0.4,
15
- opacity: 1,
16
- size: 80,
17
- },
18
- connect: {
19
- distance: 80,
20
- links: {
21
- opacity: 0.5,
22
- },
23
- radius: 60,
24
- },
25
- grab: {
26
- distance: 180,
27
- links: {
28
- opacity: 0.35,
29
- },
30
- },
31
- push: {
32
- quantity: 4,
33
- },
34
- remove: {
35
- quantity: 10,
36
- },
37
- repulse: {
38
- distance: 100,
39
- duration: 5,
40
- },
41
- slow: {
42
- factor: 1,
43
- radius: 0,
44
- },
45
- },
46
- },
47
- particles: {
48
- paint: {
49
- fill: {
50
- color: {
51
- value: "#FFF",
52
- },
53
- enable: true,
54
- },
55
- },
56
- links: {
57
- blink: false,
58
- color: {
59
- value: "#fff",
60
- },
61
- consent: false,
62
- distance: 150,
63
- enable: false,
64
- opacity: 0.6,
65
- width: 1,
66
- },
67
- move: {
68
- direction: "bottom",
69
- enable: true,
70
- speed: 3,
71
- },
72
- collisions: {
73
- enable: true,
74
- },
75
- number: {
76
- value: 160,
77
- },
78
- opacity: {
79
- animation: {
80
- enable: true,
81
- speed: 1,
82
- sync: false,
83
- },
84
- value: {
85
- min: 0.1,
86
- max: 0.5,
87
- },
88
- },
89
- shape: {
90
- type: "circle",
91
- },
92
- size: {
93
- value: {
94
- min: 1,
95
- max: 10,
96
- },
97
- },
98
- },
99
- pauseOnBlur: true,
100
- background: {
101
- color: "#0d47a1",
102
- image: "",
103
- position: "50% 50%",
104
- repeat: "no-repeat",
105
- size: "cover",
106
- },
107
- };
108
- export default options;
package/esm/r/reactBubbles.js DELETED
@@ -1,104 +0,0 @@
1
- const options = {
2
- key: "reactBubbles",
3
- name: "React Bubbles",
4
- interactivity: {
5
- events: {
6
- onClick: {
7
- enable: true,
8
- mode: "repulse",
9
- },
10
- onHover: {
11
- enable: true,
12
- mode: "bubble",
13
- },
14
- },
15
- modes: {
16
- bubble: {
17
- distance: 250,
18
- duration: 2,
19
- opacity: 0,
20
- size: 0,
21
- },
22
- connect: {
23
- distance: 80,
24
- links: {
25
- opacity: 0.5,
26
- },
27
- radius: 60,
28
- },
29
- grab: {
30
- distance: 180,
31
- links: {
32
- opacity: 0.35,
33
- },
34
- },
35
- push: {
36
- quantity: 4,
37
- },
38
- remove: {
39
- quantity: 2,
40
- },
41
- repulse: {
42
- distance: 200,
43
- duration: 4,
44
- },
45
- slow: {
46
- factor: 1,
47
- radius: 0,
48
- },
49
- },
50
- },
51
- particles: {
52
- paint: {
53
- fill: {
54
- color: {
55
- value: "#FFF",
56
- },
57
- enable: true,
58
- },
59
- },
60
- collisions: {
61
- enable: true,
62
- },
63
- move: {
64
- direction: "top",
65
- enable: true,
66
- speed: {
67
- min: 0.1,
68
- max: 1,
69
- },
70
- },
71
- number: {
72
- value: 160,
73
- },
74
- opacity: {
75
- animation: {
76
- enable: true,
77
- speed: 1,
78
- sync: false,
79
- },
80
- value: {
81
- min: 0.1,
82
- max: 0.5,
83
- },
84
- },
85
- shape: {
86
- type: "circle",
87
- },
88
- size: {
89
- value: {
90
- min: 1,
91
- max: 3,
92
- },
93
- },
94
- },
95
- pauseOnBlur: true,
96
- background: {
97
- color: "#0d47a1",
98
- image: "",
99
- position: "50% 50%",
100
- repeat: "no-repeat",
101
- size: "cover",
102
- },
103
- };
104
- export default options;
package/esm/r/reactDefaults.js DELETED
@@ -1,53 +0,0 @@
1
- const options = {
2
- key: "reactDefaults",
3
- name: "React Defaults",
4
- particles: {
5
- number: {
6
- value: 40,
7
- },
8
- paint: {
9
- fill: {
10
- color: {
11
- value: "#FFF",
12
- },
13
- enable: true,
14
- },
15
- },
16
- shape: {
17
- type: "circle",
18
- },
19
- opacity: {
20
- value: {
21
- min: 0.1,
22
- max: 0.5,
23
- },
24
- animation: {
25
- enable: true,
26
- speed: 1,
27
- sync: false,
28
- },
29
- },
30
- size: {
31
- value: 1,
32
- },
33
- links: {
34
- enable: true,
35
- distance: 150,
36
- color: "#FFF",
37
- opacity: 0.6,
38
- width: 1,
39
- },
40
- move: {
41
- enable: true,
42
- speed: 3,
43
- outModes: "bounce",
44
- },
45
- collisions: {
46
- enable: true,
47
- },
48
- },
49
- background: {
50
- color: "#0d47a1",
51
- },
52
- };
53
- export default options;
package/esm/r/reactMultipleImages.js DELETED
@@ -1,92 +0,0 @@
1
- const options = {
2
- key: "reactMultipleImages",
3
- name: "React Multiple Images",
4
- particles: {
5
- paint: {
6
- fill: {
7
- color: {
8
- value: "#CCC",
9
- },
10
- enable: true,
11
- },
12
- },
13
- collisions: {
14
- enable: true,
15
- },
16
- links: {
17
- blink: false,
18
- color: "#fff",
19
- consent: false,
20
- distance: 150,
21
- enable: false,
22
- opacity: 0.6,
23
- width: 1,
24
- },
25
- move: {
26
- enable: true,
27
- speed: 1,
28
- },
29
- number: {
30
- density: {
31
- enable: true,
32
- },
33
- value: 8,
34
- },
35
- opacity: {
36
- animation: {
37
- enable: true,
38
- speed: 1,
39
- sync: false,
40
- },
41
- value: {
42
- min: 0.1,
43
- max: 0.5,
44
- },
45
- },
46
- shape: {
47
- options: {
48
- image: [
49
- {
50
- height: 20,
51
- replaceColor: true,
52
- src: "https://particles.js.org/images/hdr/fruits/cherry.png",
53
- width: 23,
54
- },
55
- {
56
- height: 20,
57
- replaceColor: true,
58
- src: "https://particles.js.org/images/hdr/fruits/grapes.png",
59
- width: 20,
60
- },
61
- {
62
- height: 20,
63
- replaceColor: true,
64
- src: "https://particles.js.org/images/hdr/fruits/lemon.png",
65
- width: 20,
66
- },
67
- ],
68
- },
69
- type: ["image", "circle"],
70
- },
71
- size: {
72
- animation: {
73
- enable: true,
74
- speed: 4,
75
- sync: false,
76
- },
77
- value: {
78
- min: 10,
79
- max: 30,
80
- },
81
- },
82
- },
83
- pauseOnBlur: true,
84
- background: {
85
- color: "#0d47a1",
86
- image: "",
87
- position: "50% 50%",
88
- repeat: "no-repeat",
89
- size: "cover",
90
- },
91
- };
92
- export default options;
package/esm/r/reactNightSky.js DELETED
@@ -1,79 +0,0 @@
1
- const options = {
2
- key: "reactNightSky",
3
- name: "React Night Sky",
4
- interactivity: {
5
- events: {
6
- onClick: {
7
- enable: true,
8
- mode: "push",
9
- },
10
- },
11
- modes: {
12
- push: {
13
- quantity: 1,
14
- },
15
- },
16
- },
17
- particles: {
18
- paint: {
19
- fill: {
20
- color: {
21
- value: "#FFF",
22
- },
23
- enable: true,
24
- },
25
- },
26
- links: {
27
- blink: false,
28
- color: {
29
- value: "#fff",
30
- },
31
- consent: false,
32
- distance: 150,
33
- enable: true,
34
- opacity: 0.02,
35
- width: 1,
36
- },
37
- move: {
38
- direction: "right",
39
- enable: true,
40
- outModes: "bounce",
41
- speed: 0.05,
42
- },
43
- collisions: {
44
- enable: true,
45
- },
46
- number: {
47
- density: {
48
- enable: true,
49
- },
50
- value: 60,
51
- },
52
- opacity: {
53
- animation: {
54
- enable: true,
55
- speed: 1,
56
- sync: false,
57
- },
58
- value: {
59
- min: 0.05,
60
- max: 0.5,
61
- },
62
- },
63
- shape: {
64
- type: "circle",
65
- },
66
- size: {
67
- value: 1,
68
- },
69
- },
70
- pauseOnBlur: true,
71
- background: {
72
- color: "#0d47a1",
73
- image: "",
74
- position: "50% 50%",
75
- repeat: "no-repeat",
76
- size: "cover",
77
- },
78
- };
79
- export default options;
package/esm/r/reactPolygonMask.js DELETED
@@ -1,96 +0,0 @@
1
- const options = {
2
- key: "reactPolygonMask",
3
- name: "React Polygon Mask",
4
- interactivity: {
5
- events: {
6
- onHover: {
7
- enable: true,
8
- mode: "bubble",
9
- },
10
- },
11
- modes: {
12
- bubble: {
13
- distance: 40,
14
- duration: 0.4,
15
- opacity: 1,
16
- size: 6,
17
- },
18
- },
19
- },
20
- particles: {
21
- paint: {
22
- fill: {
23
- color: {
24
- value: "#FFF",
25
- },
26
- enable: true,
27
- },
28
- },
29
- links: {
30
- blink: false,
31
- color: {
32
- value: "#fff",
33
- },
34
- consent: false,
35
- distance: 30,
36
- enable: true,
37
- opacity: 0.4,
38
- width: 1,
39
- },
40
- move: {
41
- enable: true,
42
- outModes: "bounce",
43
- speed: 1,
44
- },
45
- number: {
46
- value: 200,
47
- },
48
- opacity: {
49
- animation: {
50
- enable: true,
51
- speed: 2,
52
- sync: false,
53
- },
54
- value: {
55
- min: 0.05,
56
- max: 0.4,
57
- },
58
- },
59
- shape: {
60
- type: "circle",
61
- },
62
- size: {
63
- value: 1,
64
- },
65
- },
66
- polygon: {
67
- draw: {
68
- enable: true,
69
- stroke: {
70
- color: "rgba(255, 255, 255, .2)",
71
- width: 0.5,
72
- opacity: 0.2,
73
- },
74
- },
75
- enable: true,
76
- inline: {
77
- arrangement: "equidistant",
78
- },
79
- move: {
80
- radius: 10,
81
- type: "path",
82
- },
83
- scale: 0.5,
84
- type: "inline",
85
- url: "https://particles.js.org/images/hdr/smalldeer.svg",
86
- },
87
- pauseOnBlur: true,
88
- background: {
89
- color: "#0d47a1",
90
- image: "",
91
- position: "50% 50%",
92
- repeat: "no-repeat",
93
- size: "cover",
94
- },
95
- };
96
- export default options;
package/esm/r/reactSimple.js DELETED
@@ -1,90 +0,0 @@
1
- const options = {
2
- key: "reactSimple",
3
- name: "React Simple",
4
- interactivity: {
5
- events: {
6
- onHover: {
7
- enable: true,
8
- mode: "repulse",
9
- },
10
- },
11
- modes: {
12
- repulse: {
13
- distance: 100,
14
- duration: 5,
15
- },
16
- },
17
- },
18
- particles: {
19
- paint: {
20
- fill: {
21
- color: {
22
- value: "#FFF",
23
- },
24
- enable: true,
25
- },
26
- stroke: {
27
- color: {
28
- value: "#ff0000",
29
- },
30
- width: 0,
31
- opacity: 1,
32
- },
33
- },
34
- links: {
35
- blink: false,
36
- color: {
37
- value: "#fff",
38
- },
39
- consent: false,
40
- distance: 150,
41
- enable: true,
42
- opacity: 0.6,
43
- width: 1,
44
- },
45
- move: {
46
- enable: true,
47
- outModes: "bounce",
48
- speed: 3,
49
- },
50
- collisions: {
51
- enable: true,
52
- },
53
- number: {
54
- value: 50,
55
- },
56
- opacity: {
57
- animation: {
58
- enable: true,
59
- speed: 1,
60
- sync: false,
61
- },
62
- value: {
63
- min: 0.1,
64
- max: 0.5,
65
- },
66
- },
67
- shape: {
68
- type: "circle",
69
- },
70
- size: {
71
- value: 3,
72
- },
73
- },
74
- backgroundMask: {
75
- cover: {
76
- color: "#fff",
77
- opacity: 1,
78
- },
79
- enable: false,
80
- },
81
- pauseOnBlur: true,
82
- background: {
83
- color: "#0d47a1",
84
- image: "",
85
- position: "50% 50%",
86
- repeat: "no-repeat",
87
- size: "cover",
88
- },
89
- };
90
- export default options;