@tsparticles/engine 3.9.1 → 4.0.0-alpha.1

package/cjs/Core/Interfaces/IParticleLife.js

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

package/cjs/Core/Interfaces/IParticleMover.js

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

package/cjs/Core/Interfaces/IParticleRetinaProps.js

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

package/cjs/Core/Interfaces/IParticleRoll.js

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

package/cjs/Core/Interfaces/IParticleTransformValues.js

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

package/cjs/Core/Interfaces/IParticleUpdater.js

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

package/cjs/Core/Interfaces/IParticleValueAnimation.js

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

package/cjs/Core/Interfaces/IParticlesInteractor.js

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

package/cjs/Core/Interfaces/IPlugin.js

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

package/cjs/Core/Interfaces/IPositionFromSizeParams.js

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

package/cjs/Core/Interfaces/IRangeValue.js

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

package/cjs/Core/Interfaces/IShapeDrawData.js

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

package/cjs/Core/Interfaces/IShapeDrawer.js

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

package/cjs/Core/Interfaces/IShapeValues.js

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

package/cjs/Core/Interfaces/ISlowParticleData.js

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

package/cjs/Core/Particle.js

@@ -1,44 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Particle = void 0;
-const Vectors_js_1 = require("./Utils/Vectors.js");
-const NumberUtils_js_1 = require("../Utils/NumberUtils.js");
-const Constants_js_1 = require("./Utils/Constants.js");
-const Utils_js_1 = require("../Utils/Utils.js");
-const ColorUtils_js_1 = require("../Utils/ColorUtils.js");
-const EventType_js_1 = require("../Enums/Types/EventType.js");
-const Interactivity_js_1 = require("../Options/Classes/Interactivity/Interactivity.js");
-const MoveDirection_js_1 = require("../Enums/Directions/MoveDirection.js");
-const OutMode_js_1 = require("../Enums/Modes/OutMode.js");
-const ParticleOutType_js_1 = require("../Enums/Types/ParticleOutType.js");
-const PixelMode_js_1 = require("../Enums/Modes/PixelMode.js");
-const CanvasUtils_js_1 = require("../Utils/CanvasUtils.js");
-const OptionsUtils_js_1 = require("../Utils/OptionsUtils.js");
+import { Vector, Vector3d } from "./Utils/Vectors.js";
+import { calcExactPositionOrRandomFromSize, clamp, degToRad, getParticleBaseVelocity, getParticleDirectionAngle, getRandom, getRangeValue, randomInRangeValue, setRangeValue, } from "../Utils/MathUtils.js";
+import { decayOffset, defaultAngle, defaultRetryCount, double, half, millisecondsToSeconds, minZ, none, randomColorValue, rollFactor, squareExp, tryCountIncrement, } from "./Utils/Constants.js";
+import { deepExtend, getPosition, initParticleNumericAnimationValue, isInArray, itemFromSingleOrMultiple, } from "../Utils/Utils.js";
+import { EventType } from "../Enums/Types/EventType.js";
+import { Interactivity } from "../Options/Classes/Interactivity/Interactivity.js";
+import { MoveDirection } from "../Enums/Directions/MoveDirection.js";
+import { OutMode } from "../Enums/Modes/OutMode.js";
+import { ParticleOutType } from "../Enums/Types/ParticleOutType.js";
+import { alterHsl } from "../Utils/CanvasUtils.js";
+import { getHslFromAnimation } from "../Utils/ColorUtils.js";
+import { loadParticlesOptions } from "../Utils/OptionsUtils.js";
 function loadEffectData(effect, effectOptions, id, reduceDuplicates) {
     const effectData = effectOptions.options[effect];
-    if (!effectData) {
-        return;
-    }
-    return (0, Utils_js_1.deepExtend)({
+    return deepExtend({
         close: effectOptions.close,
         fill: effectOptions.fill,
-    }, (0, Utils_js_1.itemFromSingleOrMultiple)(effectData, id, reduceDuplicates));
+    }, itemFromSingleOrMultiple(effectData, id, reduceDuplicates));
 }
 function loadShapeData(shape, shapeOptions, id, reduceDuplicates) {
     const shapeData = shapeOptions.options[shape];
-    if (!shapeData) {
-        return;
-    }
-    return (0, Utils_js_1.deepExtend)({
+    return deepExtend({
         close: shapeOptions.close,
         fill: shapeOptions.fill,
-    }, (0, Utils_js_1.itemFromSingleOrMultiple)(shapeData, id, reduceDuplicates));
+    }, itemFromSingleOrMultiple(shapeData, id, reduceDuplicates));
 }
 function fixOutMode(data) {
-    if (!(0, Utils_js_1.isInArray)(data.outMode, data.checkModes)) {
+    if (!isInArray(data.outMode, data.checkModes)) {
         return;
     }
-    const diameter = data.radius * Constants_js_1.double;
+    const diameter = data.radius * double;
     if (data.coord > data.maxCoord - diameter) {
         data.setCb(-data.radius);
     }
@@ -46,23 +36,24 @@ function fixOutMode(data) {
         data.setCb(data.radius);
     }
 }
-class Particle {
+export class Particle {
     constructor(engine, container) {
         this.container = container;
-        this._calcPosition = (container, position, zIndex, tryCount = Constants_js_1.defaultRetryCount) => {
-            for (const plugin of container.plugins.values()) {
-                const pluginPos = plugin.particlePosition !== undefined ? plugin.particlePosition(position, this) : undefined;
+        this._calcPosition = (container, position, zIndex, tryCount = defaultRetryCount) => {
+            const plugins = container.plugins.values();
+            for (const plugin of plugins) {
+                const pluginPos = plugin.particlePosition?.(position, this);
                 if (pluginPos) {
-                    return Vectors_js_1.Vector3d.create(pluginPos.x, pluginPos.y, zIndex);
+                    return Vector3d.create(pluginPos.x, pluginPos.y, zIndex);
                 }
             }
-            const canvasSize = container.canvas.size, exactPosition = (0, NumberUtils_js_1.calcExactPositionOrRandomFromSize)({
+            const canvasSize = container.canvas.size, exactPosition = calcExactPositionOrRandomFromSize({
                 size: canvasSize,
                 position: position,
-            }), pos = Vectors_js_1.Vector3d.create(exactPosition.x, exactPosition.y, zIndex), radius = this.getRadius(), outModes = this.options.move.outModes, fixHorizontal = (outMode) => {
+            }), pos = Vector3d.create(exactPosition.x, exactPosition.y, zIndex), radius = this.getRadius(), outModes = this.options.move.outModes, fixHorizontal = (outMode) => {
                 fixOutMode({
                     outMode,
-                    checkModes: [OutMode_js_1.OutMode.bounce],
+                    checkModes: [OutMode.bounce],
                     coord: pos.x,
                     maxCoord: container.canvas.size.width,
                     setCb: (value) => (pos.x += value),
@@ -71,7 +62,7 @@ class Particle {
             }, fixVertical = (outMode) => {
                 fixOutMode({
                     outMode,
-                    checkModes: [OutMode_js_1.OutMode.bounce],
+                    checkModes: [OutMode.bounce],
                     coord: pos.y,
                     maxCoord: container.canvas.size.height,
                     setCb: (value) => (pos.y += value),
@@ -82,48 +73,40 @@ class Particle {
             fixHorizontal(outModes.right ?? outModes.default);
             fixVertical(outModes.top ?? outModes.default);
             fixVertical(outModes.bottom ?? outModes.default);
-            if (this._checkOverlap(pos, tryCount)) {
-                return this._calcPosition(container, undefined, zIndex, tryCount + Constants_js_1.tryCountIncrement);
+            let isValidPosition = true;
+            for (const plugin of plugins) {
+                isValidPosition = plugin.checkParticlePosition?.(this, pos, tryCount);
+                if (isValidPosition === false) {
+                    break;
+                }
+            }
+            if (!isValidPosition) {
+                return this._calcPosition(container, undefined, zIndex, tryCount + tryCountIncrement);
             }
             return pos;
         };
         this._calculateVelocity = () => {
-            const baseVelocity = (0, NumberUtils_js_1.getParticleBaseVelocity)(this.direction), res = baseVelocity.copy(), moveOptions = this.options.move;
-            if (moveOptions.direction === MoveDirection_js_1.MoveDirection.inside || moveOptions.direction === MoveDirection_js_1.MoveDirection.outside) {
+            const baseVelocity = getParticleBaseVelocity(this.direction), res = baseVelocity.copy(), moveOptions = this.options.move;
+            if (moveOptions.direction === MoveDirection.inside || moveOptions.direction === MoveDirection.outside) {
                 return res;
             }
-            const rad = (0, NumberUtils_js_1.degToRad)((0, NumberUtils_js_1.getRangeValue)(moveOptions.angle.value)), radOffset = (0, NumberUtils_js_1.degToRad)((0, NumberUtils_js_1.getRangeValue)(moveOptions.angle.offset)), range = {
-                left: radOffset - rad * Constants_js_1.half,
-                right: radOffset + rad * Constants_js_1.half,
+            const rad = degToRad(getRangeValue(moveOptions.angle.value)), radOffset = degToRad(getRangeValue(moveOptions.angle.offset)), range = {
+                left: radOffset - rad * half,
+                right: radOffset + rad * half,
             };
             if (!moveOptions.straight) {
-                res.angle += (0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(range.left, range.right));
+                res.angle += randomInRangeValue(setRangeValue(range.left, range.right));
             }
             if (moveOptions.random && typeof moveOptions.speed === "number") {
-                res.length *= (0, NumberUtils_js_1.getRandom)();
+                res.length *= getRandom();
             }
             return res;
         };
-        this._checkOverlap = (pos, tryCount = Constants_js_1.defaultRetryCount) => {
-            const collisionsOptions = this.options.collisions, radius = this.getRadius();
-            if (!collisionsOptions.enable) {
-                return false;
-            }
-            const overlapOptions = collisionsOptions.overlap;
-            if (overlapOptions.enable) {
-                return false;
-            }
-            const retries = overlapOptions.retries;
-            if (retries >= Constants_js_1.minRetries && tryCount > retries) {
-                throw new Error(`${Constants_js_1.errorPrefix} particle is overlapping and can't be placed`);
-            }
-            return !!this.container.particles.find(particle => (0, NumberUtils_js_1.getDistance)(pos, particle.position) < radius + particle.getRadius());
-        };
         this._getRollColor = color => {
             if (!color || !this.roll || (!this.backColor && !this.roll.alter)) {
                 return color;
             }
-            const backFactor = this.roll.horizontal && this.roll.vertical ? Constants_js_1.double * Constants_js_1.rollFactor : Constants_js_1.rollFactor, backSum = this.roll.horizontal ? Math.PI * Constants_js_1.half : Constants_js_1.none, rolled = Math.floor(((this.roll.angle ?? Constants_js_1.none) + backSum) / (Math.PI / backFactor)) % Constants_js_1.double;
+            const backFactor = this.roll.horizontal && this.roll.vertical ? double * rollFactor : rollFactor, backSum = this.roll.horizontal ? Math.PI * half : none, rolled = Math.floor((this.roll.angle + backSum) / (Math.PI / backFactor)) % double;
             if (!rolled) {
                 return color;
             }
@@ -131,30 +114,30 @@ class Particle {
                 return this.backColor;
             }
             if (this.roll.alter) {
-                return (0, CanvasUtils_js_1.alterHsl)(color, this.roll.alter.type, this.roll.alter.value);
+                return alterHsl(color, this.roll.alter.type, this.roll.alter.value);
             }
             return color;
         };
         this._initPosition = position => {
-            const container = this.container, zIndexValue = (0, NumberUtils_js_1.getRangeValue)(this.options.zIndex.value);
-            this.position = this._calcPosition(container, position, (0, NumberUtils_js_1.clamp)(zIndexValue, Constants_js_1.minZ, container.zLayers));
+            const container = this.container, zIndexValue = getRangeValue(this.options.zIndex.value);
+            this.position = this._calcPosition(container, position, clamp(zIndexValue, minZ, container.zLayers));
             this.initialPosition = this.position.copy();
             const canvasSize = container.canvas.size;
             this.moveCenter = {
-                ...(0, Utils_js_1.getPosition)(this.options.move.center, canvasSize),
-                radius: this.options.move.center.radius ?? Constants_js_1.defaultRadius,
-                mode: this.options.move.center.mode ?? PixelMode_js_1.PixelMode.percent,
+                ...getPosition(this.options.move.center, canvasSize),
+                radius: this.options.move.center.radius,
+                mode: this.options.move.center.mode,
             };
-            this.direction = (0, NumberUtils_js_1.getParticleDirectionAngle)(this.options.move.direction, this.position, this.moveCenter);
+            this.direction = getParticleDirectionAngle(this.options.move.direction, this.position, this.moveCenter);
             switch (this.options.move.direction) {
-                case MoveDirection_js_1.MoveDirection.inside:
-                    this.outType = ParticleOutType_js_1.ParticleOutType.inside;
+                case MoveDirection.inside:
+                    this.outType = ParticleOutType.inside;
                     break;
-                case MoveDirection_js_1.MoveDirection.outside:
-                    this.outType = ParticleOutType_js_1.ParticleOutType.outside;
+                case MoveDirection.outside:
+                    this.outType = ParticleOutType.outside;
                     break;
             }
-            this.offset = Vectors_js_1.Vector.origin;
+            this.offset = Vector.origin;
         };
         this._engine = engine;
     }
@@ -165,7 +148,7 @@ class Particle {
         this.destroyed = true;
         this.bubble.inRange = false;
         this.slow.inRange = false;
-        const container = this.container, pathGenerator = this.pathGenerator, shapeDrawer = container.shapeDrawers.get(this.shape);
+        const container = this.container, pathGenerator = this.pathGenerator, shapeDrawer = this.shape ? container.shapeDrawers.get(this.shape) : undefined;
         shapeDrawer?.particleDestroy?.(this);
         for (const plugin of container.plugins.values()) {
             plugin.particleDestroyed?.(this, override);
@@ -174,7 +157,7 @@ class Particle {
             updater.particleDestroyed?.(this, override);
         }
         pathGenerator?.reset(this);
-        this._engine.dispatchEvent(EventType_js_1.EventType.particleDestroyed, {
+        this._engine.dispatchEvent(EventType.particleDestroyed, {
             container: this.container,
             data: {
                 particle: this,
@@ -188,11 +171,14 @@ class Particle {
         }
         canvas.drawParticle(this, delta);
     }
+    getAngle() {
+        return this.rotation + (this.pathRotation ? this.velocity.angle : defaultAngle);
+    }
     getFillColor() {
-        return this._getRollColor(this.bubble.color ?? (0, ColorUtils_js_1.getHslFromAnimation)(this.color));
+        return this._getRollColor(this.bubble.color ?? getHslFromAnimation(this.color));
     }
     getMass() {
-        return this.getRadius() ** Constants_js_1.squareExp * Math.PI * Constants_js_1.half;
+        return this.getRadius() ** squareExp * Math.PI * half;
     }
     getPosition() {
         return {
@@ -205,7 +191,7 @@ class Particle {
         return this.bubble.radius ?? this.size.value;
     }
     getStrokeColor() {
-        return this._getRollColor(this.bubble.color ?? (0, ColorUtils_js_1.getHslFromAnimation)(this.strokeColor));
+        return this._getRollColor(this.bubble.color ?? getHslFromAnimation(this.strokeColor));
     }
     init(id, position, overrideOptions, group) {
         const container = this.container, engine = this._engine;
@@ -225,38 +211,40 @@ class Particle {
         this.retina = {
             maxDistance: {},
         };
-        this.outType = ParticleOutType_js_1.ParticleOutType.normal;
+        this.outType = ParticleOutType.normal;
         this.ignoresResizeRatio = true;
-        const pxRatio = container.retina.pixelRatio, mainOptions = container.actualOptions, particlesOptions = (0, OptionsUtils_js_1.loadParticlesOptions)(this._engine, container, mainOptions.particles), { reduceDuplicates } = particlesOptions, effectType = particlesOptions.effect.type, shapeType = particlesOptions.shape.type;
-        this.effect = (0, Utils_js_1.itemFromSingleOrMultiple)(effectType, this.id, reduceDuplicates);
-        this.shape = (0, Utils_js_1.itemFromSingleOrMultiple)(shapeType, this.id, reduceDuplicates);
+        const pxRatio = container.retina.pixelRatio, mainOptions = container.actualOptions, particlesOptions = loadParticlesOptions(this._engine, container, mainOptions.particles), reduceDuplicates = particlesOptions.reduceDuplicates, effectType = particlesOptions.effect.type, shapeType = particlesOptions.shape.type;
+        this.effect = itemFromSingleOrMultiple(effectType, this.id, reduceDuplicates);
+        this.shape = itemFromSingleOrMultiple(shapeType, this.id, reduceDuplicates);
         const effectOptions = particlesOptions.effect, shapeOptions = particlesOptions.shape;
         if (overrideOptions) {
             if (overrideOptions.effect?.type) {
-                const overrideEffectType = overrideOptions.effect.type, effect = (0, Utils_js_1.itemFromSingleOrMultiple)(overrideEffectType, this.id, reduceDuplicates);
+                const overrideEffectType = overrideOptions.effect.type, effect = itemFromSingleOrMultiple(overrideEffectType, this.id, reduceDuplicates);
                 if (effect) {
                     this.effect = effect;
                     effectOptions.load(overrideOptions.effect);
                 }
             }
             if (overrideOptions.shape?.type) {
-                const overrideShapeType = overrideOptions.shape.type, shape = (0, Utils_js_1.itemFromSingleOrMultiple)(overrideShapeType, this.id, reduceDuplicates);
+                const overrideShapeType = overrideOptions.shape.type, shape = itemFromSingleOrMultiple(overrideShapeType, this.id, reduceDuplicates);
                 if (shape) {
                     this.shape = shape;
                     shapeOptions.load(overrideOptions.shape);
                 }
             }
         }
-        if (this.effect === Constants_js_1.randomColorValue) {
+        if (this.effect === randomColorValue) {
             const availableEffects = [...this.container.effectDrawers.keys()];
-            this.effect = availableEffects[Math.floor((0, NumberUtils_js_1.getRandom)() * availableEffects.length)];
+            this.effect = availableEffects[Math.floor(getRandom() * availableEffects.length)];
         }
-        if (this.shape === Constants_js_1.randomColorValue) {
+        if (this.shape === randomColorValue) {
             const availableShapes = [...this.container.shapeDrawers.keys()];
-            this.shape = availableShapes[Math.floor((0, NumberUtils_js_1.getRandom)() * availableShapes.length)];
+            this.shape = availableShapes[Math.floor(getRandom() * availableShapes.length)];
         }
-        this.effectData = loadEffectData(this.effect, effectOptions, this.id, reduceDuplicates);
-        this.shapeData = loadShapeData(this.shape, shapeOptions, this.id, reduceDuplicates);
+        this.effectData = this.effect
+            ? loadEffectData(this.effect, effectOptions, this.id, reduceDuplicates)
+            : undefined;
+        this.shapeData = this.shape ? loadShapeData(this.shape, shapeOptions, this.id, reduceDuplicates) : undefined;
         particlesOptions.load(overrideOptions);
         const effectData = this.effectData;
         if (effectData) {
@@ -266,7 +254,7 @@ class Particle {
         if (shapeData) {
             particlesOptions.load(shapeData.particles);
         }
-        const interactivity = new Interactivity_js_1.Interactivity(engine, container);
+        const interactivity = new Interactivity(engine, container);
         interactivity.load(container.actualOptions.interactivity);
         interactivity.load(particlesOptions.interactivity);
         this.interactivity = interactivity;
@@ -276,7 +264,7 @@ class Particle {
         this.shapeClose = shapeData?.close ?? particlesOptions.shape.close;
         this.options = particlesOptions;
         const pathOptions = this.options.move.path;
-        this.pathDelay = (0, NumberUtils_js_1.getRangeValue)(pathOptions.delay.value) * Constants_js_1.millisecondsToSeconds;
+        this.pathDelay = getRangeValue(pathOptions.delay.value) * millisecondsToSeconds;
         if (pathOptions.generator) {
             this.pathGenerator = this._engine.getPathGenerator(pathOptions.generator);
             if (this.pathGenerator && container.addPath(pathOptions.generator, this.pathGenerator)) {
@@ -284,7 +272,7 @@ class Particle {
             }
         }
         container.retina.initParticle(this);
-        this.size = (0, Utils_js_1.initParticleNumericAnimationValue)(this.options.size, pxRatio);
+        this.size = initParticleNumericAnimationValue(this.options.size, pxRatio);
         this.bubble = {
             inRange: false,
         };
@@ -295,26 +283,31 @@ class Particle {
         this._initPosition(position);
         this.initialVelocity = this._calculateVelocity();
         this.velocity = this.initialVelocity.copy();
-        this.moveDecay = Constants_js_1.decayOffset - (0, NumberUtils_js_1.getRangeValue)(this.options.move.decay);
+        this.moveDecay = decayOffset - getRangeValue(this.options.move.decay);
         const particles = container.particles;
         particles.setLastZIndex(this.position.z);
         this.zIndexFactor = this.position.z / container.zLayers;
         this.sides = 24;
-        let effectDrawer = container.effectDrawers.get(this.effect);
-        if (!effectDrawer) {
-            effectDrawer = this._engine.getEffectDrawer(this.effect);
-            if (effectDrawer) {
-                container.effectDrawers.set(this.effect, effectDrawer);
+        let effectDrawer, shapeDrawer;
+        if (this.effect) {
+            effectDrawer = container.effectDrawers.get(this.effect);
+            if (!effectDrawer) {
+                effectDrawer = this._engine.getEffectDrawer(this.effect);
+                if (effectDrawer) {
+                    container.effectDrawers.set(this.effect, effectDrawer);
+                }
             }
         }
         if (effectDrawer?.loadEffect) {
             effectDrawer.loadEffect(this);
         }
-        let shapeDrawer = container.shapeDrawers.get(this.shape);
-        if (!shapeDrawer) {
-            shapeDrawer = this._engine.getShapeDrawer(this.shape);
-            if (shapeDrawer) {
-                container.shapeDrawers.set(this.shape, shapeDrawer);
+        if (this.shape) {
+            shapeDrawer = container.shapeDrawers.get(this.shape);
+            if (!shapeDrawer) {
+                shapeDrawer = this._engine.getShapeDrawer(this.shape);
+                if (shapeDrawer) {
+                    container.shapeDrawers.set(this.shape, shapeDrawer);
+                }
             }
         }
         if (shapeDrawer?.loadShape) {
@@ -325,12 +318,11 @@ class Particle {
             this.sides = sideCountFunc(this);
         }
         this.spawning = false;
-        this.shadowColor = (0, ColorUtils_js_1.rangeColorToRgb)(this._engine, this.options.shadow.color);
         for (const updater of particles.updaters) {
             updater.init(this);
         }
         for (const mover of particles.movers) {
-            mover.init?.(this);
+            mover.init(this);
         }
         effectDrawer?.particleInit?.(container, this);
         shapeDrawer?.particleInit?.(container, this);
@@ -354,4 +346,3 @@ class Particle {
         }
     }
 }
-exports.Particle = Particle;