@tsparticles/plugin-emitters-shape-canvas 3.9.0 → 4.0.0-alpha.0

package/umd/index.js

@@ -1,20 +1,54 @@
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 (function (factory) {
     if (typeof module === "object" && typeof module.exports === "object") {
         var v = factory(require, exports);
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./EmittersCanvasShapeGenerator.js"], factory);
+        define(["require", "exports"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadEmittersShapeCanvas = loadEmittersShapeCanvas;
-    const EmittersCanvasShapeGenerator_js_1 = require("./EmittersCanvasShapeGenerator.js");
-    async function loadEmittersShapeCanvas(engine, refresh = true) {
-        const emittersEngine = engine;
-        emittersEngine.checkVersion("3.9.0");
-        emittersEngine.addEmitterShapeGenerator?.("canvas", new EmittersCanvasShapeGenerator_js_1.EmittersCanvasShapeGenerator());
-        await emittersEngine.refresh(refresh);
+    function loadEmittersShapeCanvas(engine) {
+        engine.checkVersion("4.0.0-alpha.0");
+        engine.register(async (emittersEngine) => {
+            const { EmittersCanvasShapeGenerator } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./EmittersCanvasShapeGenerator.js"))) : new Promise((resolve_1, reject_1) => { require(["./EmittersCanvasShapeGenerator.js"], resolve_1, reject_1); }).then(__importStar));
+            emittersEngine.addEmitterShapeGenerator?.("canvas", new EmittersCanvasShapeGenerator());
+        });
     }
 });

package/umd/utils.js

@@ -16,7 +16,7 @@
     const origin = {
         x: 0,
         y: 0,
-    }, minWidth = 0;
+    }, minWidth = 0, defaultRgbValue = 0, defaultAlphaValue = 1;
     function getCanvasImageData(ctx, size, offset, clear = true) {
         const imageData = ctx.getImageData(origin.x, origin.y, size.width, size.height).data;
         if (clear) {
@@ -28,20 +28,21 @@
                 x: idx % size.width,
                 y: Math.floor(idx / size.width),
             };
-            if (!pixels[pos.y]) {
-                pixels[pos.y] = [];
-            }
+            pixels[pos.y] ??= [];
             const indexesOffset = {
                 r: 0,
                 g: 1,
                 b: 2,
                 a: 3,
-            }, alphaFactor = 255;
-            pixels[pos.y][pos.x] = {
-                r: imageData[i + indexesOffset.r],
-                g: imageData[i + indexesOffset.g],
-                b: imageData[i + indexesOffset.b],
-                a: imageData[i + indexesOffset.a] / alphaFactor,
+            }, alphaFactor = 255, row = pixels[pos.y];
+            if (!row) {
+                continue;
+            }
+            row[pos.x] = {
+                r: imageData[i + indexesOffset.r] ?? defaultRgbValue,
+                g: imageData[i + indexesOffset.g] ?? defaultRgbValue,
+                b: imageData[i + indexesOffset.b] ?? defaultRgbValue,
+                a: (imageData[i + indexesOffset.a] ?? defaultAlphaValue) / alphaFactor,
             };
         }
         return {
@@ -56,12 +57,13 @@
         const p = new Promise((resolve, reject) => {
             image.onerror = reject;
             image.onload = () => {
-                const canvas = document.createElement("canvas");
+                const canvas = (0, engine_1.safeDocument)().createElement("canvas");
                 canvas.width = image.width;
                 canvas.height = image.height;
                 const context = canvas.getContext("2d");
                 if (!context) {
-                    return reject(new Error(`${engine_1.errorPrefix} Could not get canvas context`));
+                    reject(new Error("Could not get canvas context"));
+                    return;
                 }
                 context.drawImage(image, origin.x, origin.y, image.width, image.height, origin.x, origin.y, canvas.width, canvas.height);
                 resolve(getCanvasImageData(context, canvas, offset));
@@ -71,11 +73,11 @@
         return p;
     }
     function getTextData(textOptions, offset, fill) {
-        const canvas = document.createElement("canvas"), context = canvas.getContext("2d"), { font, text, lines: linesOptions, color } = textOptions;
+        const canvas = (0, engine_1.safeDocument)().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_1.isNumber)(font.size) ? `${font.size}px` : font.size, linesData = [];
+        const lines = text.split(linesOptions.separator), fontSize = (0, engine_1.isNumber)(font.size) ? `${font.size.toString()}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}`;