@tsparticles/engine 3.0.0-alpha.1 → 3.0.0-beta.1

package/esm/Core/Utils/QuadTree.js

@@ -1,15 +1,22 @@
-import { Circle } from "./Circle";
-import { Rectangle } from "./Rectangle";
-import { getDistance } from "../../Utils/NumberUtils";
+import { Circle } from "./Circle.js";
+import { Rectangle } from "./Rectangle.js";
+import { getDistance } from "../../Utils/NumberUtils.js";
 export 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(x + (width / 2) * (i % 2), y + (height / 2) * (Math.round(i / 2) - (i % 2)), width / 2, height / 2), capacity));
+            }
+            this._divided = true;
+        };
         this._points = [];
         this._divided = false;
+        this._subs = [];
     }
     insert(point) {
-        var _a, _b, _c, _d, _e;
         if (!this.rectangle.contains(point.position)) {
             return false;
         }
@@ -18,16 +25,12 @@ export class QuadTree {
             return true;
         }
         if (!this._divided) {
-            this.subdivide();
+            this._subdivide();
         }
-        return ((_e = (((_a = this._NE) === null || _a === void 0 ? void 0 : _a.insert(point)) ||
-            ((_b = this._NW) === null || _b === void 0 ? void 0 : _b.insert(point)) ||
-            ((_c = this._SE) === null || _c === void 0 ? void 0 : _c.insert(point)) ||
-            ((_d = this._SW) === null || _d === void 0 ? void 0 : _d.insert(point)))) !== null && _e !== void 0 ? _e : false);
+        return this._subs.some((sub) => sub.insert(point));
     }
     query(range, check, found) {
-        var _a, _b, _c, _d;
-        const res = found !== null && found !== void 0 ? found : [];
+        const res = found || [];
         if (!range.intersects(this.rectangle)) {
             return [];
         }
@@ -40,10 +43,9 @@ export class QuadTree {
             res.push(p.particle);
         }
         if (this._divided) {
-            (_a = this._NE) === null || _a === void 0 ? void 0 : _a.query(range, check, res);
-            (_b = this._NW) === null || _b === void 0 ? void 0 : _b.query(range, check, res);
-            (_c = this._SE) === null || _c === void 0 ? void 0 : _c.query(range, check, res);
-            (_d = this._SW) === null || _d === void 0 ? void 0 : _d.query(range, check, res);
+            for (const sub of this._subs) {
+                sub.query(range, check, res);
+            }
         }
         return res;
     }
@@ -53,12 +55,4 @@ export class QuadTree {
     queryRectangle(position, size, check) {
         return this.query(new Rectangle(position.x, position.y, size.width, size.height), check);
     }
-    subdivide() {
-        const x = this.rectangle.position.x, y = this.rectangle.position.y, w = this.rectangle.size.width, h = this.rectangle.size.height, capacity = this.capacity;
-        this._NE = new QuadTree(new Rectangle(x, y, w / 2, h / 2), capacity);
-        this._NW = new QuadTree(new Rectangle(x + w / 2, y, w / 2, h / 2), capacity);
-        this._SE = new QuadTree(new Rectangle(x, y + h / 2, w / 2, h / 2), capacity);
-        this._SW = new QuadTree(new Rectangle(x + w / 2, y + h / 2, w / 2, h / 2), capacity);
-        this._divided = true;
-    }
 }

package/esm/Core/Utils/Rectangle.js

