@tsparticles/plugin-emitters-shape-canvas 4.0.0-beta.0 → 4.0.0-beta.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.
- package/{373.min.js → 341.min.js} +1 -1
- package/browser/EmittersCanvasShape.js +3 -3
- package/browser/index.js +3 -3
- package/cjs/EmittersCanvasShape.js +3 -3
- package/cjs/index.js +3 -3
- package/dist_browser_EmittersCanvasShapeGenerator_js.js +2 -2
- package/esm/EmittersCanvasShape.js +3 -3
- package/esm/index.js +3 -3
- package/package.json +4 -4
- package/report.html +84 -29
- package/tsparticles.plugin.emitters.shape.canvas.js +2 -2
- package/tsparticles.plugin.emitters.shape.canvas.min.js +2 -2
- package/umd/EmittersCanvasShape.js +3 -3
- package/umd/index.js +3 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(this.webpackChunk_tsparticles_plugin_emitters_shape_canvas=this.webpackChunk_tsparticles_plugin_emitters_shape_canvas||[]).push([[
|
|
1
|
+
"use strict";(this.webpackChunk_tsparticles_plugin_emitters_shape_canvas=this.webpackChunk_tsparticles_plugin_emitters_shape_canvas||[]).push([[341],{341(t,e,i){i.d(e,{EmittersCanvasShapeGenerator:()=>p});var s=i(303),a=i(526),l=i(425);class o extends a.EmitterShapeBase{filter;pixelData;scale;_container;constructor(t,e,i,a,l){super(e,i,a,l),this._container=t;const o=l.filter;let r=t=>t.a>0;if((0,s.isString)(o)){if(o in globalThis){const t=globalThis[o];(0,s.isFunction)(t)&&(r=t)}}else r=o;this.filter=r,this.scale=l.scale,this.pixelData={pixels:[],height:0,width:0}}async init(){let t,e=this.options,i=e.selector,a=e.pixels,o=e.image,r=e.element,n=e.text,h=a.offset;if(o){let e=o.src;if(!e)return;t=await (0,l.getImageData)(e,h,this._container.canvas.render.settings)}else if(r??i){let e=r??(i&&(0,s.safeDocument)().querySelector(i));if(!e)return;let a=e.getContext("2d",this._container.canvas.render.settings);if(!a)return;t=(0,l.getCanvasImageData)(a,e,h)}else{let e=(0,l.getTextData)(n,h,this.fill,this._container.canvas.render.settings);if((0,s.isNull)(e))return;t=e}this.pixelData=t}randomPosition(){let{height:t,width:e}=this.pixelData,i=this.pixelData,a=this.position,l=this.scale,o={x:a.x-e*l*s.half,y:a.y-t*l*s.half};for(let a=0;a<100;a++){let a=Math.floor((0,s.getRandom)()*e*t),r={x:a%e,y:Math.floor(a/e)},n=i.pixels[r.y];if(!n)continue;let h=n[r.x];if(h&&this.filter(h))return{position:{x:r.x*l+o.x,y:r.y*l+o.y},color:{...h},opacity:h.a}}return null}resize(t,e){super.resize(t,e)}}class r{offset;constructor(){this.offset=4}load(t){(0,s.isNull)(t)||void 0!==t.offset&&(this.offset=t.offset)}}class n{family;size;style;variant;weight;constructor(){this.family="Verdana",this.size=32,this.style="",this.variant="",this.weight=""}load(t){(0,s.isNull)(t)||(void 0!==t.family&&(this.family=t.family),void 0!==t.size&&(this.size=t.size),void 0!==t.style&&(this.style=t.style),void 0!==t.variant&&(this.variant=t.variant),void 0!==t.weight&&(this.weight=t.weight))}}class h{separator;spacing;constructor(){this.separator=`
|
|
2
2
|
`,this.spacing=0}load(t){(0,s.isNull)(t)||(void 0!==t.separator&&(this.separator=t.separator),void 0!==t.spacing&&(this.spacing=t.spacing))}}class c{color;font;lines;text;constructor(){this.color="#000000",this.font=new n,this.lines=new h,this.text=""}load(t){(0,s.isNull)(t)||(void 0!==t.color&&(this.color=t.color),this.font.load(t.font),this.lines.load(t.lines),void 0!==t.text&&(this.text=t.text))}}class f{element;filter;image;pixels;scale;selector;text;constructor(){this.filter=t=>t.a>0,this.pixels=new r,this.scale=1,this.selector="",this.text=new c}load(t){(0,s.isNull)(t)||(void 0!==t.element&&(this.element=t.element),void 0!==t.filter&&(this.filter=t.filter),this.pixels.load(t.pixels),void 0!==t.scale&&(this.scale=t.scale),void 0!==t.selector&&(this.selector=t.selector),void 0!==t.image&&(this.image=t.image),this.text.load(t.text))}}class p{generate(t,e,i,s,a){let l=new f;return l.load(a),new o(t,e,i,s,l)}}}}]);
|
|
@@ -39,21 +39,21 @@ export class EmittersCanvasShape extends EmitterShapeBase {
|
|
|
39
39
|
if (!url) {
|
|
40
40
|
return;
|
|
41
41
|
}
|
|
42
|
-
pixelData = await getImageData(url, offset, this._container.canvas.settings);
|
|
42
|
+
pixelData = await getImageData(url, offset, this._container.canvas.render.settings);
|
|
43
43
|
}
|
|
44
44
|
else if (element ?? selector) {
|
|
45
45
|
const canvas = element ?? (selector && safeDocument().querySelector(selector));
|
|
46
46
|
if (!canvas) {
|
|
47
47
|
return;
|
|
48
48
|
}
|
|
49
|
-
const context = canvas.getContext("2d", this._container.canvas.settings);
|
|
49
|
+
const context = canvas.getContext("2d", this._container.canvas.render.settings);
|
|
50
50
|
if (!context) {
|
|
51
51
|
return;
|
|
52
52
|
}
|
|
53
53
|
pixelData = getCanvasImageData(context, canvas, offset);
|
|
54
54
|
}
|
|
55
55
|
else {
|
|
56
|
-
const data = getTextData(text, offset, this.fill, this._container.canvas.settings);
|
|
56
|
+
const data = getTextData(text, offset, this.fill, this._container.canvas.render.settings);
|
|
57
57
|
if (isNull(data)) {
|
|
58
58
|
return;
|
|
59
59
|
}
|
package/browser/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export async function loadEmittersShapeCanvas(engine) {
|
|
2
|
-
engine.checkVersion("4.0.0-beta.
|
|
3
|
-
await engine.register(async (e) => {
|
|
2
|
+
engine.checkVersion("4.0.0-beta.1");
|
|
3
|
+
await engine.pluginManager.register(async (e) => {
|
|
4
4
|
const { ensureEmittersPluginLoaded } = await import("@tsparticles/plugin-emitters");
|
|
5
5
|
ensureEmittersPluginLoaded(e);
|
|
6
6
|
const { EmittersCanvasShapeGenerator } = await import("./EmittersCanvasShapeGenerator.js");
|
|
7
|
-
e.addEmitterShapeGenerator?.("canvas", new EmittersCanvasShapeGenerator());
|
|
7
|
+
e.pluginManager.addEmitterShapeGenerator?.("canvas", new EmittersCanvasShapeGenerator());
|
|
8
8
|
});
|
|
9
9
|
}
|
|
@@ -39,21 +39,21 @@ export class EmittersCanvasShape extends EmitterShapeBase {
|
|
|
39
39
|
if (!url) {
|
|
40
40
|
return;
|
|
41
41
|
}
|
|
42
|
-
pixelData = await getImageData(url, offset, this._container.canvas.settings);
|
|
42
|
+
pixelData = await getImageData(url, offset, this._container.canvas.render.settings);
|
|
43
43
|
}
|
|
44
44
|
else if (element ?? selector) {
|
|
45
45
|
const canvas = element ?? (selector && safeDocument().querySelector(selector));
|
|
46
46
|
if (!canvas) {
|
|
47
47
|
return;
|
|
48
48
|
}
|
|
49
|
-
const context = canvas.getContext("2d", this._container.canvas.settings);
|
|
49
|
+
const context = canvas.getContext("2d", this._container.canvas.render.settings);
|
|
50
50
|
if (!context) {
|
|
51
51
|
return;
|
|
52
52
|
}
|
|
53
53
|
pixelData = getCanvasImageData(context, canvas, offset);
|
|
54
54
|
}
|
|
55
55
|
else {
|
|
56
|
-
const data = getTextData(text, offset, this.fill, this._container.canvas.settings);
|
|
56
|
+
const data = getTextData(text, offset, this.fill, this._container.canvas.render.settings);
|
|
57
57
|
if (isNull(data)) {
|
|
58
58
|
return;
|
|
59
59
|
}
|
package/cjs/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export async function loadEmittersShapeCanvas(engine) {
|
|
2
|
-
engine.checkVersion("4.0.0-beta.
|
|
3
|
-
await engine.register(async (e) => {
|
|
2
|
+
engine.checkVersion("4.0.0-beta.1");
|
|
3
|
+
await engine.pluginManager.register(async (e) => {
|
|
4
4
|
const { ensureEmittersPluginLoaded } = await import("@tsparticles/plugin-emitters");
|
|
5
5
|
ensureEmittersPluginLoaded(e);
|
|
6
6
|
const { EmittersCanvasShapeGenerator } = await import("./EmittersCanvasShapeGenerator.js");
|
|
7
|
-
e.addEmitterShapeGenerator?.("canvas", new EmittersCanvasShapeGenerator());
|
|
7
|
+
e.pluginManager.addEmitterShapeGenerator?.("canvas", new EmittersCanvasShapeGenerator());
|
|
8
8
|
});
|
|
9
9
|
}
|
|
@@ -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-beta.
|
|
7
|
+
* v4.0.0-beta.1
|
|
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 */ EmittersCanvasShape: () => (/* binding */ EmittersCanvasShape)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-emitters */ \"@tsparticles/plugin-emitters\");\n/* harmony import */ var _tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @tsparticles/canvas-utils */ \"@tsparticles/canvas-utils\");\n\n\n\nconst maxRetries = 100;\nclass EmittersCanvasShape extends _tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_1__.EmitterShapeBase {\n filter;\n pixelData;\n scale;\n _container;\n constructor(container, position, size, fill, options){\n super(position, size, fill, options);\n this._container = container;\n const filter = options.filter, minAlpha = 0;\n let filterFunc = (pixel)=>pixel.a > minAlpha;\n if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isString)(filter)) {\n if (filter in globalThis) {\n const wndFilter = globalThis[filter];\n if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isFunction)(wndFilter)) {\n filterFunc = wndFilter;\n }\n }\n } else {\n filterFunc = filter;\n }\n this.filter = filterFunc;\n this.scale = options.scale;\n this.pixelData = {\n pixels: [],\n height: 0,\n width: 0\n };\n }\n async init() {\n let pixelData;\n const options = this.options, selector = options.selector, pixels = options.pixels, image = options.image, element = options.element, text = options.text, offset = pixels.offset;\n if (image) {\n const url = image.src;\n if (!url) {\n return;\n }\n pixelData = await (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__.getImageData)(url, offset, this._container.canvas.settings);\n } else if (element ?? selector) {\n const canvas = element ?? (selector && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().querySelector(selector));\n if (!canvas) {\n return;\n }\n const context = canvas.getContext(\"2d\", this._container.canvas.settings);\n if (!context) {\n return;\n }\n pixelData = (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__.getCanvasImageData)(context, canvas, offset);\n } else {\n const data = (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__.getTextData)(text, offset, this.fill, this._container.canvas.settings);\n if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n return;\n }\n pixelData = data;\n }\n this.pixelData = pixelData;\n }\n randomPosition() {\n const { height, width } = this.pixelData, data = this.pixelData, position = this.position, scale = this.scale, positionOffset = {\n x: position.x - width * scale * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n y: position.y - height * scale * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n };\n for(let i = 0; i < maxRetries; i++){\n const nextIndex = Math.floor((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * width * height), pixelPos = {\n x: nextIndex % width,\n y: Math.floor(nextIndex / width)\n }, row = data.pixels[pixelPos.y];\n if (!row) {\n continue;\n }\n const pixel = row[pixelPos.x];\n if (!pixel) {\n continue;\n }\n const shouldCreateParticle = this.filter(pixel);\n if (!shouldCreateParticle) {\n continue;\n }\n return {\n position: {\n x: pixelPos.x * scale + positionOffset.x,\n y: pixelPos.y * scale + positionOffset.y\n },\n color: {\n ...pixel\n },\n opacity: pixel.a\n };\n }\n return null;\n }\n resize(position, size) {\n super.resize(position, size);\n }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-canvas/./dist/browser/EmittersCanvasShape.js?\n}");
|
|
26
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ EmittersCanvasShape: () => (/* binding */ EmittersCanvasShape)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-emitters */ \"@tsparticles/plugin-emitters\");\n/* harmony import */ var _tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @tsparticles/canvas-utils */ \"@tsparticles/canvas-utils\");\n\n\n\nconst maxRetries = 100;\nclass EmittersCanvasShape extends _tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_1__.EmitterShapeBase {\n filter;\n pixelData;\n scale;\n _container;\n constructor(container, position, size, fill, options){\n super(position, size, fill, options);\n this._container = container;\n const filter = options.filter, minAlpha = 0;\n let filterFunc = (pixel)=>pixel.a > minAlpha;\n if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isString)(filter)) {\n if (filter in globalThis) {\n const wndFilter = globalThis[filter];\n if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isFunction)(wndFilter)) {\n filterFunc = wndFilter;\n }\n }\n } else {\n filterFunc = filter;\n }\n this.filter = filterFunc;\n this.scale = options.scale;\n this.pixelData = {\n pixels: [],\n height: 0,\n width: 0\n };\n }\n async init() {\n let pixelData;\n const options = this.options, selector = options.selector, pixels = options.pixels, image = options.image, element = options.element, text = options.text, offset = pixels.offset;\n if (image) {\n const url = image.src;\n if (!url) {\n return;\n }\n pixelData = await (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__.getImageData)(url, offset, this._container.canvas.render.settings);\n } else if (element ?? selector) {\n const canvas = element ?? (selector && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().querySelector(selector));\n if (!canvas) {\n return;\n }\n const context = canvas.getContext(\"2d\", this._container.canvas.render.settings);\n if (!context) {\n return;\n }\n pixelData = (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__.getCanvasImageData)(context, canvas, offset);\n } else {\n const data = (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__.getTextData)(text, offset, this.fill, this._container.canvas.render.settings);\n if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n return;\n }\n pixelData = data;\n }\n this.pixelData = pixelData;\n }\n randomPosition() {\n const { height, width } = this.pixelData, data = this.pixelData, position = this.position, scale = this.scale, positionOffset = {\n x: position.x - width * scale * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n y: position.y - height * scale * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n };\n for(let i = 0; i < maxRetries; i++){\n const nextIndex = Math.floor((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * width * height), pixelPos = {\n x: nextIndex % width,\n y: Math.floor(nextIndex / width)\n }, row = data.pixels[pixelPos.y];\n if (!row) {\n continue;\n }\n const pixel = row[pixelPos.x];\n if (!pixel) {\n continue;\n }\n const shouldCreateParticle = this.filter(pixel);\n if (!shouldCreateParticle) {\n continue;\n }\n return {\n position: {\n x: pixelPos.x * scale + positionOffset.x,\n y: pixelPos.y * scale + positionOffset.y\n },\n color: {\n ...pixel\n },\n opacity: pixel.a\n };\n }\n return null;\n }\n resize(position, size) {\n super.resize(position, size);\n }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-canvas/./dist/browser/EmittersCanvasShape.js?\n}");
|
|
27
27
|
|
|
28
28
|
/***/ },
|
|
29
29
|
|
|
@@ -39,21 +39,21 @@ export class EmittersCanvasShape extends EmitterShapeBase {
|
|
|
39
39
|
if (!url) {
|
|
40
40
|
return;
|
|
41
41
|
}
|
|
42
|
-
pixelData = await getImageData(url, offset, this._container.canvas.settings);
|
|
42
|
+
pixelData = await getImageData(url, offset, this._container.canvas.render.settings);
|
|
43
43
|
}
|
|
44
44
|
else if (element ?? selector) {
|
|
45
45
|
const canvas = element ?? (selector && safeDocument().querySelector(selector));
|
|
46
46
|
if (!canvas) {
|
|
47
47
|
return;
|
|
48
48
|
}
|
|
49
|
-
const context = canvas.getContext("2d", this._container.canvas.settings);
|
|
49
|
+
const context = canvas.getContext("2d", this._container.canvas.render.settings);
|
|
50
50
|
if (!context) {
|
|
51
51
|
return;
|
|
52
52
|
}
|
|
53
53
|
pixelData = getCanvasImageData(context, canvas, offset);
|
|
54
54
|
}
|
|
55
55
|
else {
|
|
56
|
-
const data = getTextData(text, offset, this.fill, this._container.canvas.settings);
|
|
56
|
+
const data = getTextData(text, offset, this.fill, this._container.canvas.render.settings);
|
|
57
57
|
if (isNull(data)) {
|
|
58
58
|
return;
|
|
59
59
|
}
|
package/esm/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export async function loadEmittersShapeCanvas(engine) {
|
|
2
|
-
engine.checkVersion("4.0.0-beta.
|
|
3
|
-
await engine.register(async (e) => {
|
|
2
|
+
engine.checkVersion("4.0.0-beta.1");
|
|
3
|
+
await engine.pluginManager.register(async (e) => {
|
|
4
4
|
const { ensureEmittersPluginLoaded } = await import("@tsparticles/plugin-emitters");
|
|
5
5
|
ensureEmittersPluginLoaded(e);
|
|
6
6
|
const { EmittersCanvasShapeGenerator } = await import("./EmittersCanvasShapeGenerator.js");
|
|
7
|
-
e.addEmitterShapeGenerator?.("canvas", new EmittersCanvasShapeGenerator());
|
|
7
|
+
e.pluginManager.addEmitterShapeGenerator?.("canvas", new EmittersCanvasShapeGenerator());
|
|
8
8
|
});
|
|
9
9
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/plugin-emitters-shape-canvas",
|
|
3
|
-
"version": "4.0.0-beta.
|
|
3
|
+
"version": "4.0.0-beta.1",
|
|
4
4
|
"description": "tsParticles emitters shape canvas plugin",
|
|
5
5
|
"homepage": "https://particles.js.org",
|
|
6
6
|
"repository": {
|
|
@@ -100,9 +100,9 @@
|
|
|
100
100
|
"./package.json": "./package.json"
|
|
101
101
|
},
|
|
102
102
|
"dependencies": {
|
|
103
|
-
"@tsparticles/canvas-utils": "4.0.0-beta.
|
|
104
|
-
"@tsparticles/engine": "4.0.0-beta.
|
|
105
|
-
"@tsparticles/plugin-emitters": "4.0.0-beta.
|
|
103
|
+
"@tsparticles/canvas-utils": "4.0.0-beta.1",
|
|
104
|
+
"@tsparticles/engine": "4.0.0-beta.1",
|
|
105
|
+
"@tsparticles/plugin-emitters": "4.0.0-beta.1"
|
|
106
106
|
},
|
|
107
107
|
"publishConfig": {
|
|
108
108
|
"access": "public"
|