@tsparticles/engine 3.0.3 → 3.2.0

package/umd/Core/Engine.js

@@ -1,24 +1,47 @@
+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;
+};
 (function (factory) {
     if (typeof module === "object" && typeof module.exports === "object") {
         var v = factory(require, exports);
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Utils/Constants.js", "../Utils/Utils.js", "./Container.js", "../Utils/EventDispatcher.js", "../Utils/NumberUtils.js"], factory);
+        define(["require", "exports", "./Utils/Constants.js", "../Utils/Utils.js", "../Utils/EventDispatcher.js", "../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Engine = void 0;
     const Constants_js_1 = require("./Utils/Constants.js");
     const Utils_js_1 = require("../Utils/Utils.js");
-    const Container_js_1 = require("./Container.js");
     const EventDispatcher_js_1 = require("../Utils/EventDispatcher.js");
     const NumberUtils_js_1 = require("../Utils/NumberUtils.js");
-    function getItemsFromInitializer(container, map, initializers, force = false) {
+    async function getItemsFromInitializer(container, map, initializers, force = false) {
         let res = map.get(container);
         if (!res || force) {
-            res = [...initializers.values()].map((t) => t(container));
+            res = await Promise.all([...initializers.values()].map((t) => t(container)));
             map.set(container, res);
         }
         return res;
@@ -30,7 +53,7 @@
         }
         const response = await fetch(url);
         if (response.ok) {
-            return response.json();
+            return (await response.json());
         }
         (0, Utils_js_1.getLogger)().error(`${Constants_js_1.errorPrefix} ${response.status} while retrieving config file`);
         return data.fallback;
@@ -63,16 +86,18 @@
             return res;
         }
         get version() {
-            return "3.0.3";
+            return "3.2.0";
         }
         addConfig(config) {
-            const name = config.name ?? "default";
-            this._configs.set(name, config);
-            this._eventDispatcher.dispatchEvent("configAdded", { data: { name, config } });
+            const key = config.key ?? config.name ?? "default";
+            this._configs.set(key, config);
+            this._eventDispatcher.dispatchEvent("configAdded", { data: { name: key, config } });
         }
         async addEffect(effect, drawer, refresh = true) {
             (0, Utils_js_1.executeOnSingleOrMultiple)(effect, (type) => {
-                !this.getEffectDrawer(type) && this.effectDrawers.set(type, drawer);
+                if (!this.getEffectDrawer(type)) {
+                    this.effectDrawers.set(type, drawer);
+                }
             });
             await this.refresh(refresh);
         }
@@ -92,20 +117,28 @@
             await this.refresh(refresh);
         }
         async addPathGenerator(name, generator, refresh = true) {
-            !this.getPathGenerator(name) && this.pathGenerators.set(name, generator);
+            if (!this.getPathGenerator(name)) {
+                this.pathGenerators.set(name, generator);
+            }
             await this.refresh(refresh);
         }
         async addPlugin(plugin, refresh = true) {
-            !this.getPlugin(plugin.id) && this.plugins.push(plugin);
+            if (!this.getPlugin(plugin.id)) {
+                this.plugins.push(plugin);
+            }
             await this.refresh(refresh);
         }
         async addPreset(preset, options, override = false, refresh = true) {
-            (override || !this.getPreset(preset)) && this.presets.set(preset, options);
+            if (override || !this.getPreset(preset)) {
+                this.presets.set(preset, options);
+            }
             await this.refresh(refresh);
         }
         async addShape(shape, drawer, refresh = true) {
             (0, Utils_js_1.executeOnSingleOrMultiple)(shape, (type) => {
-                !this.getShapeDrawer(type) && this.shapeDrawers.set(type, drawer);
+                if (!this.getShapeDrawer(type)) {
+                    this.shapeDrawers.set(type, drawer);
+                }
             });
             await this.refresh(refresh);
         }
@@ -123,26 +156,29 @@
         domItem(index) {
             const dom = this.dom(), item = dom[index];
             if (!item || item.destroyed) {
-                dom.splice(index, 1);
+                const deleteCount = 1;
+                dom.splice(index, deleteCount);
                 return;
             }
             return item;
         }
-        getAvailablePlugins(container) {
+        async getAvailablePlugins(container) {
             const res = new Map();
             for (const plugin of this.plugins) {
-                plugin.needsPlugin(container.actualOptions) && res.set(plugin.id, plugin.getPlugin(container));
+                if (plugin.needsPlugin(container.actualOptions)) {
+                    res.set(plugin.id, await plugin.getPlugin(container));
+                }
             }
             return res;
         }
         getEffectDrawer(type) {
             return this.effectDrawers.get(type);
         }
-        getInteractors(container, force = false) {
-            return getItemsFromInitializer(container, this.interactors, this._initializers.interactors, force);
+        async getInteractors(container, force = false) {
+            return await getItemsFromInitializer(container, this.interactors, this._initializers.interactors, force);
         }
-        getMovers(container, force = false) {
-            return getItemsFromInitializer(container, this.movers, this._initializers.movers, force);
+        async getMovers(container, force = false) {
+            return await getItemsFromInitializer(container, this.movers, this._initializers.movers, force);
         }
         getPathGenerator(type) {
             return this.pathGenerators.get(type);
@@ -162,8 +198,8 @@
         getSupportedShapes() {
             return this.shapeDrawers.keys();
         }
-        getUpdaters(container, force = false) {
-            return getItemsFromInitializer(container, this.updaters, this._initializers.updaters, force);
+        async getUpdaters(container, force = false) {
+            return await getItemsFromInitializer(container, this.updaters, this._initializers.updaters, force);
         }
         init() {
             if (this._initialized) {
@@ -172,19 +208,20 @@
             this._initialized = true;
         }
         async load(params) {
-            const id = params.id ?? params.element?.id ?? `tsparticles${Math.floor((0, NumberUtils_js_1.getRandom)() * 10000)}`, { index, url } = params, options = url ? await getDataFromUrl({ fallback: params.options, url, index }) : params.options;
+            const randomFactor = 10000, id = params.id ?? params.element?.id ?? `tsparticles${Math.floor((0, NumberUtils_js_1.getRandom)() * randomFactor)}`, { index, url } = params, options = url ? await getDataFromUrl({ fallback: params.options, url, index }) : params.options;
             let domContainer = params.element ?? document.getElementById(id);
             if (!domContainer) {
                 domContainer = document.createElement("div");
                 domContainer.id = id;
                 document.body.append(domContainer);
             }
-            const currentOptions = (0, Utils_js_1.itemFromSingleOrMultiple)(options, index), dom = this.dom(), oldIndex = dom.findIndex((v) => v.id.description === id);
-            if (oldIndex >= 0) {
+            const currentOptions = (0, Utils_js_1.itemFromSingleOrMultiple)(options, index), dom = this.dom(), oldIndex = dom.findIndex((v) => v.id.description === id), minIndex = 0;
+            if (oldIndex >= minIndex) {
                 const old = this.domItem(oldIndex);
                 if (old && !old.destroyed) {
                     old.destroy();
-                    dom.splice(oldIndex, 1);
+                    const deleteCount = 1;
+                    dom.splice(oldIndex, deleteCount);
                 }
             }
             let canvasEl;
@@ -195,7 +232,8 @@
             else {
                 const existingCanvases = domContainer.getElementsByTagName("canvas");
                 if (existingCanvases.length) {
-                    canvasEl = existingCanvases[0];
+                    const firstIndex = 0;
+                    canvasEl = existingCanvases[firstIndex];
                     canvasEl.dataset[Constants_js_1.generatedAttribute] = "false";
                 }
                 else {
@@ -210,9 +248,10 @@
             if (!canvasEl.style.height) {
                 canvasEl.style.height = "100%";
             }
-            const newItem = new Container_js_1.Container(this, id, currentOptions);
-            if (oldIndex >= 0) {
-                dom.splice(oldIndex, 0, newItem);
+            const { Container } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Container.js"))) : new Promise((resolve_1, reject_1) => { require(["./Container.js"], resolve_1, reject_1); }).then(__importStar)), newItem = new Container(this, id, currentOptions);
+            if (oldIndex >= minIndex) {
+                const deleteCount = 0;
+                dom.splice(oldIndex, deleteCount, newItem);
             }
             else {
                 dom.push(newItem);
@@ -232,14 +271,14 @@
                 return;
             }
             for (const updater of updaters) {
-                updater.loadOptions && updater.loadOptions(options, ...sourceOptions);
+                updater.loadOptions?.(options, ...sourceOptions);
             }
         }
         async refresh(refresh = true) {
             if (!refresh) {
                 return;
             }
-            this.dom().forEach((t) => t.refresh());
+            await Promise.all(this.dom().map((t) => t.refresh()));
         }
         removeEventListener(type, listener) {
             this._eventDispatcher.removeEventListener(type, listener);

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);
         }
@@ -52,9 +53,9 @@
         }
     }
     class Particle {
-        constructor(engine, id, container, position, overrideOptions, group) {
+        constructor(engine, container) {
             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) {
@@ -67,7 +68,7 @@
                 }), pos = Vector3d_js_1.Vector3d.create(exactPosition.x, exactPosition.y, zIndex), radius = this.getRadius(), outModes = this.options.move.outModes, fixHorizontal = (outMode) => {
                     fixOutMode({
                         outMode,
-                        checkModes: ["bounce", "bounce-horizontal"],
+                        checkModes: ["bounce"],
                         coord: pos.x,
                         maxCoord: container.canvas.size.width,
                         setCb: (value) => (pos.x += value),
@@ -76,7 +77,7 @@
                 }, fixVertical = (outMode) => {
                     fixOutMode({
                         outMode,
-                        checkModes: ["bounce", "bounce-vertical"],
+                        checkModes: ["bounce"],
                         coord: pos.y,
                         maxCoord: container.canvas.size.height,
                         setCb: (value) => (pos.y += value),
@@ -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);
@@ -162,7 +164,6 @@
                 this.offset = Vector_js_1.Vector.origin;
             };
             this._engine = engine;
-            this.init(id, position, overrideOptions, group);
         }
         destroy(override) {
             if (this.unbreakable || this.destroyed) {
@@ -172,14 +173,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: {
@@ -187,18 +188,18 @@
                 },
             });
         }
-        draw(delta) {
+        async draw(delta) {
             const container = this.container, canvas = container.canvas;
             for (const [, plugin] of container.plugins) {
-                canvas.drawParticlePlugin(plugin, this, delta);
+                await canvas.drawParticlePlugin(plugin, this, delta);
             }
-            canvas.drawParticle(this, delta);
+            await canvas.drawParticle(this, delta);
         }
         getFillColor() {
             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 {
@@ -213,7 +214,7 @@
         getStrokeColor() {
             return this._getRollColor(this.bubble.color ?? (0, ColorUtils_js_1.getHslFromAnimation)(this.strokeColor));
         }
-        init(id, position, overrideOptions, group) {
+        async init(id, position, overrideOptions, group) {
             const container = this.container, engine = this._engine;
             this.id = id;
             this.group = group;
@@ -237,14 +238,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,11 +274,11 @@
             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)) {
-                    this.pathGenerator.init(container);
+                    await this.pathGenerator.init(container);
                 }
             }
             container.retina.initParticle(this);
@@ -292,7 +293,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,8 +306,8 @@
                     container.effectDrawers.set(this.effect, effectDrawer);
                 }
             }
-            if (effectDrawer && effectDrawer.loadEffect) {
-                effectDrawer.loadEffect(this);
+            if (effectDrawer?.loadEffect) {
+                await effectDrawer.loadEffect(this);
             }
             let shapeDrawer = container.shapeDrawers.get(this.shape);
             if (!shapeDrawer) {
@@ -314,8 +316,8 @@
                     container.shapeDrawers.set(this.shape, shapeDrawer);
                 }
             }
-            if (shapeDrawer && shapeDrawer.loadShape) {
-                shapeDrawer.loadShape(this);
+            if (shapeDrawer?.loadShape) {
+                await shapeDrawer.loadShape(this);
             }
             const sideCountFunc = shapeDrawer?.getSidesCount;
             if (sideCountFunc) {
@@ -324,19 +326,15 @@
             this.spawning = false;
             this.shadowColor = (0, ColorUtils_js_1.rangeColorToRgb)(this.options.shadow.color);
             for (const updater of particles.updaters) {
-                updater.init(this);
+                await 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);
+                await mover.init?.(this);
             }
+            await effectDrawer?.particleInit?.(container, this);
+            await shapeDrawer?.particleInit?.(container, this);
             for (const [, plugin] of container.plugins) {
-                plugin.particleCreated && plugin.particleCreated(this);
+                plugin.particleCreated?.(this);
             }
         }
         isInsideCanvas() {
@@ -351,7 +349,7 @@
         }
         reset() {
             for (const updater of this.container.particles.updaters) {
-                updater.reset && updater.reset(this);
+                updater.reset?.(this);
             }
         }
     }