@tsparticles/updater-wobble 3.0.0-alpha.0

package/tsparticles.updater.wobble.js

@@ -0,0 +1,226 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v3.0.0-alpha.0
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@tsparticles/engine"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@tsparticles/engine"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine")) : factory(root["window"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(this, (__WEBPACK_EXTERNAL_MODULE__533__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 533:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "loadWobbleUpdater": () => (/* binding */ loadWobbleUpdater)
+});
+
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
+var engine_root_window_ = __webpack_require__(533);
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/WobbleSpeed.js
+
+class WobbleSpeed {
+  constructor() {
+    this.angle = 50;
+    this.move = 10;
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.angle !== undefined) {
+      this.angle = (0,engine_root_window_.setRangeValue)(data.angle);
+    }
+    if (data.move !== undefined) {
+      this.move = (0,engine_root_window_.setRangeValue)(data.move);
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/Wobble.js
+
+
+class Wobble {
+  constructor() {
+    this.distance = 5;
+    this.enable = false;
+    this.speed = new WobbleSpeed();
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.distance !== undefined) {
+      this.distance = (0,engine_root_window_.setRangeValue)(data.distance);
+    }
+    if (data.enable !== undefined) {
+      this.enable = data.enable;
+    }
+    if (data.speed !== undefined) {
+      if (typeof data.speed === "number") {
+        this.speed.load({
+          angle: data.speed
+        });
+      } else {
+        const rangeSpeed = data.speed;
+        if (rangeSpeed.min !== undefined) {
+          this.speed.load({
+            angle: rangeSpeed
+          });
+        } else {
+          this.speed.load(data.speed);
+        }
+      }
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/WobbleUpdater.js
+
+
+function updateWobble(particle, delta) {
+  var _a;
+  const wobble = particle.options.wobble;
+  if (!(wobble === null || wobble === void 0 ? void 0 : wobble.enable) || !particle.wobble) {
+    return;
+  }
+  const angleSpeed = particle.wobble.angleSpeed * delta.factor,
+    moveSpeed = particle.wobble.moveSpeed * delta.factor,
+    distance = moveSpeed * (((_a = particle.retina.wobbleDistance) !== null && _a !== void 0 ? _a : 0) * delta.factor) / (1000 / 60),
+    max = 2 * Math.PI;
+  particle.wobble.angle += angleSpeed;
+  if (particle.wobble.angle > max) {
+    particle.wobble.angle -= max;
+  }
+  particle.position.x += distance * Math.cos(particle.wobble.angle);
+  particle.position.y += distance * Math.abs(Math.sin(particle.wobble.angle));
+}
+class WobbleUpdater {
+  constructor(container) {
+    this.container = container;
+  }
+  init(particle) {
+    var _a;
+    const wobbleOpt = particle.options.wobble;
+    if (wobbleOpt === null || wobbleOpt === void 0 ? void 0 : wobbleOpt.enable) {
+      particle.wobble = {
+        angle: (0,engine_root_window_.getRandom)() * Math.PI * 2,
+        angleSpeed: (0,engine_root_window_.getRangeValue)(wobbleOpt.speed.angle) / 360,
+        moveSpeed: (0,engine_root_window_.getRangeValue)(wobbleOpt.speed.move) / 10
+      };
+    } else {
+      particle.wobble = {
+        angle: 0,
+        angleSpeed: 0,
+        moveSpeed: 0
+      };
+    }
+    particle.retina.wobbleDistance = (0,engine_root_window_.getRangeValue)((_a = wobbleOpt === null || wobbleOpt === void 0 ? void 0 : wobbleOpt.distance) !== null && _a !== void 0 ? _a : 0) * this.container.retina.pixelRatio;
+  }
+  isEnabled(particle) {
+    var _a;
+    return !particle.destroyed && !particle.spawning && !!((_a = particle.options.wobble) === null || _a === void 0 ? void 0 : _a.enable);
+  }
+  loadOptions(options, ...sources) {
+    if (!options.wobble) {
+      options.wobble = new Wobble();
+    }
+    for (const source of sources) {
+      options.wobble.load(source === null || source === void 0 ? void 0 : source.wobble);
+    }
+  }
+  update(particle, delta) {
+    if (!this.isEnabled(particle)) {
+      return;
+    }
+    updateWobble(particle, delta);
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/index.js
+
+async function loadWobbleUpdater(engine) {
+  await engine.addParticleUpdater("wobble", container => new WobbleUpdater(container));
+}
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/tsparticles.updater.wobble.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see tsparticles.updater.wobble.min.js.LICENSE.txt */
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],o);else{var t="object"==typeof exports?o(require("@tsparticles/engine")):o(e.window);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(this,(e=>(()=>{"use strict";var o={533:o=>{o.exports=e}},t={};function n(e){var a=t[e];if(void 0!==a)return a.exports;var l=t[e]={exports:{}};return o[e](l,l.exports,n),l.exports}n.d=(e,o)=>{for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{loadWobbleUpdater:()=>i});var e=n(533);class o{constructor(){this.angle=50,this.move=10}load(o){o&&(void 0!==o.angle&&(this.angle=(0,e.setRangeValue)(o.angle)),void 0!==o.move&&(this.move=(0,e.setRangeValue)(o.move)))}}class t{constructor(){this.distance=5,this.enable=!1,this.speed=new o}load(o){if(o&&(void 0!==o.distance&&(this.distance=(0,e.setRangeValue)(o.distance)),void 0!==o.enable&&(this.enable=o.enable),void 0!==o.speed))if("number"==typeof o.speed)this.speed.load({angle:o.speed});else{const e=o.speed;void 0!==e.min?this.speed.load({angle:e}):this.speed.load(o.speed)}}}class l{constructor(e){this.container=e}init(o){var t;const n=o.options.wobble;(null==n?void 0:n.enable)?o.wobble={angle:(0,e.getRandom)()*Math.PI*2,angleSpeed:(0,e.getRangeValue)(n.speed.angle)/360,moveSpeed:(0,e.getRangeValue)(n.speed.move)/10}:o.wobble={angle:0,angleSpeed:0,moveSpeed:0},o.retina.wobbleDistance=(0,e.getRangeValue)(null!==(t=null==n?void 0:n.distance)&&void 0!==t?t:0)*this.container.retina.pixelRatio}isEnabled(e){var o;return!e.destroyed&&!e.spawning&&!!(null===(o=e.options.wobble)||void 0===o?void 0:o.enable)}loadOptions(e,...o){e.wobble||(e.wobble=new t);for(const t of o)e.wobble.load(null==t?void 0:t.wobble)}update(e,o){this.isEnabled(e)&&function(e,o){var t;const n=e.options.wobble;if(!(null==n?void 0:n.enable)||!e.wobble)return;const a=e.wobble.angleSpeed*o.factor,l=e.wobble.moveSpeed*o.factor*((null!==(t=e.retina.wobbleDistance)&&void 0!==t?t:0)*o.factor)/(1e3/60),i=2*Math.PI;e.wobble.angle+=a,e.wobble.angle>i&&(e.wobble.angle-=i),e.position.x+=l*Math.cos(e.wobble.angle),e.position.y+=l*Math.abs(Math.sin(e.wobble.angle))}(e,o)}}async function i(e){await e.addParticleUpdater("wobble",(e=>new l(e)))}})(),a})()));

package/tsparticles.updater.wobble.min.js.LICENSE.txt

@@ -0,0 +1,8 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v3.0.0-alpha.0
+ */

package/types/Options/Classes/Wobble.d.ts

@@ -0,0 +1,10 @@
+import type { IOptionLoader, RangeValue, RecursivePartial } from "@tsparticles/engine";
+import type { IWobble } from "../Interfaces/IWobble";
+import { WobbleSpeed } from "./WobbleSpeed";
+export declare class Wobble implements IWobble, IOptionLoader<IWobble> {
+    distance: RangeValue;
+    enable: boolean;
+    speed: WobbleSpeed;
+    constructor();
+    load(data?: RecursivePartial<IWobble>): void;
+}

package/types/Options/Classes/WobbleSpeed.d.ts

@@ -0,0 +1,8 @@
+import type { IOptionLoader, RangeValue, RecursivePartial } from "@tsparticles/engine";
+import type { IWobbleSpeed } from "../Interfaces/IWobbleSpeed";
+export declare class WobbleSpeed implements IWobbleSpeed, IOptionLoader<IWobbleSpeed> {
+    angle: RangeValue;
+    move: RangeValue;
+    constructor();
+    load(data?: RecursivePartial<IWobbleSpeed>): void;
+}

package/types/Options/Interfaces/IWobble.d.ts

@@ -0,0 +1,7 @@
+import type { IWobbleSpeed } from "./IWobbleSpeed";
+import type { RangeValue } from "@tsparticles/engine";
+export interface IWobble {
+    distance: RangeValue;
+    enable: boolean;
+    speed: RangeValue | IWobbleSpeed;
+}

package/types/Options/Interfaces/IWobbleSpeed.d.ts

@@ -0,0 +1,5 @@
+import type { RangeValue } from "@tsparticles/engine";
+export interface IWobbleSpeed {
+    angle: RangeValue;
+    move: RangeValue;
+}

package/types/WobbleUpdater.d.ts

@@ -0,0 +1,30 @@
+import type { Container, IDelta, IParticleUpdater, IParticlesOptions, Particle, ParticlesOptions, RecursivePartial } from "@tsparticles/engine";
+import type { IWobble } from "./Options/Interfaces/IWobble";
+import { Wobble } from "./Options/Classes/Wobble";
+interface IParticleWobble {
+    angle: number;
+    angleSpeed: number;
+    moveSpeed: number;
+}
+type WobbleParticle = Particle & {
+    options: WobbleParticlesOptions;
+    retina: {
+        wobbleDistance?: number;
+    };
+    wobble?: IParticleWobble;
+};
+type IWobbleParticlesOptions = IParticlesOptions & {
+    wobble?: IWobble;
+};
+type WobbleParticlesOptions = ParticlesOptions & {
+    wobble?: Wobble;
+};
+export declare class WobbleUpdater implements IParticleUpdater {
+    private readonly container;
+    constructor(container: Container);
+    init(particle: WobbleParticle): void;
+    isEnabled(particle: WobbleParticle): boolean;
+    loadOptions(options: WobbleParticlesOptions, ...sources: (RecursivePartial<IWobbleParticlesOptions> | undefined)[]): void;
+    update(particle: WobbleParticle, delta: IDelta): void;
+}
+export {};

package/types/index.d.ts

@@ -0,0 +1,2 @@
+import type { Engine } from "@tsparticles/engine";
+export declare function loadWobbleUpdater(engine: Engine): Promise<void>;

package/umd/Options/Classes/Wobble.js

@@ -0,0 +1,48 @@
+(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", "./WobbleSpeed", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Wobble = void 0;
+    const WobbleSpeed_1 = require("./WobbleSpeed");
+    const engine_1 = require("@tsparticles/engine");
+    class Wobble {
+        constructor() {
+            this.distance = 5;
+            this.enable = false;
+            this.speed = new WobbleSpeed_1.WobbleSpeed();
+        }
+        load(data) {
+            if (!data) {
+                return;
+            }
+            if (data.distance !== undefined) {
+                this.distance = (0, engine_1.setRangeValue)(data.distance);
+            }
+            if (data.enable !== undefined) {
+                this.enable = data.enable;
+            }
+            if (data.speed !== undefined) {
+                if (typeof data.speed === "number") {
+                    this.speed.load({ angle: data.speed });
+                }
+                else {
+                    const rangeSpeed = data.speed;
+                    if (rangeSpeed.min !== undefined) {
+                        this.speed.load({ angle: rangeSpeed });
+                    }
+                    else {
+                        this.speed.load(data.speed);
+                    }
+                }
+            }
+        }
+    }
+    exports.Wobble = Wobble;
+});

package/umd/Options/Classes/WobbleSpeed.js

@@ -0,0 +1,32 @@
+(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", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.WobbleSpeed = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    class WobbleSpeed {
+        constructor() {
+            this.angle = 50;
+            this.move = 10;
+        }
+        load(data) {
+            if (!data) {
+                return;
+            }
+            if (data.angle !== undefined) {
+                this.angle = (0, engine_1.setRangeValue)(data.angle);
+            }
+            if (data.move !== undefined) {
+                this.move = (0, engine_1.setRangeValue)(data.move);
+            }
+        }
+    }
+    exports.WobbleSpeed = WobbleSpeed;
+});

