@tsparticles/engine 3.0.3 → 3.1.0

package/umd/Core/Particle.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../Utils/NumberUtils.js", "../Utils/Utils.js", "../Utils/ColorUtils.js", "../Options/Classes/Interactivity/Interactivity.js", "./Utils/Vector.js", "./Utils/Vector3d.js", "../Utils/CanvasUtils.js", "./Utils/Constants.js", "../Utils/OptionsUtils.js"], factory);
+        define(["require", "exports", "../Utils/NumberUtils.js", "../Utils/Utils.js", "./Utils/Constants.js", "../Utils/ColorUtils.js", "../Options/Classes/Interactivity/Interactivity.js", "./Utils/Vector.js", "./Utils/Vector3d.js", "../Utils/CanvasUtils.js", "../Utils/OptionsUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -12,13 +12,14 @@
     exports.Particle = void 0;
     const NumberUtils_js_1 = require("../Utils/NumberUtils.js");
     const Utils_js_1 = require("../Utils/Utils.js");
+    const Constants_js_1 = require("./Utils/Constants.js");
     const ColorUtils_js_1 = require("../Utils/ColorUtils.js");
     const Interactivity_js_1 = require("../Options/Classes/Interactivity/Interactivity.js");
     const Vector_js_1 = require("./Utils/Vector.js");
     const Vector3d_js_1 = require("./Utils/Vector3d.js");
     const CanvasUtils_js_1 = require("../Utils/CanvasUtils.js");
-    const Constants_js_1 = require("./Utils/Constants.js");
     const OptionsUtils_js_1 = require("../Utils/OptionsUtils.js");
+    const defaultRetryCount = 0, double = 2, half = 0.5, squareExp = 2;
     function loadEffectData(effect, effectOptions, id, reduceDuplicates) {
         const effectData = effectOptions.options[effect];
         if (!effectData) {
@@ -43,7 +44,7 @@
         if (!(0, Utils_js_1.isInArray)(data.outMode, data.checkModes)) {
             return;
         }
-        const diameter = data.radius * 2;
+        const diameter = data.radius * double;
         if (data.coord > data.maxCoord - diameter) {
             data.setCb(-data.radius);
         }
@@ -54,7 +55,7 @@
     class Particle {
         constructor(engine, id, container, position, overrideOptions, group) {
             this.container = container;
-            this._calcPosition = (container, position, zIndex, tryCount = 0) => {
+            this._calcPosition = (container, position, zIndex, tryCount = defaultRetryCount) => {
                 for (const [, plugin] of container.plugins) {
                     const pluginPos = plugin.particlePosition !== undefined ? plugin.particlePosition(position, this) : undefined;
                     if (pluginPos) {
@@ -88,7 +89,8 @@
                 fixVertical(outModes.top ?? outModes.default);
                 fixVertical(outModes.bottom ?? outModes.default);
                 if (this._checkOverlap(pos, tryCount)) {
-                    return this._calcPosition(container, undefined, zIndex, tryCount + 1);
+                    const increment = 1;
+                    return this._calcPosition(container, undefined, zIndex, tryCount + increment);
                 }
                 return pos;
             };
@@ -97,9 +99,9 @@
                 if (moveOptions.direction === "inside" || moveOptions.direction === "outside") {
                     return res;
                 }
-                const rad = (Math.PI / 180) * (0, NumberUtils_js_1.getRangeValue)(moveOptions.angle.value), radOffset = (Math.PI / 180) * (0, NumberUtils_js_1.getRangeValue)(moveOptions.angle.offset), range = {
-                    left: radOffset - rad * 0.5,
-                    right: radOffset + rad * 0.5,
+                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 * half,
+                    right: radOffset + rad * half,
                 };
                 if (!moveOptions.straight) {
                     res.angle += (0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(range.left, range.right));
@@ -109,7 +111,7 @@
                 }
                 return res;
             };
-            this._checkOverlap = (pos, tryCount = 0) => {
+            this._checkOverlap = (pos, tryCount = defaultRetryCount) => {
                 const collisionsOptions = this.options.collisions, radius = this.getRadius();
                 if (!collisionsOptions.enable) {
                     return false;
@@ -118,8 +120,8 @@
                 if (overlapOptions.enable) {
                     return false;
                 }
-                const retries = overlapOptions.retries;
-                if (retries >= 0 && tryCount > retries) {
+                const retries = overlapOptions.retries, minRetries = 0;
+                if (retries >= 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());
@@ -128,7 +130,7 @@
                 if (!color || !this.roll || (!this.backColor && !this.roll.alter)) {
                     return color;
                 }
-                const backFactor = this.roll.horizontal && this.roll.vertical ? 2 : 1, backSum = this.roll.horizontal ? Math.PI * 0.5 : 0, rolled = Math.floor(((this.roll.angle ?? 0) + backSum) / (Math.PI / backFactor)) % 2;
+                const rollFactor = 1, none = 0, backFactor = this.roll.horizontal && this.roll.vertical ? double * rollFactor : rollFactor, backSum = this.roll.horizontal ? Math.PI * half : none, rolled = Math.floor(((this.roll.angle ?? none) + backSum) / (Math.PI / backFactor)) % double;
                 if (!rolled) {
                     return color;
                 }
@@ -141,13 +143,13 @@
                 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, 0, container.zLayers));
+                const container = this.container, zIndexValue = (0, NumberUtils_js_1.getRangeValue)(this.options.zIndex.value), minZ = 0;
+                this.position = this._calcPosition(container, position, (0, NumberUtils_js_1.clamp)(zIndexValue, minZ, container.zLayers));
                 this.initialPosition = this.position.copy();
-                const canvasSize = container.canvas.size;
+                const canvasSize = container.canvas.size, defaultRadius = 0;
                 this.moveCenter = {
                     ...(0, Utils_js_1.getPosition)(this.options.move.center, canvasSize),
-                    radius: this.options.move.center.radius ?? 0,
+                    radius: this.options.move.center.radius ?? defaultRadius,
                     mode: this.options.move.center.mode ?? "percent",
                 };
                 this.direction = (0, NumberUtils_js_1.getParticleDirectionAngle)(this.options.move.direction, this.position, this.moveCenter);
@@ -172,14 +174,14 @@
             this.bubble.inRange = false;
             this.slow.inRange = false;
             const container = this.container, pathGenerator = this.pathGenerator, shapeDrawer = container.shapeDrawers.get(this.shape);
-            shapeDrawer && shapeDrawer.particleDestroy && shapeDrawer.particleDestroy(this);
+            shapeDrawer?.particleDestroy?.(this);
             for (const [, plugin] of container.plugins) {
-                plugin.particleDestroyed && plugin.particleDestroyed(this, override);
+                plugin.particleDestroyed?.(this, override);
             }
             for (const updater of container.particles.updaters) {
-                updater.particleDestroyed && updater.particleDestroyed(this, override);
+                updater.particleDestroyed?.(this, override);
             }
-            pathGenerator && pathGenerator.reset(this);
+            pathGenerator?.reset(this);
             this._engine.dispatchEvent("particleDestroyed", {
                 container: this.container,
                 data: {
@@ -198,7 +200,7 @@
             return this._getRollColor(this.bubble.color ?? (0, ColorUtils_js_1.getHslFromAnimation)(this.color));
         }
         getMass() {
-            return this.getRadius() ** 2 * Math.PI * 0.5;
+            return this.getRadius() ** squareExp * Math.PI * half;
         }
         getPosition() {
             return {
@@ -237,14 +239,14 @@
             this.shape = (0, Utils_js_1.itemFromSingleOrMultiple)(shapeType, this.id, reduceDuplicates);
             const effectOptions = particlesOptions.effect, shapeOptions = particlesOptions.shape;
             if (overrideOptions) {
-                if (overrideOptions.effect && overrideOptions.effect.type) {
+                if (overrideOptions.effect?.type) {
                     const overrideEffectType = overrideOptions.effect.type, effect = (0, Utils_js_1.itemFromSingleOrMultiple)(overrideEffectType, this.id, reduceDuplicates);
                     if (effect) {
                         this.effect = effect;
                         effectOptions.load(overrideOptions.effect);
                     }
                 }
-                if (overrideOptions.shape && overrideOptions.shape.type) {
+                if (overrideOptions.shape?.type) {
                     const overrideShapeType = overrideOptions.shape.type, shape = (0, Utils_js_1.itemFromSingleOrMultiple)(overrideShapeType, this.id, reduceDuplicates);
                     if (shape) {
                         this.shape = shape;
@@ -273,7 +275,7 @@
             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) * 1000;
+            this.pathDelay = (0, NumberUtils_js_1.getRangeValue)(pathOptions.delay.value) * Constants_js_1.millisecondsToSeconds;
             if (pathOptions.generator) {
                 this.pathGenerator = this._engine.getPathGenerator(pathOptions.generator);
                 if (this.pathGenerator && container.addPath(pathOptions.generator, this.pathGenerator)) {
@@ -292,7 +294,8 @@
             this._initPosition(position);
             this.initialVelocity = this._calculateVelocity();
             this.velocity = this.initialVelocity.copy();
-            this.moveDecay = 1 - (0, NumberUtils_js_1.getRangeValue)(this.options.move.decay);
+            const decayOffset = 1;
+            this.moveDecay = decayOffset - (0, NumberUtils_js_1.getRangeValue)(this.options.move.decay);
             const particles = container.particles;
             particles.setLastZIndex(this.position.z);
             this.zIndexFactor = this.position.z / container.zLayers;
@@ -304,7 +307,7 @@
                     container.effectDrawers.set(this.effect, effectDrawer);
                 }
             }
-            if (effectDrawer && effectDrawer.loadEffect) {
+            if (effectDrawer?.loadEffect) {
                 effectDrawer.loadEffect(this);
             }
             let shapeDrawer = container.shapeDrawers.get(this.shape);
@@ -314,7 +317,7 @@
                     container.shapeDrawers.set(this.shape, shapeDrawer);
                 }
             }
-            if (shapeDrawer && shapeDrawer.loadShape) {
+            if (shapeDrawer?.loadShape) {
                 shapeDrawer.loadShape(this);
             }
             const sideCountFunc = shapeDrawer?.getSidesCount;
@@ -327,16 +330,12 @@
                 updater.init(this);
             }
             for (const mover of particles.movers) {
-                mover.init && mover.init(this);
-            }
-            if (effectDrawer && effectDrawer.particleInit) {
-                effectDrawer.particleInit(container, this);
-            }
-            if (shapeDrawer && shapeDrawer.particleInit) {
-                shapeDrawer.particleInit(container, this);
+                mover.init?.(this);
             }
+            effectDrawer?.particleInit?.(container, this);
+            shapeDrawer?.particleInit?.(container, this);
             for (const [, plugin] of container.plugins) {
-                plugin.particleCreated && plugin.particleCreated(this);
+                plugin.particleCreated?.(this);
             }
         }
         isInsideCanvas() {
@@ -351,7 +350,7 @@
         }
         reset() {
             for (const updater of this.container.particles.updaters) {
-                updater.reset && updater.reset(this);
+                updater.reset?.(this);
             }
         }
     }

package/umd/Core/Particles.js

@@ -17,7 +17,7 @@
     const QuadTree_js_1 = require("./Utils/QuadTree.js");
     const Rectangle_js_1 = require("./Utils/Rectangle.js");
     const Constants_js_1 = require("./Utils/Constants.js");
-    const qTreeCapacity = 4;
+    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);
@@ -40,7 +40,7 @@
                     }
                     return;
                 }
-                const densityFactor = this._initDensityFactor(numberOptions.density), optParticlesNumber = numberOptions.value, optParticlesLimit = numberOptions.limit.value > 0 ? numberOptions.limit.value : optParticlesNumber, particlesNumber = Math.min(optParticlesNumber, optParticlesLimit) * densityFactor + manualCount, particlesCount = Math.min(this.count, this.filter((t) => t.group === group).length);
+                const densityFactor = this._initDensityFactor(numberOptions.density), optParticlesNumber = numberOptions.value, minLimit = 0, optParticlesLimit = numberOptions.limit.value > minLimit ? numberOptions.limit.value : optParticlesNumber, particlesNumber = Math.min(optParticlesNumber, optParticlesLimit) * densityFactor + manualCount, particlesCount = Math.min(this.count, this.filter((t) => t.group === group).length);
                 if (group === undefined) {
                     this._limit = numberOptions.limit.value * densityFactor;
                 }
@@ -55,12 +55,12 @@
                 }
             };
             this._initDensityFactor = (densityOptions) => {
-                const container = this._container;
+                const container = this._container, defaultFactor = 1;
                 if (!container.canvas.element || !densityOptions.enable) {
-                    return 1;
+                    return defaultFactor;
                 }
                 const canvas = container.canvas.element, pxRatio = container.retina.pixelRatio;
-                return (canvas.width * canvas.height) / (densityOptions.height * densityOptions.width * pxRatio ** 2);
+                return (canvas.width * canvas.height) / (densityOptions.height * densityOptions.width * pxRatio ** squareExp);
             };
             this._pushParticle = (position, overrideOptions, group, initializer) => {
                 try {
@@ -91,7 +91,6 @@
                 }
                 catch (e) {
                     (0, Utils_js_1.getLogger)().warning(`${Constants_js_1.errorPrefix} adding particle: ${e}`);
-                    return;
                 }
             };
             this._removeParticle = (index, group, override) => {
@@ -99,9 +98,9 @@
                 if (!particle || particle.group !== group) {
                     return false;
                 }
-                const zIdx = this._zArray.indexOf(particle);
-                this._array.splice(index, 1);
-                this._zArray.splice(zIdx, 1);
+                const zIdx = this._zArray.indexOf(particle), deleteCount = 1;
+                this._array.splice(index, deleteCount);
+                this._zArray.splice(zIdx, deleteCount);
                 particle.destroy(override);
                 this._engine.dispatchEvent("particleRemoved", {
                     container: this._container,
@@ -138,11 +137,11 @@
             }
         }
         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;
-            if (limit > 0) {
+            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") {
-                    const countToRemove = currentCount + 1 - limit;
-                    if (countToRemove > 0) {
+                    const countOffset = 1, minCount = 0, countToRemove = currentCount + countOffset - limit;
+                    if (countToRemove > minCount) {
                         this.removeQuantity(countToRemove);
                     }
                 }
@@ -233,22 +232,26 @@
         remove(particle, group, override) {
             this.removeAt(this._array.indexOf(particle), undefined, group, override);
         }
-        removeAt(index, quantity = 1, group, override) {
-            if (index < 0 || index > this.count) {
+        removeAt(index, quantity = defaultRemoveQuantity, group, override) {
+            const minIndex = 0;
+            if (index < minIndex || index > this.count) {
                 return;
             }
             let deleted = 0;
             for (let i = index; deleted < quantity && i < this.count; i++) {
-                this._removeParticle(i--, group, override) && deleted++;
+                if (this._removeParticle(i--, group, override)) {
+                    deleted++;
+                }
             }
         }
         removeQuantity(quantity, group) {
-            this.removeAt(0, quantity, group);
+            const defaultIndex = 0;
+            this.removeAt(defaultIndex, quantity, group);
         }
         setDensity() {
-            const options = this._container.actualOptions, groups = options.particles.groups;
+            const options = this._container.actualOptions, groups = options.particles.groups, manualCount = 0;
             for (const group in groups) {
-                this._applyDensity(groups[group], 0, group);
+                this._applyDensity(groups[group], manualCount, group);
             }
             this._applyDensity(options.particles, options.manualParticles.length);
         }
@@ -266,7 +269,7 @@
                 pathGenerator.update();
             }
             for (const [, plugin] of container.plugins) {
-                plugin.update && (await plugin.update(delta));
+                await plugin.update?.(delta);
             }
             const resizeFactor = this._resizeFactor;
             for (const particle of this._array) {
@@ -277,15 +280,17 @@
                     particle.initialPosition.y *= resizeFactor.height;
                 }
                 particle.ignoresResizeRatio = false;
-                await this._interactionManager.reset(particle);
+                this._interactionManager.reset(particle);
                 for (const [, plugin] of this._container.plugins) {
                     if (particle.destroyed) {
                         break;
                     }
-                    plugin.particleUpdate && plugin.particleUpdate(particle, delta);
+                    plugin.particleUpdate?.(particle, delta);
                 }
                 for (const mover of this.movers) {
-                    mover.isEnabled(particle) && mover.move(particle, delta);
+                    if (mover.isEnabled(particle)) {
+                        mover.move(particle, delta);
+                    }
                 }
                 if (particle.destroyed) {
                     particlesToDelete.add(particle);
@@ -320,7 +325,8 @@
             if (this._needsSort) {
                 const zArray = this._zArray;
                 zArray.sort((a, b) => b.position.z - a.position.z || a.id - b.id);
-                this._lastZIndex = zArray[zArray.length - 1].position.z;
+                const lengthOffset = 1;
+                this._lastZIndex = zArray[zArray.length - lengthOffset].position.z;
                 this._needsSort = false;
             }
         }

package/umd/Core/Retina.js

@@ -12,16 +12,17 @@
     exports.Retina = void 0;
     const NumberUtils_js_1 = require("../Utils/NumberUtils.js");
     const Utils_js_1 = require("../Utils/Utils.js");
+    const defaultRatio = 1, defaultReduceFactor = 1;
     class Retina {
         constructor(container) {
             this.container = container;
-            this.pixelRatio = 1;
-            this.reduceFactor = 1;
+            this.pixelRatio = defaultRatio;
+            this.reduceFactor = defaultReduceFactor;
         }
         init() {
             const container = this.container, options = container.actualOptions;
-            this.pixelRatio = !options.detectRetina || (0, Utils_js_1.isSsr)() ? 1 : window.devicePixelRatio;
-            this.reduceFactor = 1;
+            this.pixelRatio = !options.detectRetina || (0, Utils_js_1.isSsr)() ? defaultRatio : window.devicePixelRatio;
+            this.reduceFactor = defaultReduceFactor;
             const ratio = this.pixelRatio, canvas = container.canvas;
             if (canvas.element) {
                 const element = canvas.element;

package/umd/Core/Utils/Circle.js

@@ -13,6 +13,7 @@
     const Range_js_1 = require("./Range.js");
     const Rectangle_js_1 = require("./Rectangle.js");
     const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
+    const squareExp = 2;
     class Circle extends Range_js_1.Range {
         constructor(x, y, radius) {
             super(x, y);
@@ -24,12 +25,12 @@
         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) {
-                const rSum = r + range.radius, dist = Math.sqrt(distPos.x ** 2 + distPos.y ** 2);
+                const rSum = r + range.radius, dist = Math.sqrt(distPos.x ** squareExp + distPos.y ** squareExp);
                 return rSum > dist;
             }
             else if (range instanceof Rectangle_js_1.Rectangle) {
-                const { width, height } = range.size, edges = Math.pow(distPos.x - width, 2) + Math.pow(distPos.y - height, 2);
-                return (edges <= r ** 2 ||
+                const { width, height } = range.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);

package/umd/Core/Utils/Constants.js

@@ -9,7 +9,7 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.errorPrefix = exports.visibilityChangeEvent = exports.resizeEvent = exports.touchCancelEvent = exports.touchMoveEvent = exports.touchEndEvent = exports.touchStartEvent = exports.mouseMoveEvent = exports.mouseOutEvent = exports.mouseLeaveEvent = exports.mouseUpEvent = exports.mouseDownEvent = exports.generatedAttribute = void 0;
+    exports.millisecondsToSeconds = exports.halfRandom = exports.percentDenominator = exports.errorPrefix = exports.visibilityChangeEvent = exports.resizeEvent = exports.touchCancelEvent = exports.touchMoveEvent = exports.touchEndEvent = exports.touchStartEvent = exports.mouseMoveEvent = exports.mouseOutEvent = exports.mouseLeaveEvent = exports.mouseUpEvent = exports.mouseDownEvent = exports.generatedAttribute = void 0;
     exports.generatedAttribute = "generated";
     exports.mouseDownEvent = "pointerdown";
     exports.mouseUpEvent = "pointerup";
@@ -23,4 +23,7 @@
     exports.resizeEvent = "resize";
     exports.visibilityChangeEvent = "visibilitychange";
     exports.errorPrefix = "tsParticles - Error";
+    exports.percentDenominator = 100;
+    exports.halfRandom = 0.5;
+    exports.millisecondsToSeconds = 1000;
 });

package/umd/Core/Utils/EventListeners.js

@@ -12,6 +12,7 @@
     exports.EventListeners = void 0;
     const Utils_js_1 = require("../../Utils/Utils.js");
     const Constants_js_1 = require("./Constants.js");
+    const double = 2;
     function manageListener(element, event, handler, add, options) {
         if (add) {
             let addOptions = { passive: true };
@@ -44,13 +45,14 @@
                     (0, Utils_js_1.executeOnSingleOrMultiple)(onClick.mode, (mode) => this.container.handleClickMode(mode));
                 }
                 if (e.type === "touchend") {
-                    setTimeout(() => this._mouseTouchFinish(), 500);
+                    const touchDelay = 500;
+                    setTimeout(() => this._mouseTouchFinish(), touchDelay);
                 }
             };
             this._handleThemeChange = (e) => {
                 const mediaEvent = e, container = this.container, options = container.options, defaultThemes = options.defaultThemes, themeName = mediaEvent.matches ? defaultThemes.dark : defaultThemes.light, theme = options.themes.find((theme) => theme.name === themeName);
                 if (theme && theme.default.auto) {
-                    container.loadTheme(themeName);
+                    void container.loadTheme(themeName);
                 }
             };
             this._handleVisibilityChange = () => {
@@ -73,15 +75,16 @@
                     }
                 }
             };
-            this._handleWindowResize = async () => {
+            this._handleWindowResize = () => {
                 if (this._resizeTimeout) {
                     clearTimeout(this._resizeTimeout);
                     delete this._resizeTimeout;
                 }
-                this._resizeTimeout = setTimeout(async () => {
+                const handleResize = async () => {
                     const canvas = this.container.canvas;
-                    canvas && (await canvas.windowResize());
-                }, this.container.actualOptions.interactivity.events.resize.delay * 1000);
+                    await canvas?.windowResize();
+                };
+                this._resizeTimeout = setTimeout(() => void handleResize(), this.container.actualOptions.interactivity.events.resize.delay * Constants_js_1.millisecondsToSeconds);
             };
             this._manageInteractivityListeners = (mouseLeaveTmpEvent, add) => {
                 const handlers = this._handlers, container = this.container, options = container.actualOptions;
@@ -167,12 +170,12 @@
                     delete this._resizeObserver;
                 }
                 else if (!this._resizeObserver && add && canvasEl) {
-                    this._resizeObserver = new ResizeObserver(async (entries) => {
+                    this._resizeObserver = new ResizeObserver((entries) => {
                         const entry = entries.find((e) => e.target === canvasEl);
                         if (!entry) {
                             return;
                         }
-                        await this._handleWindowResize();
+                        this._handleWindowResize();
                     });
                     this._resizeObserver.observe(canvasEl);
                 }
@@ -223,7 +226,7 @@
             };
             this._mouseTouchMove = (e) => {
                 const container = this.container, options = container.actualOptions, interactivity = container.interactivity, canvasEl = container.canvas.element;
-                if (!interactivity || !interactivity.element) {
+                if (!interactivity?.element) {
                     return;
                 }
                 interactivity.mouse.inside = true;
@@ -245,8 +248,8 @@
                         if (source && target && canvasEl) {
                             const sourceRect = source.getBoundingClientRect(), targetRect = target.getBoundingClientRect(), canvasRect = canvasEl.getBoundingClientRect();
                             pos = {
-                                x: mouseEvent.offsetX + 2 * sourceRect.left - (targetRect.left + canvasRect.left),
-                                y: mouseEvent.offsetY + 2 * sourceRect.top - (targetRect.top + canvasRect.top),
+                                x: mouseEvent.offsetX + double * sourceRect.left - (targetRect.left + canvasRect.left),
+                                y: mouseEvent.offsetY + double * sourceRect.top - (targetRect.top + canvasRect.top),
                             };
                         }
                         else {
@@ -266,10 +269,10 @@
                 else {
                     this._canPush = e.type !== "touchmove";
                     if (canvasEl) {
-                        const touchEvent = e, lastTouch = touchEvent.touches[touchEvent.touches.length - 1], canvasRect = canvasEl.getBoundingClientRect();
+                        const touchEvent = e, lengthOffset = 1, lastTouch = touchEvent.touches[touchEvent.touches.length - lengthOffset], canvasRect = canvasEl.getBoundingClientRect(), defaultCoordinate = 0;
                         pos = {
-                            x: lastTouch.clientX - (canvasRect.left ?? 0),
-                            y: lastTouch.clientY - (canvasRect.top ?? 0),
+                            x: lastTouch.clientX - (canvasRect.left ?? defaultCoordinate),
+                            y: lastTouch.clientY - (canvasRect.top ?? defaultCoordinate),
                         };
                     }
                 }

package/umd/Core/Utils/ExternalInteractorBase.js

@@ -12,8 +12,8 @@
     exports.ExternalInteractorBase = void 0;
     class ExternalInteractorBase {
         constructor(container) {
-            this.container = container;
             this.type = "external";
+            this.container = container;
         }
     }
     exports.ExternalInteractorBase = ExternalInteractorBase;

package/umd/Core/Utils/InteractionManager.js

@@ -20,12 +20,14 @@
         }
         async externalInteract(delta) {
             for (const interactor of this._externalInteractors) {
-                interactor.isEnabled() && (await interactor.interact(delta));
+                if (interactor.isEnabled()) {
+                    await interactor.interact(delta);
+                }
             }
         }
         handleClickMode(mode) {
             for (const interactor of this._externalInteractors) {
-                interactor.handleClickMode && interactor.handleClickMode(mode);
+                interactor.handleClickMode?.(mode);
             }
         }
         init() {
@@ -48,15 +50,21 @@
                 interactor.clear(particle, delta);
             }
             for (const interactor of this._particleInteractors) {
-                interactor.isEnabled(particle) && (await interactor.interact(particle, delta));
+                if (interactor.isEnabled(particle)) {
+                    await interactor.interact(particle, delta);
+                }
             }
         }
-        async reset(particle) {
+        reset(particle) {
             for (const interactor of this._externalInteractors) {
-                interactor.isEnabled() && interactor.reset(particle);
+                if (interactor.isEnabled()) {
+                    interactor.reset(particle);
+                }
             }
             for (const interactor of this._particleInteractors) {
-                interactor.isEnabled(particle) && interactor.reset(particle);
+                if (interactor.isEnabled(particle)) {
+                    interactor.reset(particle);
+                }
             }
         }
     }

package/umd/Core/Utils/ParticlesInteractorBase.js

@@ -12,8 +12,8 @@
     exports.ParticlesInteractorBase = void 0;
     class ParticlesInteractorBase {
         constructor(container) {
-            this.container = container;
             this.type = "particles";
+            this.container = container;
         }
     }
     exports.ParticlesInteractorBase = ParticlesInteractorBase;

package/umd/Core/Utils/QuadTree.js

@@ -13,14 +13,16 @@
     const Circle_js_1 = require("./Circle.js");
     const Rectangle_js_1 = require("./Rectangle.js");
     const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
+    const half = 0.5, double = 2, subdivideCount = 4;
     class QuadTree {
         constructor(rectangle, capacity) {
             this.rectangle = rectangle;
             this.capacity = capacity;
             this._subdivide = () => {
                 const { x, y } = this.rectangle.position, { width, height } = this.rectangle.size, { capacity } = this;
-                for (let i = 0; i < 4; i++) {
-                    this._subs.push(new QuadTree(new Rectangle_js_1.Rectangle(x + width * 0.5 * (i % 2), y + height * 0.5 * (Math.round(i * 0.5) - (i % 2)), width * 0.5, height * 0.5), capacity));
+                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._divided = true;
             };
@@ -42,7 +44,7 @@
             return this._subs.some((sub) => sub.insert(point));
         }
         query(range, check, found) {
-            const res = found || [];
+            const res = found ?? [];
             if (!range.intersects(this.rectangle)) {
                 return [];
             }

package/umd/Core/Utils/Vector.js

@@ -11,12 +11,17 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Vector = void 0;
     const Vector3d_js_1 = require("./Vector3d.js");
+    const origin = {
+        x: 0,
+        y: 0,
+        z: 0,
+    };
     class Vector extends Vector3d_js_1.Vector3d {
         constructor(xOrCoords, y) {
-            super(xOrCoords, y, 0);
+            super(xOrCoords, y, origin.z);
         }
         static get origin() {
-            return Vector.create(0, 0);
+            return Vector.create(origin.x, origin.y);
         }
         static clone(source) {
             return Vector.create(source.x, source.y);