@tsparticles/engine 3.0.3 → 3.1.0

package/cjs/Core/Particle.js

@@ -3,13 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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) {
@@ -34,7 +35,7 @@ function fixOutMode(data) {
     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);
     }
@@ -45,7 +46,7 @@ function fixOutMode(data) {
 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) {
@@ -79,7 +80,8 @@ class Particle {
             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;
         };
@@ -88,9 +90,9 @@ class Particle {
             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));
@@ -100,7 +102,7 @@ class Particle {
             }
             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;
@@ -109,8 +111,8 @@ class Particle {
             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());
@@ -119,7 +121,7 @@ class Particle {
             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;
             }
@@ -132,13 +134,13 @@ class Particle {
             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);
@@ -163,14 +165,14 @@ class Particle {
         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: {
@@ -189,7 +191,7 @@ class Particle {
         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 {
@@ -228,14 +230,14 @@ class Particle {
         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;
@@ -264,7 +266,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) * 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)) {
@@ -283,7 +285,8 @@ class Particle {
         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;
@@ -295,7 +298,7 @@ class Particle {
                 container.effectDrawers.set(this.effect, effectDrawer);
             }
         }
-        if (effectDrawer && effectDrawer.loadEffect) {
+        if (effectDrawer?.loadEffect) {
             effectDrawer.loadEffect(this);
         }
         let shapeDrawer = container.shapeDrawers.get(this.shape);
@@ -305,7 +308,7 @@ class Particle {
                 container.shapeDrawers.set(this.shape, shapeDrawer);
             }
         }
-        if (shapeDrawer && shapeDrawer.loadShape) {
+        if (shapeDrawer?.loadShape) {
             shapeDrawer.loadShape(this);
         }
         const sideCountFunc = shapeDrawer?.getSidesCount;
@@ -318,16 +321,12 @@ class Particle {
             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() {
@@ -342,7 +341,7 @@ class Particle {
     }
     reset() {
         for (const updater of this.container.particles.updaters) {
-            updater.reset && updater.reset(this);
+            updater.reset?.(this);
         }
     }
 }

package/cjs/Core/Particles.js

@@ -8,7 +8,7 @@ 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 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);
@@ -31,7 +31,7 @@ class Particles {
                 }
                 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;
             }
@@ -46,12 +46,12 @@ class Particles {
             }
         };
         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 {
@@ -82,7 +82,6 @@ class Particles {
             }
             catch (e) {
                 (0, Utils_js_1.getLogger)().warning(`${Constants_js_1.errorPrefix} adding particle: ${e}`);
-                return;
             }
         };
         this._removeParticle = (index, group, override) => {
@@ -90,9 +89,9 @@ class Particles {
             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,
@@ -129,11 +128,11 @@ class Particles {
         }
     }
     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);
                 }
             }
@@ -224,22 +223,26 @@ class Particles {
     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);
     }
@@ -257,7 +260,7 @@ class Particles {
             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) {
@@ -268,15 +271,17 @@ class Particles {
                 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);
@@ -311,7 +316,8 @@ class Particles {
         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/cjs/Core/Retina.js

@@ -3,16 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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/cjs/Core/Utils/Circle.js

@@ -4,6 +4,7 @@ exports.Circle = void 0;
 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);
@@ -15,12 +16,12 @@ class Circle extends Range_js_1.Range {
     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/cjs/Core/Utils/Constants.js

@@ -1,6 +1,6 @@
 "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";
@@ -14,3 +14,6 @@ exports.touchCancelEvent = "touchcancel";
 exports.resizeEvent = "resize";
 exports.visibilityChangeEvent = "visibilitychange";
 exports.errorPrefix = "tsParticles - Error";
+exports.percentDenominator = 100;
+exports.halfRandom = 0.5;
+exports.millisecondsToSeconds = 1000;

package/cjs/Core/Utils/EventListeners.js

@@ -3,6 +3,7 @@ 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 double = 2;
 function manageListener(element, event, handler, add, options) {
     if (add) {
         let addOptions = { passive: true };
@@ -35,13 +36,14 @@ class EventListeners {
                 (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 = () => {
@@ -64,15 +66,16 @@ class EventListeners {
                 }
             }
         };
-        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;
@@ -158,12 +161,12 @@ class EventListeners {
                 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);
             }
@@ -214,7 +217,7 @@ class EventListeners {
         };
         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;
@@ -236,8 +239,8 @@ class EventListeners {
                     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 {
@@ -257,10 +260,10 @@ class EventListeners {
             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/cjs/Core/Utils/ExternalInteractorBase.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExternalInteractorBase = void 0;
 class ExternalInteractorBase {
     constructor(container) {
-        this.container = container;
         this.type = "external";
+        this.container = container;
     }
 }
 exports.ExternalInteractorBase = ExternalInteractorBase;

package/cjs/Core/Utils/InteractionManager.js

@@ -11,12 +11,14 @@ class InteractionManager {
     }
     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() {
@@ -39,15 +41,21 @@ class InteractionManager {
             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/cjs/Core/Utils/ParticlesInteractorBase.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ParticlesInteractorBase = void 0;
 class ParticlesInteractorBase {
     constructor(container) {
-        this.container = container;
         this.type = "particles";
+        this.container = container;
     }
 }
 exports.ParticlesInteractorBase = ParticlesInteractorBase;

package/cjs/Core/Utils/QuadTree.js

@@ -4,14 +4,16 @@ exports.QuadTree = void 0;
 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;
         };
@@ -33,7 +35,7 @@ class QuadTree {
         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/cjs/Core/Utils/Vector.js

@@ -2,12 +2,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);