package/umd/Options/Interfaces/IWobble.js

@@ -0,0 +1,12 @@
+(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"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/Options/Interfaces/IWobbleSpeed.js

@@ -0,0 +1,12 @@
+(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"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/WobbleUpdater.js

@@ -0,0 +1,72 @@
+(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", "@tsparticles/engine", "./Options/Classes/Wobble"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.WobbleUpdater = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    const Wobble_1 = require("./Options/Classes/Wobble");
+    function updateWobble(particle, delta) {
+        var _a;
+        const wobble = particle.options.wobble;
+        if (!(wobble === null || wobble === void 0 ? void 0 : wobble.enable) || !particle.wobble) {
+            return;
+        }
+        const angleSpeed = particle.wobble.angleSpeed * delta.factor, moveSpeed = particle.wobble.moveSpeed * delta.factor, distance = (moveSpeed * (((_a = particle.retina.wobbleDistance) !== null && _a !== void 0 ? _a : 0) * delta.factor)) / (1000 / 60), max = 2 * Math.PI;
+        particle.wobble.angle += angleSpeed;
+        if (particle.wobble.angle > max) {
+            particle.wobble.angle -= max;
+        }
+        particle.position.x += distance * Math.cos(particle.wobble.angle);
+        particle.position.y += distance * Math.abs(Math.sin(particle.wobble.angle));
+    }
+    class WobbleUpdater {
+        constructor(container) {
+            this.container = container;
+        }
+        init(particle) {
+            var _a;
+            const wobbleOpt = particle.options.wobble;
+            if (wobbleOpt === null || wobbleOpt === void 0 ? void 0 : wobbleOpt.enable) {
+                particle.wobble = {
+                    angle: (0, engine_1.getRandom)() * Math.PI * 2,
+                    angleSpeed: (0, engine_1.getRangeValue)(wobbleOpt.speed.angle) / 360,
+                    moveSpeed: (0, engine_1.getRangeValue)(wobbleOpt.speed.move) / 10,
+                };
+            }
+            else {
+                particle.wobble = {
+                    angle: 0,
+                    angleSpeed: 0,
+                    moveSpeed: 0,
+                };
+            }
+            particle.retina.wobbleDistance = (0, engine_1.getRangeValue)((_a = wobbleOpt === null || wobbleOpt === void 0 ? void 0 : wobbleOpt.distance) !== null && _a !== void 0 ? _a : 0) * this.container.retina.pixelRatio;
+        }
+        isEnabled(particle) {
+            var _a;
+            return !particle.destroyed && !particle.spawning && !!((_a = particle.options.wobble) === null || _a === void 0 ? void 0 : _a.enable);
+        }
+        loadOptions(options, ...sources) {
+            if (!options.wobble) {
+                options.wobble = new Wobble_1.Wobble();
+            }
+            for (const source of sources) {
+                options.wobble.load(source === null || source === void 0 ? void 0 : source.wobble);
+            }
+        }
+        update(particle, delta) {
+            if (!this.isEnabled(particle)) {
+                return;
+            }
+            updateWobble(particle, delta);
+        }
+    }
+    exports.WobbleUpdater = WobbleUpdater;
+});

package/umd/index.js

@@ -0,0 +1,18 @@
+(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", "./WobbleUpdater"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadWobbleUpdater = void 0;
+    const WobbleUpdater_1 = require("./WobbleUpdater");
+    async function loadWobbleUpdater(engine) {
+        await engine.addParticleUpdater("wobble", (container) => new WobbleUpdater_1.WobbleUpdater(container));
+    }
+    exports.loadWobbleUpdater = loadWobbleUpdater;
+});