@tsparticles/engine 3.2.1 → 3.3.0

package/cjs/Core/Particles.js

@@ -1,39 +1,17 @@
 "use strict";
-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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Particles = void 0;
 const Utils_js_1 = require("../Utils/Utils.js");
 const InteractionManager_js_1 = require("./Utils/InteractionManager.js");
+const Particle_js_1 = require("./Particle.js");
 const Point_js_1 = require("./Utils/Point.js");
 const QuadTree_js_1 = require("./Utils/QuadTree.js");
-const Rectangle_js_1 = require("./Utils/Rectangle.js");
+const Ranges_js_1 = require("./Utils/Ranges.js");
 const Constants_js_1 = require("./Utils/Constants.js");
 const qTreeCapacity = 4, squareExp = 2, defaultRemoveQuantity = 1;
 const qTreeRectangle = (canvasSize) => {
     const { height, width } = canvasSize, posOffset = -0.25, sizeFactor = 1.5;
-    return new Rectangle_js_1.Rectangle(posOffset * width, posOffset * height, sizeFactor * width, sizeFactor * height);
+    return new Ranges_js_1.Rectangle(posOffset * width, posOffset * height, sizeFactor * width, sizeFactor * height);
 };
 class Particles {
     constructor(engine, container) {
@@ -42,7 +20,7 @@ class Particles {
                 this._pool.push(particle);
             }
         };
-        this._applyDensity = async (options, manualCount, group) => {
+        this._applyDensity = (options, manualCount, group) => {
             const numberOptions = options.number;
             if (!options.number.density?.enable) {
                 if (group === undefined) {
@@ -61,7 +39,7 @@ class Particles {
                 this._groupLimits.set(group, numberOptions.limit.value * densityFactor);
             }
             if (particlesCount < particlesNumber) {
-                await this.push(Math.abs(particlesNumber - particlesCount), undefined, options, group);
+                this.push(Math.abs(particlesNumber - particlesCount), undefined, options, group);
             }
             else if (particlesCount > particlesNumber) {
                 this.removeQuantity(particlesCount - particlesNumber, group);
@@ -75,14 +53,13 @@ class Particles {
             const canvas = container.canvas.element, pxRatio = container.retina.pixelRatio;
             return (canvas.width * canvas.height) / (densityOptions.height * densityOptions.width * pxRatio ** squareExp);
         };
-        this._pushParticle = async (position, overrideOptions, group, initializer) => {
+        this._pushParticle = (position, overrideOptions, group, initializer) => {
             try {
                 let particle = this._pool.pop();
                 if (!particle) {
-                    const { Particle } = await Promise.resolve().then(() => __importStar(require("./Particle.js")));
-                    particle = new Particle(this._engine, this._container);
+                    particle = new Particle_js_1.Particle(this._engine, this._container);
                 }
-                await particle.init(this._nextId, position, overrideOptions, group);
+                particle.init(this._nextId, position, overrideOptions, group);
                 let canAdd = true;
                 if (initializer) {
                     canAdd = initializer(particle);
@@ -143,13 +120,13 @@ class Particles {
     get count() {
         return this._array.length;
     }
-    async addManualParticles() {
+    addManualParticles() {
         const container = this._container, options = container.actualOptions;
         for (const particle of options.manualParticles) {
-            await this.addParticle(particle.position ? (0, Utils_js_1.getPosition)(particle.position, container.canvas.size) : undefined, particle.options);
+            this.addParticle(particle.position ? (0, Utils_js_1.getPosition)(particle.position, container.canvas.size) : undefined, particle.options);
         }
     }
-    async addParticle(position, overrideOptions, group, initializer) {
+    addParticle(position, overrideOptions, group, initializer) {
         const limitOptions = this._container.actualOptions.particles.number.limit, limit = group === undefined ? this._limit : this._groupLimits.get(group) ?? this._limit, currentCount = this.count, minLimit = 0;
         if (limit > minLimit) {
             if (limitOptions.mode === "delete") {
@@ -164,7 +141,7 @@ class Particles {
                 }
             }
         }
-        return await this._pushParticle(position, overrideOptions, group, initializer);
+        return this._pushParticle(position, overrideOptions, group, initializer);
     }
     clear() {
         this._array = [];
@@ -177,15 +154,15 @@ class Particles {
         this.movers = [];
         this.updaters = [];
     }
-    async draw(delta) {
+    draw(delta) {
         const container = this._container, canvas = container.canvas;
         canvas.clear();
-        await this.update(delta);
+        this.update(delta);
         for (const [, plugin] of container.plugins) {
-            await canvas.drawPlugin(plugin, delta);
+            canvas.drawPlugin(plugin, delta);
         }
         for (const p of this._zArray) {
-            await p.draw(delta);
+            p.draw(delta);
         }
     }
     filter(condition) {
@@ -214,17 +191,17 @@ class Particles {
                 break;
             }
         }
-        await this.addManualParticles();
+        this.addManualParticles();
         if (!handled) {
             const particlesOptions = options.particles, groups = particlesOptions.groups;
             for (const group in groups) {
                 const groupOptions = groups[group];
                 for (let i = this.count, j = 0; j < groupOptions.number?.value && i < particlesOptions.number.value; i++, j++) {
-                    await this.addParticle(undefined, groupOptions, group);
+                    this.addParticle(undefined, groupOptions, group);
                 }
             }
             for (let i = this.count; i < particlesOptions.number.value; i++) {
-                await this.addParticle();
+                this.addParticle();
             }
         }
     }
@@ -237,18 +214,18 @@ class Particles {
         this.updaters = await this._engine.getUpdaters(container, true);
         await this._interactionManager.init();
         for (const [, pathGenerator] of container.pathGenerators) {
-            await pathGenerator.init(container);
+            pathGenerator.init(container);
         }
     }
-    async push(nb, mouse, overrideOptions, group) {
+    push(nb, mouse, overrideOptions, group) {
         for (let i = 0; i < nb; i++) {
-            await this.addParticle(mouse?.position, overrideOptions, group);
+            this.addParticle(mouse?.position, overrideOptions, group);
         }
     }
     async redraw() {
         this.clear();
         await this.init();
-        await this.draw({ value: 0, factor: 0 });
+        this.draw({ value: 0, factor: 0 });
     }
     remove(particle, group, override) {
         this.removeAt(this._array.indexOf(particle), undefined, group, override);
@@ -269,12 +246,12 @@ class Particles {
         const defaultIndex = 0;
         this.removeAt(defaultIndex, quantity, group);
     }
-    async setDensity() {
+    setDensity() {
         const options = this._container.actualOptions, groups = options.particles.groups, manualCount = 0;
         for (const group in groups) {
-            await this._applyDensity(groups[group], manualCount, group);
+            this._applyDensity(groups[group], manualCount, group);
         }
-        await this._applyDensity(options.particles, options.manualParticles.length);
+        this._applyDensity(options.particles, options.manualParticles.length);
     }
     setLastZIndex(zIndex) {
         this._lastZIndex = zIndex;
@@ -283,14 +260,14 @@ class Particles {
     setResizeFactor(factor) {
         this._resizeFactor = factor;
     }
-    async update(delta) {
+    update(delta) {
         const container = this._container, particlesToDelete = new Set();
         this.quadTree = new QuadTree_js_1.QuadTree(qTreeRectangle(container.canvas.size), qTreeCapacity);
         for (const [, pathGenerator] of container.pathGenerators) {
             pathGenerator.update();
         }
         for (const [, plugin] of container.plugins) {
-            await plugin.update?.(delta);
+            plugin.update?.(delta);
         }
         const resizeFactor = this._resizeFactor;
         for (const particle of this._array) {
@@ -310,7 +287,7 @@ class Particles {
             }
             for (const mover of this.movers) {
                 if (mover.isEnabled(particle)) {
-                    await mover.move(particle, delta);
+                    mover.move(particle, delta);
                 }
             }
             if (particle.destroyed) {
@@ -333,13 +310,13 @@ class Particles {
             }
             this._addToPool(...particlesToDelete);
         }
-        await this._interactionManager.externalInteract(delta);
+        this._interactionManager.externalInteract(delta);
         for (const particle of this._array) {
             for (const updater of this.updaters) {
-                await updater.update(particle, delta);
+                updater.update(particle, delta);
             }
             if (!particle.destroyed && !particle.spawning) {
-                await this._interactionManager.particlesInteract(particle, delta);
+                this._interactionManager.particlesInteract(particle, delta);
             }
         }
         delete this._resizeFactor;

package/cjs/Core/Utils/EventListeners.js

@@ -3,11 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EventListeners = void 0;
 const Utils_js_1 = require("../../Utils/Utils.js");
 const Constants_js_1 = require("./Constants.js");
+const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
 const double = 2;
 function manageListener(element, event, handler, add, options) {
     if (add) {
         let addOptions = { passive: true };
-        if ((0, Utils_js_1.isBoolean)(options)) {
+        if ((0, TypeUtils_js_1.isBoolean)(options)) {
             addOptions.capture = options;
         }
         else if (options !== undefined) {
@@ -59,10 +60,10 @@ class EventListeners {
             else {
                 container.pageHidden = false;
                 if (container.animationStatus) {
-                    container.play(true);
+                    void container.play(true);
                 }
                 else {
-                    container.draw(true);
+                    void container.draw(true);
                 }
             }
         };

package/cjs/Core/Utils/InteractionManager.js

@@ -9,10 +9,10 @@ class InteractionManager {
         this._externalInteractors = [];
         this._particleInteractors = [];
     }
-    async externalInteract(delta) {
+    externalInteract(delta) {
         for (const interactor of this._externalInteractors) {
             if (interactor.isEnabled()) {
-                await interactor.interact(delta);
+                interactor.interact(delta);
             }
         }
     }
@@ -37,13 +37,13 @@ class InteractionManager {
             interactor.init();
         }
     }
-    async particlesInteract(particle, delta) {
+    particlesInteract(particle, delta) {
         for (const interactor of this._externalInteractors) {
             interactor.clear(particle, delta);
         }
         for (const interactor of this._particleInteractors) {
             if (interactor.isEnabled(particle)) {
-                await interactor.interact(particle, delta);
+                interactor.interact(particle, delta);
             }
         }
     }

package/cjs/Core/Utils/QuadTree.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuadTree = void 0;
-const Circle_js_1 = require("./Circle.js");
-const Rectangle_js_1 = require("./Rectangle.js");
+const Ranges_js_1 = require("./Ranges.js");
 const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
 const half = 0.5, double = 2, subdivideCount = 4;
 class QuadTree {
@@ -13,7 +12,7 @@ class QuadTree {
             const { x, y } = this.rectangle.position, { width, height } = this.rectangle.size, { capacity } = this;
             for (let i = 0; i < subdivideCount; i++) {
                 const fixedIndex = i % double;
-                this._subs.push(new QuadTree(new Rectangle_js_1.Rectangle(x + width * half * fixedIndex, y + height * half * (Math.round(i * half) - fixedIndex), width * half, height * half), capacity));
+                this._subs.push(new QuadTree(new Ranges_js_1.Rectangle(x + width * half * fixedIndex, y + height * half * (Math.round(i * half) - fixedIndex), width * half, height * half), capacity));
             }
             this._divided = true;
         };
@@ -34,8 +33,8 @@ class QuadTree {
         }
         return this._subs.some((sub) => sub.insert(point));
     }
-    query(range, check, found) {
-        const res = found ?? [];
+    query(range, check) {
+        const res = [];
         if (!range.intersects(this.rectangle)) {
             return [];
         }
@@ -49,16 +48,16 @@ class QuadTree {
         }
         if (this._divided) {
             for (const sub of this._subs) {
-                sub.query(range, check, res);
+                res.push(...sub.query(range, check));
             }
         }
         return res;
     }
     queryCircle(position, radius, check) {
-        return this.query(new Circle_js_1.Circle(position.x, position.y, radius), check);
+        return this.query(new Ranges_js_1.Circle(position.x, position.y, radius), check);
     }
     queryRectangle(position, size, check) {
-        return this.query(new Rectangle_js_1.Rectangle(position.x, position.y, size.width, size.height), check);
+        return this.query(new Ranges_js_1.Rectangle(position.x, position.y, size.width, size.height), check);
     }
 }
 exports.QuadTree = QuadTree;

package/cjs/Core/Utils/Ranges.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Rectangle = exports.Circle = exports.BaseRange = void 0;
+const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
+const squareExp = 2;
+class BaseRange {
+    constructor(x, y, type) {
+        this.position = {
+            x: x,
+            y: y,
+        };
+        this.type = type;
+    }
+}
+exports.BaseRange = BaseRange;
+class Circle extends BaseRange {
+    constructor(x, y, radius) {
+        super(x, y, "circle");
+        this.radius = radius;
+    }
+    contains(point) {
+        return (0, NumberUtils_js_1.getDistance)(point, this.position) <= this.radius;
+    }
+    intersects(range) {
+        const pos1 = this.position, pos2 = range.position, distPos = { x: Math.abs(pos2.x - pos1.x), y: Math.abs(pos2.y - pos1.y) }, r = this.radius;
+        if (range instanceof Circle || range.type === "circle") {
+            const circleRange = range, rSum = r + circleRange.radius, dist = Math.sqrt(distPos.x ** squareExp + distPos.y ** squareExp);
+            return rSum > dist;
+        }
+        else if (range instanceof Rectangle || range.type === "rectangle") {
+            const rectRange = range, { width, height } = rectRange.size, edges = Math.pow(distPos.x - width, squareExp) + Math.pow(distPos.y - height, squareExp);
+            return (edges <= r ** squareExp ||
+                (distPos.x <= r + width && distPos.y <= r + height) ||
+                distPos.x <= width ||
+                distPos.y <= height);
+        }
+        return false;
+    }
+}
+exports.Circle = Circle;
+class Rectangle extends BaseRange {
+    constructor(x, y, width, height) {
+        super(x, y, "rectangle");
+        this.size = {
+            height: height,
+            width: width,
+        };
+    }
+    contains(point) {
+        const w = this.size.width, h = this.size.height, pos = this.position;
+        return point.x >= pos.x && point.x <= pos.x + w && point.y >= pos.y && point.y <= pos.y + h;
+    }
+    intersects(range) {
+        if (range instanceof Circle) {
+            return range.intersects(this);
+        }
+        const w = this.size.width, h = this.size.height, pos1 = this.position, pos2 = range.position, size2 = range instanceof Rectangle ? range.size : { width: 0, height: 0 }, w2 = size2.width, h2 = size2.height;
+        return pos2.x < pos1.x + w && pos2.x + w2 > pos1.x && pos2.y < pos1.y + h && pos2.y + h2 > pos1.y;
+    }
+}
+exports.Rectangle = Rectangle;

package/cjs/Core/Utils/{Vector3d.js → Vectors.js}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Vector3d = void 0;
+exports.Vector = exports.Vector3d = void 0;
 const Constants_js_1 = require("./Constants.js");
-const Utils_js_1 = require("../../Utils/Utils.js");
+const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
 const origin = {
     x: 0,
     y: 0,
@@ -14,7 +14,7 @@ class Vector3d {
             this.x = Math.cos(angle) * length;
             this.y = Math.sin(angle) * length;
         };
-        if (!(0, Utils_js_1.isNumber)(xOrCoords) && xOrCoords) {
+        if (!(0, TypeUtils_js_1.isNumber)(xOrCoords) && xOrCoords) {
             this.x = xOrCoords.x;
             this.y = xOrCoords.y;
             const coords3d = xOrCoords;
@@ -111,3 +111,18 @@ class Vector3d {
     }
 }
 exports.Vector3d = Vector3d;
+class Vector extends Vector3d {
+    constructor(xOrCoords, y) {
+        super(xOrCoords, y, origin.z);
+    }
+    static get origin() {
+        return Vector.create(origin.x, origin.y);
+    }
+    static clone(source) {
+        return Vector.create(source.x, source.y);
+    }
+    static create(x, y) {
+        return new Vector(x, y);
+    }
+}
+exports.Vector = Vector;

package/cjs/Options/Classes/AnimatableColor.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AnimatableColor = void 0;
-const Utils_js_1 = require("../../Utils/Utils.js");
+const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
 const HslAnimation_js_1 = require("./HslAnimation.js");
 const OptionsColor_js_1 = require("./OptionsColor.js");
 class AnimatableColor extends OptionsColor_js_1.OptionsColor {
@@ -13,7 +13,7 @@ class AnimatableColor extends OptionsColor_js_1.OptionsColor {
         const color = new AnimatableColor();
         color.load(source);
         if (data !== undefined) {
-            if ((0, Utils_js_1.isString)(data) || (0, Utils_js_1.isArray)(data)) {
+            if ((0, TypeUtils_js_1.isString)(data) || (0, TypeUtils_js_1.isArray)(data)) {
                 color.load({ value: data });
             }
             else {

package/cjs/Options/Classes/BackgroundMask/BackgroundMask.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BackgroundMask = void 0;
 const BackgroundMaskCover_js_1 = require("./BackgroundMaskCover.js");
-const Utils_js_1 = require("../../../Utils/Utils.js");
+const TypeUtils_js_1 = require("../../../Utils/TypeUtils.js");
 class BackgroundMask {
     constructor() {
         this.composite = "destination-out";
@@ -17,7 +17,7 @@ class BackgroundMask {
             this.composite = data.composite;
         }
         if (data.cover !== undefined) {
-            const cover = data.cover, color = ((0, Utils_js_1.isString)(data.cover) ? { color: data.cover } : data.cover);
+            const cover = data.cover, color = ((0, TypeUtils_js_1.isString)(data.cover) ? { color: data.cover } : data.cover);
             this.cover.load(cover.color !== undefined || cover.image !== undefined ? cover : { color: color });
         }
         if (data.enable !== undefined) {

package/cjs/Options/Classes/Options.js

@@ -9,6 +9,7 @@ const Interactivity_js_1 = require("./Interactivity/Interactivity.js");
 const ManualParticle_js_1 = require("./ManualParticle.js");
 const Responsive_js_1 = require("./Responsive.js");
 const Theme_js_1 = require("./Theme/Theme.js");
+const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
 const OptionsUtils_js_1 = require("../../Utils/OptionsUtils.js");
 const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
 class Options {
@@ -87,7 +88,7 @@ class Options {
         }
         this.background.load(data.background);
         const fullScreen = data.fullScreen;
-        if ((0, Utils_js_1.isBoolean)(fullScreen)) {
+        if ((0, TypeUtils_js_1.isBoolean)(fullScreen)) {
             this.fullScreen.enable = fullScreen;
         }
         else {

package/cjs/Options/Classes/OptionsColor.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OptionsColor = void 0;
-const Utils_js_1 = require("../../Utils/Utils.js");
+const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
 class OptionsColor {
     constructor() {
         this.value = "";
@@ -10,7 +10,7 @@ class OptionsColor {
         const color = new OptionsColor();
         color.load(source);
         if (data !== undefined) {
-            if ((0, Utils_js_1.isString)(data) || (0, Utils_js_1.isArray)(data)) {
+            if ((0, TypeUtils_js_1.isString)(data) || (0, TypeUtils_js_1.isArray)(data)) {
                 color.load({ value: data });
             }
             else {

package/cjs/Options/Classes/Particles/Move/Move.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Move = void 0;
-const Utils_js_1 = require("../../../../Utils/Utils.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 const MoveAngle_js_1 = require("./MoveAngle.js");
 const MoveAttract_js_1 = require("./MoveAttract.js");
 const MoveCenter_js_1 = require("./MoveCenter.js");
@@ -37,7 +37,7 @@ class Move {
         if (!data) {
             return;
         }
-        this.angle.load((0, Utils_js_1.isNumber)(data.angle) ? { value: data.angle } : data.angle);
+        this.angle.load((0, TypeUtils_js_1.isNumber)(data.angle) ? { value: data.angle } : data.angle);
         this.attract.load(data.attract);
         this.center.load(data.center);
         if (data.decay !== undefined) {
@@ -47,7 +47,7 @@ class Move {
             this.direction = data.direction;
         }
         if (data.distance !== undefined) {
-            this.distance = (0, Utils_js_1.isNumber)(data.distance)
+            this.distance = (0, TypeUtils_js_1.isNumber)(data.distance)
                 ? {
                     horizontal: data.distance,
                     vertical: data.distance,
@@ -63,7 +63,7 @@ class Move {
         this.gravity.load(data.gravity);
         const outModes = data.outModes;
         if (outModes !== undefined) {
-            if ((0, Utils_js_1.isObject)(outModes)) {
+            if ((0, TypeUtils_js_1.isObject)(outModes)) {
                 this.outModes.load(outModes);
             }
             else {

package/cjs/Types/RangeType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Utils/CanvasUtils.js

@@ -28,7 +28,7 @@ function clear(context, dimension) {
     context.clearRect(origin.x, origin.y, dimension.width, dimension.height);
 }
 exports.clear = clear;
-async function drawParticle(data) {
+function drawParticle(data) {
     const { container, context, particle, delta, colorStyles, backgroundMask, composite, radius, opacity, shadow, transform, } = data, pos = particle.getPosition(), defaultAngle = 0, angle = particle.rotation + (particle.pathRotation ? particle.velocity.angle : defaultAngle), rotateData = {
         sin: Math.sin(angle),
         cos: Math.cos(angle),
@@ -67,14 +67,14 @@ async function drawParticle(data) {
         transformData,
         strokeWidth,
     };
-    await drawShape(drawData);
-    await drawShapeAfterDraw(drawData);
-    await drawEffect(drawData);
+    drawShape(drawData);
+    drawShapeAfterDraw(drawData);
+    drawEffect(drawData);
     context.globalCompositeOperation = "source-over";
     context.resetTransform();
 }
 exports.drawParticle = drawParticle;
-async function drawEffect(data) {
+function drawEffect(data) {
     const { container, context, particle, radius, opacity, delta, transformData } = data;
     if (!particle.effect) {
         return;
@@ -83,7 +83,7 @@ async function drawEffect(data) {
     if (!drawer) {
         return;
     }
-    await drawer.draw({
+    drawer.draw({
         context,
         particle,
         radius,
@@ -94,7 +94,7 @@ async function drawEffect(data) {
     });
 }
 exports.drawEffect = drawEffect;
-async function drawShape(data) {
+function drawShape(data) {
     const { container, context, particle, radius, opacity, delta, strokeWidth, transformData } = data, minStrokeWidth = 0;
     if (!particle.shape) {
         return;
@@ -104,7 +104,7 @@ async function drawShape(data) {
         return;
     }
     context.beginPath();
-    await drawer.draw({
+    drawer.draw({
         context,
         particle,
         radius,
@@ -124,7 +124,7 @@ async function drawShape(data) {
     }
 }
 exports.drawShape = drawShape;
-async function drawShapeAfterDraw(data) {
+function drawShapeAfterDraw(data) {
     const { container, context, particle, radius, opacity, delta, transformData } = data;
     if (!particle.shape) {
         return;
@@ -133,7 +133,7 @@ async function drawShapeAfterDraw(data) {
     if (!drawer?.afterDraw) {
         return;
     }
-    await drawer.afterDraw({
+    drawer.afterDraw({
         context,
         particle,
         radius,
@@ -144,18 +144,18 @@ async function drawShapeAfterDraw(data) {
     });
 }
 exports.drawShapeAfterDraw = drawShapeAfterDraw;
-async function drawPlugin(context, plugin, delta) {
+function drawPlugin(context, plugin, delta) {
     if (!plugin.draw) {
         return;
     }
-    await plugin.draw(context, delta);
+    plugin.draw(context, delta);
 }
 exports.drawPlugin = drawPlugin;
-async function drawParticlePlugin(context, plugin, particle, delta) {
+function drawParticlePlugin(context, plugin, particle, delta) {
     if (!plugin.drawParticle) {
         return;
     }
-    await plugin.drawParticle(context, particle, delta);
+    plugin.drawParticle(context, particle, delta);
 }
 exports.drawParticlePlugin = drawParticlePlugin;
 function alterHsl(color, type, value) {