@tsparticles/plugin-emitters-shape-canvas 3.0.0-beta.4

package/tsparticles.plugin.emitters.shape.canvas.js

@@ -0,0 +1,452 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v3.0.0-beta.4
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@tsparticles/plugin-emitters"), require("@tsparticles/engine"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@tsparticles/plugin-emitters", "@tsparticles/engine"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@tsparticles/plugin-emitters"), require("@tsparticles/engine")) : factory(root["window"], root["window"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(this, (__WEBPACK_EXTERNAL_MODULE__68__, __WEBPACK_EXTERNAL_MODULE__533__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 533:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
+
+/***/ }),
+
+/***/ 68:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__68__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  loadEmittersShapeCanvas: () => (/* binding */ loadEmittersShapeCanvas)
+});
+
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-emitters","commonjs2":"@tsparticles/plugin-emitters","amd":"@tsparticles/plugin-emitters","root":"window"}
+var plugin_emitters_root_window_ = __webpack_require__(68);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
+var engine_root_window_ = __webpack_require__(533);
+;// CONCATENATED MODULE: ./dist/browser/utils.js
+
+function getCanvasImageData(ctx, size, offset, clear = true) {
+  const imageData = ctx.getImageData(0, 0, size.width, size.height).data;
+  if (clear) {
+    ctx.clearRect(0, 0, size.width, size.height);
+  }
+  const pixels = [];
+  for (let i = 0; i < imageData.length; i += offset) {
+    const idx = i / offset,
+      pos = {
+        x: idx % size.width,
+        y: Math.floor(idx / size.width)
+      };
+    if (!pixels[pos.y]) {
+      pixels[pos.y] = [];
+    }
+    pixels[pos.y][pos.x] = {
+      r: imageData[i],
+      g: imageData[i + 1],
+      b: imageData[i + 2],
+      a: imageData[i + 3] / 255
+    };
+  }
+  return {
+    pixels,
+    width: Math.min(...pixels.map(row => row.length)),
+    height: pixels.length
+  };
+}
+function getImageData(src, offset) {
+  const image = new Image();
+  image.crossOrigin = "Anonymous";
+  const p = new Promise((resolve, reject) => {
+    image.onerror = reject;
+    image.onload = () => {
+      const canvas = document.createElement("canvas");
+      canvas.width = image.width;
+      canvas.height = image.height;
+      const context = canvas.getContext("2d");
+      if (!context) {
+        return reject(new Error(`${engine_root_window_.errorPrefix} Could not get canvas context`));
+      }
+      context.drawImage(image, 0, 0, image.width, image.height, 0, 0, canvas.width, canvas.height);
+      resolve(getCanvasImageData(context, canvas, offset));
+    };
+  });
+  image.src = src;
+  return p;
+}
+function getTextData(textOptions, offset, fill) {
+  const canvas = document.createElement("canvas"),
+    context = canvas.getContext("2d"),
+    {
+      font,
+      text,
+      lines: linesOptions,
+      color
+    } = textOptions;
+  if (!text || !context) {
+    return;
+  }
+  const lines = text.split(linesOptions.separator),
+    fontSize = (0,engine_root_window_.isNumber)(font.size) ? `${font.size}px` : font.size,
+    linesData = [];
+  let maxWidth = 0,
+    totalHeight = 0;
+  for (const line of lines) {
+    context.font = `${font.style || ""} ${font.variant || ""} ${font.weight || ""} ${fontSize} ${font.family}`;
+    const measure = context.measureText(line),
+      lineData = {
+        measure,
+        text: line,
+        height: measure.actualBoundingBoxAscent + measure.actualBoundingBoxDescent,
+        width: measure.width
+      };
+    maxWidth = Math.max(maxWidth || 0, lineData.width);
+    totalHeight += lineData.height + linesOptions.spacing;
+    linesData.push(lineData);
+  }
+  canvas.width = maxWidth;
+  canvas.height = totalHeight;
+  let currentHeight = 0;
+  for (const line of linesData) {
+    context.font = `${font.style || ""} ${font.variant || ""} ${font.weight || ""} ${fontSize} ${font.family}`;
+    if (fill) {
+      context.fillStyle = color;
+      context.fillText(line.text, 0, currentHeight + line.measure.actualBoundingBoxAscent);
+    } else {
+      context.strokeStyle = color;
+      context.strokeText(line.text, 0, currentHeight + line.measure.actualBoundingBoxAscent);
+    }
+    currentHeight += line.height + linesOptions.spacing;
+  }
+  return getCanvasImageData(context, canvas, offset);
+}
+;// CONCATENATED MODULE: ./dist/browser/EmittersCanvasShape.js
+
+
+
+class EmittersCanvasShape extends plugin_emitters_root_window_.EmitterShapeBase {
+  constructor(position, size, fill, options) {
+    super(position, size, fill, options);
+    const filter = options.filter;
+    let filterFunc = pixel => pixel.a > 0;
+    if (filter !== undefined) {
+      if ((0,engine_root_window_.isString)(filter)) {
+        if (Object.hasOwn(window, filter)) {
+          const wndFilter = window[filter];
+          if ((0,engine_root_window_.isFunction)(wndFilter)) {
+            filterFunc = wndFilter;
+          }
+        }
+      } else {
+        filterFunc = filter;
+      }
+    }
+    this.filter = filterFunc;
+    this.scale = options.scale;
+    this.pixelData = {
+      pixels: [],
+      height: 0,
+      width: 0
+    };
+  }
+  async init() {
+    let pixelData;
+    const options = this.options,
+      selector = options.selector,
+      pixels = options.pixels,
+      image = options.image,
+      element = options.element,
+      text = options.text,
+      offset = pixels.offset;
+    if (image) {
+      const url = image.src;
+      if (!url) {
+        return;
+      }
+      pixelData = await getImageData(url, offset);
+    } else if (text) {
+      const data = getTextData(text, offset, this.fill);
+      if (!data) {
+        return;
+      }
+      pixelData = data;
+    } else if (element || selector) {
+      const canvas = element || selector && document.querySelector(selector);
+      if (!canvas) {
+        return;
+      }
+      const context = canvas.getContext("2d");
+      if (!context) {
+        return;
+      }
+      pixelData = getCanvasImageData(context, canvas, offset);
+    }
+    if (!pixelData) {
+      return;
+    }
+    this.pixelData = pixelData;
+  }
+  async randomPosition() {
+    const {
+        height,
+        width
+      } = this.pixelData,
+      data = this.pixelData,
+      position = this.position,
+      scale = this.scale;
+    const positionOffset = {
+      x: position.x - width * scale / 2,
+      y: position.y - height * scale / 2
+    };
+    for (let i = 0; i < 100; i++) {
+      const nextIndex = Math.floor((0,engine_root_window_.getRandom)() * width * height),
+        pixelPos = {
+          x: nextIndex % width,
+          y: Math.floor(nextIndex / width)
+        },
+        pixel = data.pixels[pixelPos.y][pixelPos.x],
+        shouldCreateParticle = this.filter(pixel);
+      if (!shouldCreateParticle) {
+        continue;
+      }
+      return {
+        position: {
+          x: pixelPos.x * scale + positionOffset.x,
+          y: pixelPos.y * scale + positionOffset.y
+        },
+        color: {
+          ...pixel
+        },
+        opacity: pixel.a
+      };
+    }
+    return null;
+  }
+  resize(position, size) {
+    super.resize(position, size);
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/PixelsOptions.js
+class PixelsOptions {
+  constructor() {
+    this.offset = 4;
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.offset !== undefined) {
+      this.offset = data.offset;
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/TextFontOptions.js
+class TextFontOptions {
+  constructor() {
+    this.family = "Verdana";
+    this.size = 32;
+    this.style = "";
+    this.variant = "";
+    this.weight = "";
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.family !== undefined) {
+      this.family = data.family;
+    }
+    if (data.size !== undefined) {
+      this.size = data.size;
+    }
+    if (data.style !== undefined) {
+      this.style = data.style;
+    }
+    if (data.variant !== undefined) {
+      this.variant = data.variant;
+    }
+    if (data.weight !== undefined) {
+      this.weight = data.weight;
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/TextLinesOptions.js
+class TextLinesOptions {
+  constructor() {
+    this.separator = "\n";
+    this.spacing = 0;
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.separator !== undefined) {
+      this.separator = data.separator;
+    }
+    if (data.spacing !== undefined) {
+      this.spacing = data.spacing;
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/TextOptions.js
+
+
+class TextOptions {
+  constructor() {
+    this.color = "#000000";
+    this.font = new TextFontOptions();
+    this.lines = new TextLinesOptions();
+    this.text = "";
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.color !== undefined) {
+      this.color = data.color;
+    }
+    this.font.load(data.font);
+    this.lines.load(data.lines);
+    if (data.text !== undefined) {
+      this.text = data.text;
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/EmittersCanvasShapeOptions.js
+
+
+class EmittersCanvasShapeOptions {
+  constructor() {
+    this.filter = pixel => pixel.a > 0;
+    this.pixels = new PixelsOptions();
+    this.scale = 1;
+    this.selector = "";
+    this.text = new TextOptions();
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.element !== undefined) {
+      this.element = data.element;
+    }
+    if (data.filter !== undefined) {
+      this.filter = data.filter;
+    }
+    this.pixels.load(data.pixels);
+    if (data.scale !== undefined) {
+      this.scale = data.scale;
+    }
+    if (data.selector !== undefined) {
+      this.selector = data.selector;
+    }
+    if (data.image !== undefined) {
+      this.image = data.image;
+    }
+    this.text.load(data.text);
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/EmittersCanvasShapeGenerator.js
+
+
+class EmittersCanvasShapeGenerator {
+  generate(position, size, fill, options) {
+    const shapeOptions = new EmittersCanvasShapeOptions();
+    shapeOptions.load(options);
+    return new EmittersCanvasShape(position, size, fill, shapeOptions);
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/index.js
+
+async function loadEmittersShapeCanvas(engine, refresh = true) {
+  const emittersEngine = engine;
+  emittersEngine.addEmitterShapeGenerator && emittersEngine.addEmitterShapeGenerator("canvas", new EmittersCanvasShapeGenerator());
+  await emittersEngine.refresh(refresh);
+}
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/tsparticles.plugin.emitters.shape.canvas.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see tsparticles.plugin.emitters.shape.canvas.min.js.LICENSE.txt */
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/plugin-emitters","@tsparticles/engine"],e);else{var i="object"==typeof exports?e(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine")):e(t.window,t.window);for(var s in i)("object"==typeof exports?exports:t)[s]=i[s]}}(this,((t,e)=>(()=>{"use strict";var i={533:t=>{t.exports=e},68:e=>{e.exports=t}},s={};function o(t){var e=s[t];if(void 0!==e)return e.exports;var r=s[t]={exports:{}};return i[t](r,r.exports,o),r.exports}o.d=(t,e)=>{for(var i in e)o.o(e,i)&&!o.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var r={};return(()=>{o.r(r),o.d(r,{loadEmittersShapeCanvas:()=>f});var t=o(68),e=o(533);function i(t,e,i,s=!0){const o=t.getImageData(0,0,e.width,e.height).data;s&&t.clearRect(0,0,e.width,e.height);const r=[];for(let t=0;t<o.length;t+=i){const s=t/i,n={x:s%e.width,y:Math.floor(s/e.width)};r[n.y]||(r[n.y]=[]),r[n.y][n.x]={r:o[t],g:o[t+1],b:o[t+2],a:o[t+3]/255}}return{pixels:r,width:Math.min(...r.map((t=>t.length))),height:r.length}}class s extends t.EmitterShapeBase{constructor(t,i,s,o){super(t,i,s,o);const r=o.filter;let n=t=>t.a>0;if(void 0!==r)if((0,e.isString)(r)){if(Object.hasOwn(window,r)){const t=window[r];(0,e.isFunction)(t)&&(n=t)}}else n=r;this.filter=n,this.scale=o.scale,this.pixelData={pixels:[],height:0,width:0}}async init(){let t;const s=this.options,o=s.selector,r=s.pixels,n=s.image,a=s.element,l=s.text,c=r.offset;if(n){const s=n.src;if(!s)return;t=await function(t,s){const o=new Image;o.crossOrigin="Anonymous";const r=new Promise(((t,r)=>{o.onerror=r,o.onload=()=>{const n=document.createElement("canvas");n.width=o.width,n.height=o.height;const a=n.getContext("2d");if(!a)return r(new Error(`${e.errorPrefix} Could not get canvas context`));a.drawImage(o,0,0,o.width,o.height,0,0,n.width,n.height),t(i(a,n,s))}}));return o.src=t,r}(s,c)}else if(l){const s=function(t,s,o){const r=document.createElement("canvas"),n=r.getContext("2d"),{font:a,text:l,lines:c,color:h}=t;if(!l||!n)return;const d=l.split(c.separator),f=(0,e.isNumber)(a.size)?`${a.size}px`:a.size,p=[];let u=0,g=0;for(const t of d){n.font=`${a.style||""} ${a.variant||""} ${a.weight||""} ${f} ${a.family}`;const e=n.measureText(t),i={measure:e,text:t,height:e.actualBoundingBoxAscent+e.actualBoundingBoxDescent,width:e.width};u=Math.max(u||0,i.width),g+=i.height+c.spacing,p.push(i)}r.width=u,r.height=g;let x=0;for(const t of p)n.font=`${a.style||""} ${a.variant||""} ${a.weight||""} ${f} ${a.family}`,o?(n.fillStyle=h,n.fillText(t.text,0,x+t.measure.actualBoundingBoxAscent)):(n.strokeStyle=h,n.strokeText(t.text,0,x+t.measure.actualBoundingBoxAscent)),x+=t.height+c.spacing;return i(n,r,s)}(l,c,this.fill);if(!s)return;t=s}else if(a||o){const e=a||o&&document.querySelector(o);if(!e)return;const s=e.getContext("2d");if(!s)return;t=i(s,e,c)}t&&(this.pixelData=t)}async randomPosition(){const{height:t,width:i}=this.pixelData,s=this.pixelData,o=this.position,r=this.scale,n=o.x-i*r/2,a=o.y-t*r/2;for(let o=0;o<100;o++){const o=Math.floor((0,e.getRandom)()*i*t),l={x:o%i,y:Math.floor(o/i)},c=s.pixels[l.y][l.x];if(this.filter(c))return{position:{x:l.x*r+n,y:l.y*r+a},color:{...c},opacity:c.a}}return null}resize(t,e){super.resize(t,e)}}class n{constructor(){this.offset=4}load(t){t&&void 0!==t.offset&&(this.offset=t.offset)}}class a{constructor(){this.family="Verdana",this.size=32,this.style="",this.variant="",this.weight=""}load(t){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 l{constructor(){this.separator="\n",this.spacing=0}load(t){t&&(void 0!==t.separator&&(this.separator=t.separator),void 0!==t.spacing&&(this.spacing=t.spacing))}}class c{constructor(){this.color="#000000",this.font=new a,this.lines=new l,this.text=""}load(t){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 h{constructor(){this.filter=t=>t.a>0,this.pixels=new n,this.scale=1,this.selector="",this.text=new c}load(t){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 d{generate(t,e,i,o){const r=new h;return r.load(o),new s(t,e,i,r)}}async function f(t,e=!0){const i=t;i.addEmitterShapeGenerator&&i.addEmitterShapeGenerator("canvas",new d),await i.refresh(e)}})(),r})()));

package/tsparticles.plugin.emitters.shape.canvas.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Emitters Shape Canvas Plugin v3.0.0-beta.4 by Matteo Bruni */

package/types/EmittersCanvasShape.d.ts

@@ -0,0 +1,13 @@
+import { EmitterShapeBase, type IRandomPositionData } from "@tsparticles/plugin-emitters";
+import { type ICoordinates, type IDimension, type IRgba } from "@tsparticles/engine";
+import type { CanvasPixelData } from "./types";
+import type { EmittersCanvasShapeOptions } from "./Options/Classes/EmittersCanvasShapeOptions.js";
+export declare class EmittersCanvasShape extends EmitterShapeBase<EmittersCanvasShapeOptions> {
+    filter: (pixel: IRgba) => boolean;
+    pixelData: CanvasPixelData;
+    scale: number;
+    constructor(position: ICoordinates, size: IDimension, fill: boolean, options: EmittersCanvasShapeOptions);
+    init(): Promise<void>;
+    randomPosition(): Promise<IRandomPositionData | null>;
+    resize(position: ICoordinates, size: IDimension): void;
+}

package/types/EmittersCanvasShapeGenerator.d.ts

@@ -0,0 +1,6 @@
+import { type ICoordinates, type IDimension } from "@tsparticles/engine";
+import type { IEmitterShape, IEmitterShapeGenerator } from "@tsparticles/plugin-emitters";
+import type { IEmittersCanvasShapeOptions } from "./Options/Interfaces/IEmittersCanvasShapeOptions.js";
+export declare class EmittersCanvasShapeGenerator implements IEmitterShapeGenerator<IEmittersCanvasShapeOptions> {
+    generate(position: ICoordinates, size: IDimension, fill: boolean, options: IEmittersCanvasShapeOptions): IEmitterShape;
+}

package/types/Options/Classes/EmittersCanvasShapeOptions.d.ts

@@ -0,0 +1,15 @@
+import type { IOptionLoader, IRgba, RecursivePartial } from "@tsparticles/engine";
+import type { IEmittersCanvasShapeOptions } from "../Interfaces/IEmittersCanvasShapeOptions.js";
+import { PixelsOptions } from "./PixelsOptions.js";
+import { TextOptions } from "./TextOptions.js";
+export declare class EmittersCanvasShapeOptions implements IEmittersCanvasShapeOptions, IOptionLoader<IEmittersCanvasShapeOptions> {
+    element?: HTMLCanvasElement;
+    filter: string | ((pixel: IRgba) => boolean);
+    image?: HTMLImageElement;
+    pixels: PixelsOptions;
+    scale: number;
+    selector: string;
+    text: TextOptions;
+    constructor();
+    load(data?: RecursivePartial<IEmittersCanvasShapeOptions> | undefined): void;
+}

package/types/Options/Classes/PixelsOptions.d.ts

@@ -0,0 +1,7 @@
+import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
+import type { IPixelsOptions } from "../Interfaces/IPixelsOptions.js";
+export declare class PixelsOptions implements IPixelsOptions, IOptionLoader<IPixelsOptions> {
+    offset: number;
+    constructor();
+    load(data?: RecursivePartial<IPixelsOptions> | undefined): void;
+}

package/types/Options/Classes/TextFontOptions.d.ts

@@ -0,0 +1,11 @@
+import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
+import type { ITextFontOptions } from "../Interfaces/ITextFontOptions.js";
+export declare class TextFontOptions implements ITextFontOptions, IOptionLoader<ITextFontOptions> {
+    family: string;
+    size: string | number;
+    style: string;
+    variant: string;
+    weight: string;
+    constructor();
+    load(data?: RecursivePartial<ITextFontOptions> | undefined): void;
+}

package/types/Options/Classes/TextLinesOptions.d.ts

@@ -0,0 +1,8 @@
+import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
+import type { ITextLinesOptions } from "../Interfaces/ITextLinesOptions.js";
+export declare class TextLinesOptions implements ITextLinesOptions, IOptionLoader<ITextLinesOptions> {
+    separator: string;
+    spacing: number;
+    constructor();
+    load(data?: RecursivePartial<ITextLinesOptions> | undefined): void;
+}

package/types/Options/Classes/TextOptions.d.ts

@@ -0,0 +1,12 @@
+import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
+import type { ITextOptions } from "../Interfaces/ITextOptions.js";
+import { TextFontOptions } from "./TextFontOptions.js";
+import { TextLinesOptions } from "./TextLinesOptions.js";
+export declare class TextOptions implements ITextOptions, IOptionLoader<ITextOptions> {
+    color: string;
+    font: TextFontOptions;
+    lines: TextLinesOptions;
+    text: string;
+    constructor();
+    load(data?: RecursivePartial<ITextOptions> | undefined): void;
+}

package/types/Options/Interfaces/IEmittersCanvasShapeOptions.d.ts

@@ -0,0 +1,12 @@
+import type { IPixelsOptions } from "./IPixelsOptions.js";
+import type { IRgba } from "@tsparticles/engine";
+import type { ITextOptions } from "./ITextOptions.js";
+export interface IEmittersCanvasShapeOptions {
+    element?: HTMLCanvasElement;
+    filter: string | ((pixel: IRgba) => boolean);
+    image?: HTMLImageElement;
+    pixels: IPixelsOptions;
+    scale: number;
+    selector: string;
+    text: ITextOptions;
+}

package/types/Options/Interfaces/IPixelsOptions.d.ts

@@ -0,0 +1,3 @@
+export interface IPixelsOptions {
+    offset: number;
+}

package/types/Options/Interfaces/ITextFontOptions.d.ts

@@ -0,0 +1,7 @@
+export interface ITextFontOptions {
+    family: string;
+    size: string | number;
+    style: string;
+    variant: string;
+    weight: string;
+}

package/types/Options/Interfaces/ITextLinesOptions.d.ts

@@ -0,0 +1,4 @@
+export interface ITextLinesOptions {
+    separator: string;
+    spacing: number;
+}

package/types/Options/Interfaces/ITextOptions.d.ts

@@ -0,0 +1,8 @@
+import type { ITextFontOptions } from "./ITextFontOptions.js";
+import type { ITextLinesOptions } from "./ITextLinesOptions.js";
+export interface ITextOptions {
+    color: string;
+    font: ITextFontOptions;
+    lines: ITextLinesOptions;
+    text: string;
+}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+import type { Engine } from "@tsparticles/engine";
+export declare function loadEmittersShapeCanvas(engine: Engine, refresh?: boolean): Promise<void>;

package/types/types.d.ts

@@ -0,0 +1,12 @@
+import type { IRgba } from "@tsparticles/engine";
+export type CanvasPixelData = {
+    height: number;
+    pixels: IRgba[][];
+    width: number;
+};
+export type TextLineData = {
+    height: number;
+    measure: TextMetrics;
+    text: string;
+    width: number;
+};

package/types/utils.d.ts

@@ -0,0 +1,6 @@
+import type { CanvasPixelData } from "./types.js";
+import type { IDimension } from "@tsparticles/engine";
+import type { TextOptions } from "./Options/Classes/TextOptions.js";
+export declare function getCanvasImageData(ctx: CanvasRenderingContext2D, size: IDimension, offset: number, clear?: boolean): CanvasPixelData;
+export declare function getImageData(src: string, offset: number): Promise<CanvasPixelData>;
+export declare function getTextData(textOptions: TextOptions, offset: number, fill: boolean): CanvasPixelData | undefined;