@tsparticles/palette-foam-and-bubbles 4.0.0-alpha.5 → 4.0.0-beta.12
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.
- package/264.min.js +1 -0
- package/README.md +89 -8
- package/browser/options.js +50 -7
- package/cjs/options.js +50 -7
- package/dist_browser_options_js.js +2 -2
- package/esm/options.js +50 -7
- package/package.json +5 -5
- package/report.html +1 -1
- package/tsparticles.palette.palette-foam-and-bubbles.js +1 -1
- package/tsparticles.palette.palette-foam-and-bubbles.min.js +1 -1
- package/28.min.js +0 -1
- package/umd/index.js +0 -54
- package/umd/options.js +0 -27
package/264.min.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(this.webpackChunk_tsparticles_palette_foam_and_bubbles=this.webpackChunk_tsparticles_palette_foam_and_bubbles||[]).push([[264],{264(F,e,a){a.d(e,{options:()=>l});let l={name:"Foam & Bubbles",background:"#0a1f3c",blendMode:"source-over",colors:[{fill:{enable:!0,opacity:.7,value:["#FFFFFF","#F0F8FF","#EAF8FF","#D0EEFF","#C8F0FF"]}},{stroke:{value:["#FFFFFF","#F0F8FF","#EAF8FF"],width:{min:.4,max:1}}},{fill:{enable:!0,opacity:.55,value:["#D0EEFF","#C8F0FF","#A0D0FF","#70AAFF"]},stroke:{value:["#D0EEFF","#C8F0FF","#A0D0FF","#70AAFF"],width:{min:1.2,max:2.6}}}]}}}]);
|
package/README.md
CHANGED
|
@@ -10,14 +10,72 @@
|
|
|
10
10
|
|
|
11
11
|
[](https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tsparticles") <a href="https://www.buymeacoffee.com/matteobruni"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a beer&emoji=🍺&slug=matteobruni&button_colour=5F7FFF&font_colour=ffffff&font_family=Arial&outline_colour=000000&coffee_colour=FFDD00"></a>
|
|
12
12
|
|
|
13
|
+
## Sample
|
|
14
|
+
|
|
15
|
+
[](https://particles.js.org/samples/palettes/foam-and-bubbles)
|
|
16
|
+
|
|
13
17
|
## Colors
|
|
14
18
|
|
|
19
|
+
<table>
|
|
20
|
+
<tbody>
|
|
21
|
+
<tr>
|
|
22
|
+
<td align="center">
|
|
23
|
+
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FFFFFF"><rect width="32" height="32" fill="#FFFFFF" /></svg><br />
|
|
24
|
+
<code>#FFFFFF</code>
|
|
25
|
+
</td>
|
|
26
|
+
<td align="center">
|
|
27
|
+
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#F0F8FF"><rect width="32" height="32" fill="#F0F8FF" /></svg><br />
|
|
28
|
+
<code>#F0F8FF</code>
|
|
29
|
+
</td>
|
|
30
|
+
<td align="center">
|
|
31
|
+
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#D0EEFF"><rect width="32" height="32" fill="#D0EEFF" /></svg><br />
|
|
32
|
+
<code>#D0EEFF</code>
|
|
33
|
+
</td>
|
|
34
|
+
<td align="center">
|
|
35
|
+
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#A0D0FF"><rect width="32" height="32" fill="#A0D0FF" /></svg><br />
|
|
36
|
+
<code>#A0D0FF</code>
|
|
37
|
+
</td>
|
|
38
|
+
<td align="center">
|
|
39
|
+
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#70AAFF"><rect width="32" height="32" fill="#70AAFF" /></svg><br />
|
|
40
|
+
<code>#70AAFF</code>
|
|
41
|
+
</td>
|
|
42
|
+
</tr>
|
|
43
|
+
<tr>
|
|
44
|
+
<td align="center">
|
|
45
|
+
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#C8F0FF"><rect width="32" height="32" fill="#C8F0FF" /></svg><br />
|
|
46
|
+
<code>#C8F0FF</code>
|
|
47
|
+
</td>
|
|
48
|
+
</tr>
|
|
49
|
+
<tr>
|
|
50
|
+
<td colspan="5" align="center">
|
|
51
|
+
<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#0a1f3c"><rect width="40" height="40" fill="#0a1f3c" /></svg><br />
|
|
52
|
+
<strong>Background</strong><br />
|
|
53
|
+
<code>#0a1f3c</code>
|
|
54
|
+
</td>
|
|
55
|
+
</tr>
|
|
56
|
+
<tr>
|
|
57
|
+
<td colspan="5" align="center">
|
|
58
|
+
<strong>Blend mode:</strong> <code>source-over</code> | <strong>Fill:</strong> <code>false</code>
|
|
59
|
+
</td>
|
|
60
|
+
</tr>
|
|
61
|
+
</tbody>
|
|
62
|
+
</table>
|
|
63
|
+
|
|
64
|
+
## Quick checklist
|
|
65
|
+
|
|
66
|
+
1. Install `@tsparticles/engine` (or use the CDN bundle below)
|
|
67
|
+
2. Load a base package (for example `@tsparticles/basic`) and call `loadFoamAndBubblesPalette` before `tsParticles.load(...)`
|
|
68
|
+
3. Apply the palette plus a minimal particles configuration in your options
|
|
69
|
+
|
|
70
|
+
A palette defines colors, not complete behavior, so pair it with a runtime package and particle options.
|
|
71
|
+
|
|
15
72
|
## How to use it
|
|
16
73
|
|
|
17
74
|
### CDN / Vanilla JS / jQuery
|
|
18
75
|
|
|
19
76
|
```html
|
|
20
|
-
<script src="https://cdn.jsdelivr.net/npm/@tsparticles/
|
|
77
|
+
<script src="https://cdn.jsdelivr.net/npm/@tsparticles/basic@4/tsparticles.basic.bundle.min.js"></script>
|
|
78
|
+
<script src="https://cdn.jsdelivr.net/npm/@tsparticles/palette-foam-and-bubbles@4/tsparticles.palette.foam-and-bubbles.min.js"></script>
|
|
21
79
|
```
|
|
22
80
|
|
|
23
81
|
### Usage
|
|
@@ -25,16 +83,28 @@
|
|
|
25
83
|
Once the scripts are loaded you can set up `tsParticles` like this:
|
|
26
84
|
|
|
27
85
|
```javascript
|
|
28
|
-
(async
|
|
29
|
-
await
|
|
86
|
+
(async engine => {
|
|
87
|
+
await loadBasic(engine);
|
|
88
|
+
await loadFoamAndBubblesPalette(engine);
|
|
30
89
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
90
|
+
const options = {
|
|
91
|
+
particles: {
|
|
92
|
+
number: { value: 200 },
|
|
93
|
+
shape: { type: "circle" },
|
|
94
|
+
size: { value: { min: 10, max: 15 } },
|
|
95
|
+
move: {
|
|
96
|
+
enable: true,
|
|
97
|
+
speed: 2,
|
|
98
|
+
},
|
|
35
99
|
},
|
|
100
|
+
palette: "foam-and-bubbles",
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
await engine.load({
|
|
104
|
+
id: "tsparticles",
|
|
105
|
+
options,
|
|
36
106
|
});
|
|
37
|
-
})();
|
|
107
|
+
})(tsParticles);
|
|
38
108
|
```
|
|
39
109
|
|
|
40
110
|
#### Customization
|
|
@@ -64,6 +134,17 @@ Checkout the documentation in the component library repository and call the `loa
|
|
|
64
134
|
|
|
65
135
|
The options shown above are valid for all the component libraries.
|
|
66
136
|
|
|
137
|
+
## Common pitfalls
|
|
138
|
+
|
|
139
|
+
- Calling `tsParticles.load(...)` before `loadFoamAndBubblesPalette(...)`
|
|
140
|
+
- Verify required peer packages before enabling advanced options
|
|
141
|
+
- Change one option group at a time to isolate regressions quickly
|
|
142
|
+
|
|
143
|
+
## Related docs
|
|
144
|
+
|
|
145
|
+
- Presets and palettes catalog: <https://github.com/tsparticles/palettes>
|
|
146
|
+
- Main docs: <https://particles.js.org/docs/>
|
|
147
|
+
|
|
67
148
|
---
|
|
68
149
|
|
|
69
150
|
```mermaid
|
package/browser/options.js
CHANGED
|
@@ -3,12 +3,55 @@ export const options = {
|
|
|
3
3
|
background: "#0a1f3c",
|
|
4
4
|
blendMode: "source-over",
|
|
5
5
|
colors: [
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
{
|
|
7
|
+
fill: {
|
|
8
|
+
enable: true,
|
|
9
|
+
opacity: 0.7,
|
|
10
|
+
value: [
|
|
11
|
+
"#FFFFFF",
|
|
12
|
+
"#F0F8FF",
|
|
13
|
+
"#EAF8FF",
|
|
14
|
+
"#D0EEFF",
|
|
15
|
+
"#C8F0FF",
|
|
16
|
+
],
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
stroke: {
|
|
21
|
+
value: [
|
|
22
|
+
"#FFFFFF",
|
|
23
|
+
"#F0F8FF",
|
|
24
|
+
"#EAF8FF",
|
|
25
|
+
],
|
|
26
|
+
width: {
|
|
27
|
+
min: 0.4,
|
|
28
|
+
max: 1,
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
fill: {
|
|
34
|
+
enable: true,
|
|
35
|
+
opacity: 0.55,
|
|
36
|
+
value: [
|
|
37
|
+
"#D0EEFF",
|
|
38
|
+
"#C8F0FF",
|
|
39
|
+
"#A0D0FF",
|
|
40
|
+
"#70AAFF",
|
|
41
|
+
],
|
|
42
|
+
},
|
|
43
|
+
stroke: {
|
|
44
|
+
value: [
|
|
45
|
+
"#D0EEFF",
|
|
46
|
+
"#C8F0FF",
|
|
47
|
+
"#A0D0FF",
|
|
48
|
+
"#70AAFF",
|
|
49
|
+
],
|
|
50
|
+
width: {
|
|
51
|
+
min: 1.2,
|
|
52
|
+
max: 2.6,
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
},
|
|
12
56
|
],
|
|
13
|
-
fill: false,
|
|
14
57
|
};
|
package/cjs/options.js
CHANGED
|
@@ -3,12 +3,55 @@ export const options = {
|
|
|
3
3
|
background: "#0a1f3c",
|
|
4
4
|
blendMode: "source-over",
|
|
5
5
|
colors: [
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
{
|
|
7
|
+
fill: {
|
|
8
|
+
enable: true,
|
|
9
|
+
opacity: 0.7,
|
|
10
|
+
value: [
|
|
11
|
+
"#FFFFFF",
|
|
12
|
+
"#F0F8FF",
|
|
13
|
+
"#EAF8FF",
|
|
14
|
+
"#D0EEFF",
|
|
15
|
+
"#C8F0FF",
|
|
16
|
+
],
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
stroke: {
|
|
21
|
+
value: [
|
|
22
|
+
"#FFFFFF",
|
|
23
|
+
"#F0F8FF",
|
|
24
|
+
"#EAF8FF",
|
|
25
|
+
],
|
|
26
|
+
width: {
|
|
27
|
+
min: 0.4,
|
|
28
|
+
max: 1,
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
fill: {
|
|
34
|
+
enable: true,
|
|
35
|
+
opacity: 0.55,
|
|
36
|
+
value: [
|
|
37
|
+
"#D0EEFF",
|
|
38
|
+
"#C8F0FF",
|
|
39
|
+
"#A0D0FF",
|
|
40
|
+
"#70AAFF",
|
|
41
|
+
],
|
|
42
|
+
},
|
|
43
|
+
stroke: {
|
|
44
|
+
value: [
|
|
45
|
+
"#D0EEFF",
|
|
46
|
+
"#C8F0FF",
|
|
47
|
+
"#A0D0FF",
|
|
48
|
+
"#70AAFF",
|
|
49
|
+
],
|
|
50
|
+
width: {
|
|
51
|
+
min: 1.2,
|
|
52
|
+
max: 2.6,
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
},
|
|
12
56
|
],
|
|
13
|
-
fill: false,
|
|
14
57
|
};
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Demo / Generator : https://particles.js.org/
|
|
5
5
|
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
6
|
* How to use? : Check the GitHub README
|
|
7
|
-
* v4.0.0-
|
|
7
|
+
* v4.0.0-beta.12
|
|
8
8
|
*/
|
|
9
9
|
"use strict";
|
|
10
10
|
/*
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
\*********************************/
|
|
24
24
|
(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
25
25
|
|
|
26
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ options: () => (/* binding */ options)\n/* harmony export */ });\nconst options = {\n name: \"Foam & Bubbles\",\n background: \"#0a1f3c\",\n blendMode: \"source-over\",\n colors: [\n \"#FFFFFF\",\n \"#F0F8FF\",\n \"#D0EEFF\",\n
|
|
26
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ options: () => (/* binding */ options)\n/* harmony export */ });\nconst options = {\n name: \"Foam & Bubbles\",\n background: \"#0a1f3c\",\n blendMode: \"source-over\",\n colors: [\n {\n fill: {\n enable: true,\n opacity: 0.7,\n value: [\n \"#FFFFFF\",\n \"#F0F8FF\",\n \"#EAF8FF\",\n \"#D0EEFF\",\n \"#C8F0FF\"\n ]\n }\n },\n {\n stroke: {\n value: [\n \"#FFFFFF\",\n \"#F0F8FF\",\n \"#EAF8FF\"\n ],\n width: {\n min: 0.4,\n max: 1\n }\n }\n },\n {\n fill: {\n enable: true,\n opacity: 0.55,\n value: [\n \"#D0EEFF\",\n \"#C8F0FF\",\n \"#A0D0FF\",\n \"#70AAFF\"\n ]\n },\n stroke: {\n value: [\n \"#D0EEFF\",\n \"#C8F0FF\",\n \"#A0D0FF\",\n \"#70AAFF\"\n ],\n width: {\n min: 1.2,\n max: 2.6\n }\n }\n }\n ]\n};\n\n\n//# sourceURL=webpack://@tsparticles/palette-foam-and-bubbles/./dist/browser/options.js?\n}");
|
|
27
27
|
|
|
28
28
|
/***/ }
|
|
29
29
|
|
package/esm/options.js
CHANGED
|
@@ -3,12 +3,55 @@ export const options = {
|
|
|
3
3
|
background: "#0a1f3c",
|
|
4
4
|
blendMode: "source-over",
|
|
5
5
|
colors: [
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
{
|
|
7
|
+
fill: {
|
|
8
|
+
enable: true,
|
|
9
|
+
opacity: 0.7,
|
|
10
|
+
value: [
|
|
11
|
+
"#FFFFFF",
|
|
12
|
+
"#F0F8FF",
|
|
13
|
+
"#EAF8FF",
|
|
14
|
+
"#D0EEFF",
|
|
15
|
+
"#C8F0FF",
|
|
16
|
+
],
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
stroke: {
|
|
21
|
+
value: [
|
|
22
|
+
"#FFFFFF",
|
|
23
|
+
"#F0F8FF",
|
|
24
|
+
"#EAF8FF",
|
|
25
|
+
],
|
|
26
|
+
width: {
|
|
27
|
+
min: 0.4,
|
|
28
|
+
max: 1,
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
fill: {
|
|
34
|
+
enable: true,
|
|
35
|
+
opacity: 0.55,
|
|
36
|
+
value: [
|
|
37
|
+
"#D0EEFF",
|
|
38
|
+
"#C8F0FF",
|
|
39
|
+
"#A0D0FF",
|
|
40
|
+
"#70AAFF",
|
|
41
|
+
],
|
|
42
|
+
},
|
|
43
|
+
stroke: {
|
|
44
|
+
value: [
|
|
45
|
+
"#D0EEFF",
|
|
46
|
+
"#C8F0FF",
|
|
47
|
+
"#A0D0FF",
|
|
48
|
+
"#70AAFF",
|
|
49
|
+
],
|
|
50
|
+
width: {
|
|
51
|
+
min: 1.2,
|
|
52
|
+
max: 2.6,
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
},
|
|
12
56
|
],
|
|
13
|
-
fill: false,
|
|
14
57
|
};
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/palette-foam-and-bubbles",
|
|
3
|
-
"version": "4.0.0-
|
|
3
|
+
"version": "4.0.0-beta.12",
|
|
4
4
|
"description": "tsParticles foam & bubbles palette",
|
|
5
5
|
"homepage": "https://particles.js.org",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
|
-
"url": "git+https://github.com/tsparticles/
|
|
9
|
-
"directory": "palettes/foamAndBubbles"
|
|
8
|
+
"url": "git+https://github.com/tsparticles/tsparticles.git",
|
|
9
|
+
"directory": "palettes/water/foamAndBubbles"
|
|
10
10
|
},
|
|
11
11
|
"keywords": [
|
|
12
12
|
"front-end",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"author": "Matteo Bruni <matteo.bruni@me.com>",
|
|
66
66
|
"license": "MIT",
|
|
67
67
|
"bugs": {
|
|
68
|
-
"url": "https://github.com/tsparticles/
|
|
68
|
+
"url": "https://github.com/tsparticles/palettes/issues"
|
|
69
69
|
},
|
|
70
70
|
"funding": [
|
|
71
71
|
{
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"./package.json": "./package.json"
|
|
100
100
|
},
|
|
101
101
|
"dependencies": {
|
|
102
|
-
"@tsparticles/engine": "
|
|
102
|
+
"@tsparticles/engine": "4.0.0-beta.12"
|
|
103
103
|
},
|
|
104
104
|
"publishConfig": {
|
|
105
105
|
"access": "public"
|
package/report.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
6
|
-
<title>@tsparticles/palette-foam-and-bubbles [
|
|
6
|
+
<title>@tsparticles/palette-foam-and-bubbles [15 Apr 2026 at 17:15]</title>
|
|
7
7
|
<link
|
|
8
8
|
rel="shortcut icon"
|
|
9
9
|
href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII="
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Demo / Generator : https://particles.js.org/
|
|
5
5
|
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
6
|
* How to use? : Check the GitHub README
|
|
7
|
-
* v4.0.0-
|
|
7
|
+
* v4.0.0-beta.12
|
|
8
8
|
*/
|
|
9
9
|
/*
|
|
10
10
|
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var r=t();for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,()=>(()=>{"use strict";var e,t,r,o={},a={};function n(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return o[e](r,r.exports,n),r.exports}n.m=o,n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce((t,r)=>(n.f[r](e,t),t),[])),n.u=e=>""+e+".min.js",n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i={},n.l=(e,t,r,o)=>{if(i[e])return void i[e].push(t);if(void 0!==r)for(var a,l,s=document.getElementsByTagName("script"),u=0;u<s.length;u++){var p=s[u];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")=="@tsparticles/palette-foam-and-bubbles:"+r){a=p;break}}a||(l=!0,(a=document.createElement("script")).charset="utf-8",n.nc&&a.setAttribute("nonce",n.nc),a.setAttribute("data-webpack","@tsparticles/palette-foam-and-bubbles:"+r),a.src=e),i[e]=[t];var c=(t,r)=>{a.onerror=a.onload=null,clearTimeout(d);var o=i[e];if(delete i[e],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach(e=>e(r)),t)return t(r)},d=setTimeout(c.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=c.bind(null,a.onerror),a.onload=c.bind(null,a.onload),l&&document.head.appendChild(a)},n.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.g.importScripts&&(l=n.g.location+"");var i,l,s=n.g.document;if(!l&&s&&(s.currentScript&&"SCRIPT"===s.currentScript.tagName.toUpperCase()&&(l=s.currentScript.src),!l)){var u=s.getElementsByTagName("script");if(u.length)for(var p=u.length-1;p>-1&&(!l||!/^http(s?):/.test(l));)l=u[p--].src}if(!l)throw Error("Automatic publicPath is not supported in this browser");n.p=l=l.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),e={25:0},n.f.j=(t,r)=>{var o=n.o(e,t)?e[t]:void 0;if(0!==o)if(o)r.push(o[2]);else{var a=new Promise((r,a)=>o=e[t]=[r,a]);r.push(o[2]=a);var i=n.p+n.u(t),l=Error();n.l(i,r=>{if(n.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var a=r&&("load"===r.type?"missing":r.type),i=r&&r.target&&r.target.src;l.message="Loading chunk "+t+` failed.
|
|
2
|
-
(`+a+": "+i+")",l.name="ChunkLoadError",l.type=a,l.request=i,o[1](l)}},"chunk-"+t,t)}},t=(t,r)=>{var o,a,[i,l,s]=r,u=0;if(i.some(t=>0!==e[t])){for(o in l)n.o(l,o)&&(n.m[o]=l[o]);s&&s(n)}for(t&&t(r);u<i.length;u++)a=i[u],n.o(e,a)&&e[a]&&e[a][0](),e[a]=0},(r=this.webpackChunk_tsparticles_palette_foam_and_bubbles=this.webpackChunk_tsparticles_palette_foam_and_bubbles||[]).forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r));var c={};async function d(e){await e.pluginManager.register(async e=>{let{options:t}=await n.e(
|
|
2
|
+
(`+a+": "+i+")",l.name="ChunkLoadError",l.type=a,l.request=i,o[1](l)}},"chunk-"+t,t)}},t=(t,r)=>{var o,a,[i,l,s]=r,u=0;if(i.some(t=>0!==e[t])){for(o in l)n.o(l,o)&&(n.m[o]=l[o]);s&&s(n)}for(t&&t(r);u<i.length;u++)a=i[u],n.o(e,a)&&e[a]&&e[a][0](),e[a]=0},(r=this.webpackChunk_tsparticles_palette_foam_and_bubbles=this.webpackChunk_tsparticles_palette_foam_and_bubbles||[]).forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r));var c={};async function d(e){await e.pluginManager.register(async e=>{let{options:t}=await n.e(264).then(n.bind(n,264));e.pluginManager.addPalette("foam-and-bubbles",t)})}return n.r(c),n.d(c,{loadFoamAndBubblesPalette:()=>d}),c})());
|
package/28.min.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(this.webpackChunk_tsparticles_palette_foam_and_bubbles=this.webpackChunk_tsparticles_palette_foam_and_bubbles||[]).push([[28],{28(F,e,s){s.d(e,{options:()=>a});let a={name:"Foam & Bubbles",background:"#0a1f3c",blendMode:"source-over",colors:["#FFFFFF","#F0F8FF","#D0EEFF","#A0D0FF","#70AAFF","#C8F0FF"],fill:!1}}}]);
|
package/umd/index.js
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
2
|
-
if (k2 === undefined) k2 = k;
|
|
3
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
4
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
5
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
6
|
-
}
|
|
7
|
-
Object.defineProperty(o, k2, desc);
|
|
8
|
-
}) : (function(o, m, k, k2) {
|
|
9
|
-
if (k2 === undefined) k2 = k;
|
|
10
|
-
o[k2] = m[k];
|
|
11
|
-
}));
|
|
12
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
13
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
14
|
-
}) : function(o, v) {
|
|
15
|
-
o["default"] = v;
|
|
16
|
-
});
|
|
17
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
18
|
-
var ownKeys = function(o) {
|
|
19
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
20
|
-
var ar = [];
|
|
21
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
22
|
-
return ar;
|
|
23
|
-
};
|
|
24
|
-
return ownKeys(o);
|
|
25
|
-
};
|
|
26
|
-
return function (mod) {
|
|
27
|
-
if (mod && mod.__esModule) return mod;
|
|
28
|
-
var result = {};
|
|
29
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
30
|
-
__setModuleDefault(result, mod);
|
|
31
|
-
return result;
|
|
32
|
-
};
|
|
33
|
-
})();
|
|
34
|
-
(function (factory) {
|
|
35
|
-
if (typeof module === "object" && typeof module.exports === "object") {
|
|
36
|
-
var v = factory(require, exports);
|
|
37
|
-
if (v !== undefined) module.exports = v;
|
|
38
|
-
}
|
|
39
|
-
else if (typeof define === "function" && define.amd) {
|
|
40
|
-
define(["require", "exports"], factory);
|
|
41
|
-
}
|
|
42
|
-
})(function (require, exports) {
|
|
43
|
-
"use strict";
|
|
44
|
-
var __syncRequire = typeof module === "object" && typeof module.exports === "object";
|
|
45
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
46
|
-
exports.loadFoamAndBubblesPalette = loadFoamAndBubblesPalette;
|
|
47
|
-
const paletteName = "foam-and-bubbles";
|
|
48
|
-
async function loadFoamAndBubblesPalette(engine) {
|
|
49
|
-
await engine.pluginManager.register(async (e) => {
|
|
50
|
-
const { options } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./options.js"))) : new Promise((resolve_1, reject_1) => { require(["./options.js"], resolve_1, reject_1); }).then(__importStar));
|
|
51
|
-
e.pluginManager.addPalette(paletteName, options);
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
});
|
package/umd/options.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
(function (factory) {
|
|
2
|
-
if (typeof module === "object" && typeof module.exports === "object") {
|
|
3
|
-
var v = factory(require, exports);
|
|
4
|
-
if (v !== undefined) module.exports = v;
|
|
5
|
-
}
|
|
6
|
-
else if (typeof define === "function" && define.amd) {
|
|
7
|
-
define(["require", "exports"], factory);
|
|
8
|
-
}
|
|
9
|
-
})(function (require, exports) {
|
|
10
|
-
"use strict";
|
|
11
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
-
exports.options = void 0;
|
|
13
|
-
exports.options = {
|
|
14
|
-
name: "Foam & Bubbles",
|
|
15
|
-
background: "#0a1f3c",
|
|
16
|
-
blendMode: "source-over",
|
|
17
|
-
colors: [
|
|
18
|
-
"#FFFFFF",
|
|
19
|
-
"#F0F8FF",
|
|
20
|
-
"#D0EEFF",
|
|
21
|
-
"#A0D0FF",
|
|
22
|
-
"#70AAFF",
|
|
23
|
-
"#C8F0FF",
|
|
24
|
-
],
|
|
25
|
-
fill: false,
|
|
26
|
-
};
|
|
27
|
-
});
|