@@ -1,5 +1,5 @@
-import { Circle } from "./Circle";
-import { Range } from "./Range";
+import { Circle } from "./Circle.js";
+import { Range } from "./Range.js";
 export class Rectangle extends Range {
     constructor(x, y, width, height) {
         super(x, y);

package/esm/Core/Utils/Vector.js

@@ -1,4 +1,4 @@
-import { Vector3d } from "./Vector3d";
+import { Vector3d } from "./Vector3d.js";
 export class Vector extends Vector3d {
     constructor(xOrCoords, y) {
         super(xOrCoords, y, 0);

package/esm/Core/Utils/Vector3d.js

@@ -1,6 +1,12 @@
+import { errorPrefix } from "./Constants.js";
+import { isNumber } from "../../Utils/Utils.js";
 export class Vector3d {
     constructor(xOrCoords, y, z) {
-        if (typeof xOrCoords !== "number" && xOrCoords) {
+        this._updateFromAngle = (angle, length) => {
+            this.x = Math.cos(angle) * length;
+            this.y = Math.sin(angle) * length;
+        };
+        if (!isNumber(xOrCoords) && xOrCoords) {
             this.x = xOrCoords.x;
             this.y = xOrCoords.y;
             const coords3d = xOrCoords;
@@ -9,10 +15,10 @@ export class Vector3d {
         else if (xOrCoords !== undefined && y !== undefined) {
             this.x = xOrCoords;
             this.y = y;
-            this.z = z !== null && z !== void 0 ? z : 0;
+            this.z = z ?? 0;
         }
         else {
-            throw new Error("tsParticles - Vector3d not initialized correctly");
+            throw new Error(`${errorPrefix} Vector3d not initialized correctly`);
         }
     }
     static get origin() {
@@ -22,13 +28,13 @@ export class Vector3d {
         return Math.atan2(this.y, this.x);
     }
     set angle(angle) {
-        this.updateFromAngle(angle, this.length);
+        this._updateFromAngle(angle, this.length);
     }
     get length() {
         return Math.sqrt(this.getLengthSq());
     }
     set length(length) {
-        this.updateFromAngle(this.angle, length);
+        this._updateFromAngle(this.angle, length);
     }
     static clone(source) {
         return Vector3d.create(source.x, source.y, source.z);
@@ -72,6 +78,12 @@ export class Vector3d {
         this.y *= n;
         this.z *= n;
     }
+    normalize() {
+        const length = this.length;
+        if (length != 0) {
+            this.multTo(1.0 / length);
+        }
+    }
     rotate(angle) {
         return Vector3d.create(this.x * Math.cos(angle) - this.y * Math.sin(angle), this.x * Math.sin(angle) + this.y * Math.cos(angle), 0);
     }
@@ -89,8 +101,4 @@ export class Vector3d {
         this.y -= v.y;
         this.z -= v.z;
     }
-    updateFromAngle(angle, length) {
-        this.x = Math.cos(angle) * length;
-        this.y = Math.sin(angle) * length;
-    }
 }

package/esm/Options/Classes/AnimatableColor.js

@@ -1,5 +1,6 @@
-import { HslAnimation } from "./HslAnimation";
-import { OptionsColor } from "./OptionsColor";
+import { isArray, isString } from "../../Utils/Utils.js";
+import { HslAnimation } from "./HslAnimation.js";
+import { OptionsColor } from "./OptionsColor.js";
 export class AnimatableColor extends OptionsColor {
     constructor() {
         super();
@@ -9,7 +10,7 @@ export class AnimatableColor extends OptionsColor {
         const color = new AnimatableColor();
         color.load(source);
         if (data !== undefined) {
-            if (typeof data === "string" || data instanceof Array) {
+            if (isString(data) || isArray(data)) {
                 color.load({ value: data });
             }
             else {

package/esm/Options/Classes/AnimationOptions.js

@@ -1,10 +1,11 @@
-import { setRangeValue } from "../../Utils/NumberUtils";
+import { setRangeValue } from "../../Utils/NumberUtils.js";
 export class AnimationOptions {
     constructor() {
         this.count = 0;
         this.enable = false;
         this.speed = 1;
         this.decay = 0;
+        this.delay = 0;
         this.sync = false;
     }
     load(data) {
@@ -23,6 +24,9 @@ export class AnimationOptions {
         if (data.decay !== undefined) {
             this.decay = setRangeValue(data.decay);
         }
+        if (data.delay !== undefined) {
+            this.delay = setRangeValue(data.delay);
+        }
         if (data.sync !== undefined) {
             this.sync = data.sync;
         }
@@ -39,9 +43,6 @@ export class RangedAnimationOptions extends AnimationOptions {
         if (!data) {
             return;
         }
-        if (data.minimumValue !== undefined) {
-            this.minimumValue = data.minimumValue;
-        }
         if (data.mode !== undefined) {
             this.mode = data.mode;
         }

package/esm/Options/Classes/Background/Background.js

@@ -1,4 +1,4 @@
-import { OptionsColor } from "../OptionsColor";
+import { OptionsColor } from "../OptionsColor.js";
 export class Background {
     constructor() {
         this.color = new OptionsColor();

package/esm/Options/Classes/BackgroundMask/BackgroundMask.js

@@ -1,4 +1,5 @@
-import { BackgroundMaskCover } from "./BackgroundMaskCover";
+import { BackgroundMaskCover } from "./BackgroundMaskCover.js";
+import { isString } from "../../../Utils/Utils.js";
 export class BackgroundMask {
     constructor() {
         this.composite = "destination-out";
@@ -14,7 +15,7 @@ export class BackgroundMask {
         }
         if (data.cover !== undefined) {
             const cover = data.cover;
-            const color = (typeof data.cover === "string" ? { color: data.cover } : data.cover);
+            const color = (isString(data.cover) ? { color: data.cover } : data.cover);
             this.cover.load(cover.color !== undefined ? cover : { color: color });
         }
         if (data.enable !== undefined) {

package/esm/Options/Classes/BackgroundMask/BackgroundMaskCover.js

@@ -1,4 +1,4 @@
-import { OptionsColor } from "../OptionsColor";
+import { OptionsColor } from "../OptionsColor.js";
 export class BackgroundMaskCover {
     constructor() {
         this.color = new OptionsColor();

package/esm/Options/Classes/ColorAnimation.js

@@ -1,10 +1,11 @@
-import { setRangeValue } from "../../Utils/NumberUtils";
+import { setRangeValue } from "../../Utils/NumberUtils.js";
 export class ColorAnimation {
     constructor() {
         this.count = 0;
         this.enable = false;
         this.offset = 0;
         this.speed = 1;
+        this.delay = 0;
         this.decay = 0;
         this.sync = true;
     }
@@ -27,6 +28,9 @@ export class ColorAnimation {
         if (data.decay !== undefined) {
             this.decay = setRangeValue(data.decay);
         }
+        if (data.delay !== undefined) {
+            this.delay = setRangeValue(data.delay);
+        }
         if (data.sync !== undefined) {
             this.sync = data.sync;
         }

package/esm/Options/Classes/HslAnimation.js

@@ -1,4 +1,4 @@
-import { ColorAnimation } from "./ColorAnimation";
+import { ColorAnimation } from "./ColorAnimation.js";
 export class HslAnimation {
     constructor() {
         this.h = new ColorAnimation();

package/esm/Options/Classes/Interactivity/Events/DivEvent.js

@@ -1,4 +1,3 @@
-import { executeOnSingleOrMultiple } from "../../../../Utils/Utils";
 export class DivEvent {
     constructor() {
         this.selectors = [];
@@ -6,33 +5,10 @@ export class DivEvent {
         this.mode = [];
         this.type = "circle";
     }
-    get el() {
-        return this.elementId;
-    }
-    set el(value) {
-        this.elementId = value;
-    }
-    get elementId() {
-        return this.ids;
-    }
-    set elementId(value) {
-        this.ids = value;
-    }
-    get ids() {
-        return executeOnSingleOrMultiple(this.selectors, (t) => t.replace("#", ""));
-    }
-    set ids(value) {
-        this.selectors = executeOnSingleOrMultiple(value, (t) => `#${t}`);
-    }
     load(data) {
-        var _a, _b;
         if (!data) {
             return;
         }
-        const ids = (_b = (_a = data.ids) !== null && _a !== void 0 ? _a : data.elementId) !== null && _b !== void 0 ? _b : data.el;
-        if (ids !== undefined) {
-            this.ids = ids;
-        }
         if (data.selectors !== undefined) {
             this.selectors = data.selectors;
         }

package/esm/Options/Classes/Interactivity/Events/Events.js

@@ -1,8 +1,8 @@
-import { ClickEvent } from "./ClickEvent";
-import { DivEvent } from "./DivEvent";
-import { HoverEvent } from "./HoverEvent";
-import { ResizeEvent } from "./ResizeEvent";
-import { executeOnSingleOrMultiple } from "../../../../Utils/Utils";
+import { executeOnSingleOrMultiple, isBoolean } from "../../../../Utils/Utils.js";
+import { ClickEvent } from "./ClickEvent.js";
+import { DivEvent } from "./DivEvent.js";
+import { HoverEvent } from "./HoverEvent.js";
+import { ResizeEvent } from "./ResizeEvent.js";
 export class Events {
     constructor() {
         this.onClick = new ClickEvent();
@@ -10,31 +10,12 @@ export class Events {
         this.onHover = new HoverEvent();
         this.resize = new ResizeEvent();
     }
-    get onclick() {
-        return this.onClick;
-    }
-    set onclick(value) {
-        this.onClick = value;
-    }
-    get ondiv() {
-        return this.onDiv;
-    }
-    set ondiv(value) {
-        this.onDiv = value;
-    }
-    get onhover() {
-        return this.onHover;
-    }
-    set onhover(value) {
-        this.onHover = value;
-    }
     load(data) {
-        var _a, _b, _c;
         if (!data) {
             return;
         }
-        this.onClick.load((_a = data.onClick) !== null && _a !== void 0 ? _a : data.onclick);
-        const onDiv = (_b = data.onDiv) !== null && _b !== void 0 ? _b : data.ondiv;
+        this.onClick.load(data.onClick);
+        const onDiv = data.onDiv;
         if (onDiv !== undefined) {
             this.onDiv = executeOnSingleOrMultiple(onDiv, (t) => {
                 const tmp = new DivEvent();
@@ -42,8 +23,8 @@ export class Events {
                 return tmp;
             });
         }
-        this.onHover.load((_c = data.onHover) !== null && _c !== void 0 ? _c : data.onhover);
-        if (typeof data.resize === "boolean") {
+        this.onHover.load(data.onHover);
+        if (isBoolean(data.resize)) {
             this.resize.enable = data.resize;
         }
         else {

package/esm/Options/Classes/Interactivity/Events/HoverEvent.js

@@ -1,4 +1,4 @@
-import { Parallax } from "./Parallax";
+import { Parallax } from "./Parallax.js";
 export class HoverEvent {
     constructor() {
         this.enable = false;

package/esm/Options/Classes/Interactivity/Interactivity.js

@@ -1,23 +1,16 @@
-import { Events } from "./Events/Events";
-import { Modes } from "./Modes/Modes";
+import { Events } from "./Events/Events.js";
+import { Modes } from "./Modes/Modes.js";
 export class Interactivity {
     constructor(engine, container) {
         this.detectsOn = "window";
         this.events = new Events();
         this.modes = new Modes(engine, container);
     }
-    get detect_on() {
-        return this.detectsOn;
-    }
-    set detect_on(value) {
-        this.detectsOn = value;
-    }
     load(data) {
-        var _a;
         if (!data) {
             return;
         }
-        const detectsOn = (_a = data.detectsOn) !== null && _a !== void 0 ? _a : data.detect_on;
+        const detectsOn = data.detectsOn;
         if (detectsOn !== undefined) {
             this.detectsOn = detectsOn;
         }

package/esm/Options/Classes/Interactivity/Modes/Modes.js

@@ -7,15 +7,18 @@ export class Modes {
         if (!data) {
             return;
         }
-        if (this._container) {
-            const interactors = this._engine.plugins.interactors.get(this._container);
-            if (interactors) {
-                for (const interactor of interactors) {
-                    if (interactor.loadModeOptions) {
-                        interactor.loadModeOptions(this, data);
-                    }
-                }
+        if (!this._container) {
+            return;
+        }
+        const interactors = this._engine.interactors.get(this._container);
+        if (!interactors) {
+            return;
+        }
+        for (const interactor of interactors) {
+            if (!interactor.loadModeOptions) {
+                continue;
             }
+            interactor.loadModeOptions(this, data);
         }
     }
 }

package/esm/Options/Classes/ManualParticle.js

@@ -1,18 +1,17 @@
-import { deepExtend } from "../../Utils/Utils";
+import { deepExtend } from "../../Utils/Utils.js";
 export class ManualParticle {
     load(data) {
-        var _a, _b, _c;
         if (!data) {
             return;
         }
-        if (data.position !== undefined) {
+        if (data.position) {
             this.position = {
-                x: (_a = data.position.x) !== null && _a !== void 0 ? _a : 50,
-                y: (_b = data.position.y) !== null && _b !== void 0 ? _b : 50,
-                mode: (_c = data.position.mode) !== null && _c !== void 0 ? _c : "percent",
+                x: data.position.x ?? 50,
+                y: data.position.y ?? 50,
+                mode: data.position.mode ?? "percent",
             };
         }
-        if (data.options !== undefined) {
+        if (data.options) {
             this.options = deepExtend({}, data.options);
         }
     }

package/esm/Options/Classes/Options.js

@@ -1,15 +1,22 @@
-import { deepExtend, executeOnSingleOrMultiple, safeMatchMedia } from "../../Utils/Utils";
-import { Background } from "./Background/Background";
-import { BackgroundMask } from "./BackgroundMask/BackgroundMask";
-import { FullScreen } from "./FullScreen/FullScreen";
-import { Interactivity } from "./Interactivity/Interactivity";
-import { ManualParticle } from "./ManualParticle";
-import { Responsive } from "./Responsive";
-import { Theme } from "./Theme/Theme";
-import { loadParticlesOptions } from "../../Utils/OptionsUtils";
-import { setRangeValue } from "../../Utils/NumberUtils";
+import { deepExtend, executeOnSingleOrMultiple, isBoolean, safeMatchMedia } from "../../Utils/Utils.js";
+import { Background } from "./Background/Background.js";
+import { BackgroundMask } from "./BackgroundMask/BackgroundMask.js";
+import { FullScreen } from "./FullScreen/FullScreen.js";
+import { Interactivity } from "./Interactivity/Interactivity.js";
+import { ManualParticle } from "./ManualParticle.js";
+import { Responsive } from "./Responsive.js";
+import { Theme } from "./Theme/Theme.js";
+import { loadParticlesOptions } from "../../Utils/OptionsUtils.js";
+import { setRangeValue } from "../../Utils/NumberUtils.js";
 export class Options {
     constructor(engine, container) {
+        this._findDefaultTheme = (mode) => {
+            return (this.themes.find((theme) => theme.default.value && theme.default.mode === mode) ??
+                this.themes.find((theme) => theme.default.value && theme.default.mode === "any"));
+        };
+        this._importPreset = (preset) => {
+            this.load(this._engine.getPreset(preset));
+        };
         this._engine = engine;
         this._container = container;
         this.autoPlay = true;
@@ -23,7 +30,6 @@ export class Options {
         this.fpsLimit = 120;
         this.interactivity = new Interactivity(engine, container);
         this.manualParticles = [];
-        this.name = "default";
         this.particles = loadParticlesOptions(this._engine, this._container);
         this.pauseOnBlur = true;
         this.pauseOnOutsideViewport = true;
@@ -33,26 +39,7 @@ export class Options {
         this.themes = [];
         this.zLayers = 100;
     }
-    get backgroundMode() {
-        return this.fullScreen;
-    }
-    set backgroundMode(value) {
-        this.fullScreen.load(value);
-    }
-    get fps_limit() {
-        return this.fpsLimit;
-    }
-    set fps_limit(value) {
-        this.fpsLimit = value;
-    }
-    get retina_detect() {
-        return this.detectRetina;
-    }
-    set retina_detect(value) {
-        this.detectRetina = value;
-    }
     load(data) {
-        var _a, _b, _c, _d, _e;
         if (!data) {
             return;
         }
@@ -65,14 +52,14 @@ export class Options {
         if (data.delay !== undefined) {
             this.delay = setRangeValue(data.delay);
         }
-        const detectRetina = (_a = data.detectRetina) !== null && _a !== void 0 ? _a : data.retina_detect;
+        const detectRetina = data.detectRetina;
         if (detectRetina !== undefined) {
             this.detectRetina = detectRetina;
         }
         if (data.duration !== undefined) {
             this.duration = setRangeValue(data.duration);
         }
-        const fpsLimit = (_b = data.fpsLimit) !== null && _b !== void 0 ? _b : data.fps_limit;
+        const fpsLimit = data.fpsLimit;
         if (fpsLimit !== undefined) {
             this.fpsLimit = fpsLimit;
         }
@@ -86,8 +73,8 @@ export class Options {
             this.zLayers = data.zLayers;
         }
         this.background.load(data.background);
-        const fullScreen = (_c = data.fullScreen) !== null && _c !== void 0 ? _c : data.backgroundMode;
-        if (typeof fullScreen === "boolean") {
+        const fullScreen = data.fullScreen;
+        if (isBoolean(fullScreen)) {
             this.fullScreen.enable = fullScreen;
         }
         else {
@@ -95,7 +82,7 @@ export class Options {
         }
         this.backgroundMask.load(data.backgroundMask);
         this.interactivity.load(data.interactivity);
-        if (data.manualParticles !== undefined) {
+        if (data.manualParticles) {
             this.manualParticles = data.manualParticles.map((t) => {
                 const tmp = new ManualParticle();
                 tmp.load(t);
@@ -104,11 +91,11 @@ export class Options {
         }
         this.particles.load(data.particles);
         this.style = deepExtend(this.style, data.style);
-        this._engine.plugins.loadOptions(this, data);
+        this._engine.loadOptions(this, data);
         if (data.smooth !== undefined) {
             this.smooth = data.smooth;
         }
-        const interactors = this._engine.plugins.interactors.get(this._container);
+        const interactors = this._engine.interactors.get(this._container);
         if (interactors) {
             for (const interactor of interactors) {
                 if (interactor.loadOptions) {
@@ -137,14 +124,14 @@ export class Options {
                 }
             }
         }
-        this.defaultThemes.dark = (_d = this._findDefaultTheme("dark")) === null || _d === void 0 ? void 0 : _d.name;
-        this.defaultThemes.light = (_e = this._findDefaultTheme("light")) === null || _e === void 0 ? void 0 : _e.name;
+        this.defaultThemes.dark = this._findDefaultTheme("dark")?.name;
+        this.defaultThemes.light = this._findDefaultTheme("light")?.name;
     }
     setResponsive(width, pxRatio, defaultOptions) {
         this.load(defaultOptions);
         const responsiveOptions = this.responsive.find((t) => t.mode === "screen" && screen ? t.maxWidth > screen.availWidth : t.maxWidth * pxRatio > width);
-        this.load(responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.options);
-        return responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.maxWidth;
+        this.load(responsiveOptions?.options);
+        return responsiveOptions?.maxWidth;
     }
     setTheme(name) {
         if (name) {
@@ -160,11 +147,4 @@ export class Options {
             }
         }
     }
-    _findDefaultTheme(mode) {
-        var _a;
-        return ((_a = this.themes.find((theme) => theme.default.value && theme.default.mode === mode)) !== null && _a !== void 0 ? _a : this.themes.find((theme) => theme.default.value && theme.default.mode === "any"));
-    }
-    _importPreset(preset) {
-        this.load(this._engine.plugins.getPreset(preset));
-    }
 }

package/esm/Options/Classes/OptionsColor.js

@@ -1,3 +1,4 @@
+import { isArray, isString } from "../../Utils/Utils.js";
 export class OptionsColor {
     constructor() {
         this.value = "";
@@ -6,7 +7,7 @@ export class OptionsColor {
         const color = new OptionsColor();
         color.load(source);
         if (data !== undefined) {
-            if (typeof data === "string" || data instanceof Array) {
+            if (isString(data) || isArray(data)) {
                 color.load({ value: data });
             }
             else {
@@ -16,7 +17,7 @@ export class OptionsColor {
         return color;
     }
     load(data) {
-        if ((data === null || data === void 0 ? void 0 : data.value) === undefined) {
+        if (data?.value === undefined) {
             return;
         }
         this.value = data.value;

package/esm/Options/Classes/Particles/Bounce/ParticlesBounce.js

@@ -1,4 +1,4 @@
-import { ParticlesBounceFactor } from "./ParticlesBounceFactor";
+import { ParticlesBounceFactor } from "./ParticlesBounceFactor.js";
 export class ParticlesBounce {
     constructor() {
         this.horizontal = new ParticlesBounceFactor();

package/esm/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js

@@ -1,4 +1,4 @@
-import { ValueWithRandom } from "../../ValueWithRandom";
+import { ValueWithRandom } from "../../ValueWithRandom.js";
 export class ParticlesBounceFactor extends ValueWithRandom {
     constructor() {
         super();