@tsparticles/engine 3.2.2 → 3.3.0

package/cjs/Core/Container.js

@@ -43,7 +43,7 @@ class Container {
                 }
             }
         };
-        this._nextFrame = async (timestamp) => {
+        this._nextFrame = (timestamp) => {
             try {
                 if (!this._smooth &&
                     this._lastFrameTime !== undefined &&
@@ -59,7 +59,7 @@ class Container {
                     this.draw(false);
                     return;
                 }
-                await this.particles.draw(delta);
+                this.particles.draw(delta);
                 if (!this.alive()) {
                     this.destroy();
                     return;
@@ -240,14 +240,14 @@ class Container {
             return;
         }
         let refreshTime = force;
-        const frame = async (timestamp) => {
+        const frame = (timestamp) => {
             if (refreshTime) {
                 this._lastFrameTime = undefined;
                 refreshTime = false;
             }
-            await this._nextFrame(timestamp);
+            this._nextFrame(timestamp);
         };
-        this._drawAnimationFrame = requestAnimationFrame((timestamp) => void frame(timestamp));
+        this._drawAnimationFrame = requestAnimationFrame((timestamp) => frame(timestamp));
     }
     async export(type, options = {}) {
         for (const [, plugin] of this.plugins) {
@@ -319,7 +319,7 @@ class Container {
         }
         this._engine.dispatchEvent("containerInit", { container: this });
         await this.particles.init();
-        await this.particles.setDensity();
+        this.particles.setDensity();
         for (const [, plugin] of this.plugins) {
             plugin.particlesSetup?.();
         }

package/cjs/Core/Engine.js

@@ -1,27 +1,4 @@
 "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.Engine = void 0;
 const Constants_js_1 = require("./Utils/Constants.js");
@@ -76,7 +53,7 @@ class Engine {
         return res;
     }
     get version() {
-        return "3.2.2";
+        return "3.3.0";
     }
     addConfig(config) {
         const key = config.key ?? config.name ?? "default";
@@ -238,7 +215,7 @@ class Engine {
         if (!canvasEl.style.height) {
             canvasEl.style.height = "100%";
         }
-        const { Container } = await Promise.resolve().then(() => __importStar(require("./Container.js"))), newItem = new Container(this, id, currentOptions);
+        const { Container } = await import("./Container.js"), newItem = new Container(this, id, currentOptions);
         if (oldIndex >= minIndex) {
             const deleteCount = 0;
             dom.splice(oldIndex, deleteCount, newItem);

package/cjs/Core/Particle.js

@@ -178,12 +178,12 @@ class Particle {
             },
         });
     }
-    async draw(delta) {
+    draw(delta) {
         const container = this.container, canvas = container.canvas;
         for (const [, plugin] of container.plugins) {
-            await canvas.drawParticlePlugin(plugin, this, delta);
+            canvas.drawParticlePlugin(plugin, this, delta);
         }
-        await canvas.drawParticle(this, delta);
+        canvas.drawParticle(this, delta);
     }
     getFillColor() {
         return this._getRollColor(this.bubble.color ?? (0, ColorUtils_js_1.getHslFromAnimation)(this.color));
@@ -204,7 +204,7 @@ class Particle {
     getStrokeColor() {
         return this._getRollColor(this.bubble.color ?? (0, ColorUtils_js_1.getHslFromAnimation)(this.strokeColor));
     }
-    async init(id, position, overrideOptions, group) {
+    init(id, position, overrideOptions, group) {
         const container = this.container, engine = this._engine;
         this.id = id;
         this.group = group;
@@ -268,7 +268,7 @@ class Particle {
         if (pathOptions.generator) {
             this.pathGenerator = this._engine.getPathGenerator(pathOptions.generator);
             if (this.pathGenerator && container.addPath(pathOptions.generator, this.pathGenerator)) {
-                await this.pathGenerator.init(container);
+                this.pathGenerator.init(container);
             }
         }
         container.retina.initParticle(this);
@@ -297,7 +297,7 @@ class Particle {
             }
         }
         if (effectDrawer?.loadEffect) {
-            await effectDrawer.loadEffect(this);
+            effectDrawer.loadEffect(this);
         }
         let shapeDrawer = container.shapeDrawers.get(this.shape);
         if (!shapeDrawer) {
@@ -307,7 +307,7 @@ class Particle {
             }
         }
         if (shapeDrawer?.loadShape) {
-            await shapeDrawer.loadShape(this);
+            shapeDrawer.loadShape(this);
         }
         const sideCountFunc = shapeDrawer?.getSidesCount;
         if (sideCountFunc) {
@@ -316,13 +316,13 @@ class Particle {
         this.spawning = false;
         this.shadowColor = (0, ColorUtils_js_1.rangeColorToRgb)(this.options.shadow.color);
         for (const updater of particles.updaters) {
-            await updater.init(this);
+            updater.init(this);
         }
         for (const mover of particles.movers) {
-            await mover.init?.(this);
+            mover.init?.(this);
         }
-        await effectDrawer?.particleInit?.(container, this);
-        await shapeDrawer?.particleInit?.(container, this);
+        effectDrawer?.particleInit?.(container, this);
+        shapeDrawer?.particleInit?.(container, this);
         for (const [, plugin] of container.plugins) {
             plugin.particleCreated?.(this);
         }

package/cjs/Core/Particles.js

@@ -1,31 +1,9 @@
 "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 Ranges_js_1 = require("./Utils/Ranges.js");
@@ -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/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/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) {