@tsparticles/updater-tilt 3.0.0-alpha.0

package/tsparticles.updater.tilt.js

@@ -0,0 +1,263 @@
+/*!
+ * 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__, {
+  "loadTiltUpdater": () => (/* binding */ loadTiltUpdater)
+});
+
+// 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/TiltAnimation.js
+
+class TiltAnimation {
+  constructor() {
+    this.enable = false;
+    this.speed = 0;
+    this.decay = 0;
+    this.sync = false;
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.enable !== undefined) {
+      this.enable = data.enable;
+    }
+    if (data.speed !== undefined) {
+      this.speed = (0,engine_root_window_.setRangeValue)(data.speed);
+    }
+    if (data.decay !== undefined) {
+      this.decay = (0,engine_root_window_.setRangeValue)(data.decay);
+    }
+    if (data.sync !== undefined) {
+      this.sync = data.sync;
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/Tilt.js
+
+
+class Tilt extends engine_root_window_.ValueWithRandom {
+  constructor() {
+    super();
+    this.animation = new TiltAnimation();
+    this.direction = "clockwise";
+    this.enable = false;
+    this.value = 0;
+  }
+  load(data) {
+    super.load(data);
+    if (!data) {
+      return;
+    }
+    this.animation.load(data.animation);
+    if (data.direction !== undefined) {
+      this.direction = data.direction;
+    }
+    if (data.enable !== undefined) {
+      this.enable = data.enable;
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/TiltUpdater.js
+
+
+function updateTilt(particle, delta) {
+  var _a, _b;
+  if (!particle.tilt || !particle.options.tilt) {
+    return;
+  }
+  const tilt = particle.options.tilt,
+    tiltAnimation = tilt.animation,
+    speed = ((_a = particle.tilt.velocity) !== null && _a !== void 0 ? _a : 0) * delta.factor,
+    max = 2 * Math.PI,
+    decay = (_b = particle.tilt.decay) !== null && _b !== void 0 ? _b : 1;
+  if (!tiltAnimation.enable) {
+    return;
+  }
+  switch (particle.tilt.status) {
+    case "increasing":
+      particle.tilt.value += speed;
+      if (particle.tilt.value > max) {
+        particle.tilt.value -= max;
+      }
+      break;
+    case "decreasing":
+    default:
+      particle.tilt.value -= speed;
+      if (particle.tilt.value < 0) {
+        particle.tilt.value += max;
+      }
+      break;
+  }
+  if (particle.tilt.velocity && decay !== 1) {
+    particle.tilt.velocity *= decay;
+  }
+}
+class TiltUpdater {
+  constructor(container) {
+    this.container = container;
+  }
+  getTransformValues(particle) {
+    var _a;
+    const tilt = ((_a = particle.tilt) === null || _a === void 0 ? void 0 : _a.enable) && particle.tilt;
+    return {
+      b: tilt ? Math.cos(tilt.value) * tilt.cosDirection : undefined,
+      c: tilt ? Math.sin(tilt.value) * tilt.sinDirection : undefined
+    };
+  }
+  init(particle) {
+    var _a;
+    const tiltOptions = particle.options.tilt;
+    if (!tiltOptions) {
+      return;
+    }
+    particle.tilt = {
+      enable: tiltOptions.enable,
+      value: (0,engine_root_window_.getRangeValue)(tiltOptions.value) * Math.PI / 180,
+      sinDirection: (0,engine_root_window_.getRandom)() >= 0.5 ? 1 : -1,
+      cosDirection: (0,engine_root_window_.getRandom)() >= 0.5 ? 1 : -1
+    };
+    let tiltDirection = tiltOptions.direction;
+    if (tiltDirection === "random") {
+      const index = Math.floor((0,engine_root_window_.getRandom)() * 2);
+      tiltDirection = index > 0 ? "counter-clockwise" : "clockwise";
+    }
+    switch (tiltDirection) {
+      case "counter-clockwise":
+      case "counterClockwise":
+        particle.tilt.status = "decreasing";
+        break;
+      case "clockwise":
+        particle.tilt.status = "increasing";
+        break;
+    }
+    const tiltAnimation = (_a = particle.options.tilt) === null || _a === void 0 ? void 0 : _a.animation;
+    if (tiltAnimation === null || tiltAnimation === void 0 ? void 0 : tiltAnimation.enable) {
+      particle.tilt.decay = 1 - (0,engine_root_window_.getRangeValue)(tiltAnimation.decay);
+      particle.tilt.velocity = (0,engine_root_window_.getRangeValue)(tiltAnimation.speed) / 360 * this.container.retina.reduceFactor;
+      if (!tiltAnimation.sync) {
+        particle.tilt.velocity *= (0,engine_root_window_.getRandom)();
+      }
+    }
+  }
+  isEnabled(particle) {
+    var _a;
+    const tiltAnimation = (_a = particle.options.tilt) === null || _a === void 0 ? void 0 : _a.animation;
+    return !particle.destroyed && !particle.spawning && !!(tiltAnimation === null || tiltAnimation === void 0 ? void 0 : tiltAnimation.enable);
+  }
+  loadOptions(options, ...sources) {
+    if (!options.tilt) {
+      options.tilt = new Tilt();
+    }
+    for (const source of sources) {
+      options.tilt.load(source === null || source === void 0 ? void 0 : source.tilt);
+    }
+  }
+  update(particle, delta) {
+    if (!this.isEnabled(particle)) {
+      return;
+    }
+    updateTilt(particle, delta);
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/index.js
+
+async function loadTiltUpdater(engine) {
+  await engine.addParticleUpdater("tilt", container => new TiltUpdater(container));
+}
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/tsparticles.updater.tilt.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see tsparticles.updater.tilt.min.js.LICENSE.txt */
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var i="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(this,(t=>(()=>{"use strict";var e={533:e=>{e.exports=t}},i={};function o(t){var n=i[t];if(void 0!==n)return n.exports;var a=i[t]={exports:{}};return e[t](a,a.exports,o),a.exports}o.d=(t,e)=>{for(var i in e)o.o(e,i)&&!o.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{loadTiltUpdater:()=>l});var t=o(533);class e{constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(e){e&&(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.speed&&(this.speed=(0,t.setRangeValue)(e.speed)),void 0!==e.decay&&(this.decay=(0,t.setRangeValue)(e.decay)),void 0!==e.sync&&(this.sync=e.sync))}}class i extends t.ValueWithRandom{constructor(){super(),this.animation=new e,this.direction="clockwise",this.enable=!1,this.value=0}load(t){super.load(t),t&&(this.animation.load(t.animation),void 0!==t.direction&&(this.direction=t.direction),void 0!==t.enable&&(this.enable=t.enable))}}class a{constructor(t){this.container=t}getTransformValues(t){var e;const i=(null===(e=t.tilt)||void 0===e?void 0:e.enable)&&t.tilt;return{b:i?Math.cos(i.value)*i.cosDirection:void 0,c:i?Math.sin(i.value)*i.sinDirection:void 0}}init(e){var i;const o=e.options.tilt;if(!o)return;e.tilt={enable:o.enable,value:(0,t.getRangeValue)(o.value)*Math.PI/180,sinDirection:(0,t.getRandom)()>=.5?1:-1,cosDirection:(0,t.getRandom)()>=.5?1:-1};let n=o.direction;if("random"===n){n=Math.floor(2*(0,t.getRandom)())>0?"counter-clockwise":"clockwise"}switch(n){case"counter-clockwise":case"counterClockwise":e.tilt.status="decreasing";break;case"clockwise":e.tilt.status="increasing"}const a=null===(i=e.options.tilt)||void 0===i?void 0:i.animation;(null==a?void 0:a.enable)&&(e.tilt.decay=1-(0,t.getRangeValue)(a.decay),e.tilt.velocity=(0,t.getRangeValue)(a.speed)/360*this.container.retina.reduceFactor,a.sync||(e.tilt.velocity*=(0,t.getRandom)()))}isEnabled(t){var e;const i=null===(e=t.options.tilt)||void 0===e?void 0:e.animation;return!t.destroyed&&!t.spawning&&!!(null==i?void 0:i.enable)}loadOptions(t,...e){t.tilt||(t.tilt=new i);for(const i of e)t.tilt.load(null==i?void 0:i.tilt)}update(t,e){this.isEnabled(t)&&function(t,e){var i,o;if(!t.tilt||!t.options.tilt)return;const n=t.options.tilt.animation,a=(null!==(i=t.tilt.velocity)&&void 0!==i?i:0)*e.factor,l=2*Math.PI,s=null!==(o=t.tilt.decay)&&void 0!==o?o:1;n.enable&&("increasing"===t.tilt.status?(t.tilt.value+=a,t.tilt.value>l&&(t.tilt.value-=l)):(t.tilt.value-=a,t.tilt.value<0&&(t.tilt.value+=l)),t.tilt.velocity&&1!==s&&(t.tilt.velocity*=s))}(t,e)}}async function l(t){await t.addParticleUpdater("tilt",(t=>new a(t)))}})(),n})()));

package/tsparticles.updater.tilt.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/Tilt.d.ts

@@ -0,0 +1,13 @@
+import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
+import type { ITilt } from "../Interfaces/ITilt";
+import { TiltAnimation } from "./TiltAnimation";
+import { TiltDirection } from "../../TiltDirection";
+import type { TiltDirectionAlt } from "../../TiltDirection";
+import { ValueWithRandom } from "@tsparticles/engine";
+export declare class Tilt extends ValueWithRandom implements ITilt, IOptionLoader<ITilt> {
+    animation: TiltAnimation;
+    direction: TiltDirection | keyof typeof TiltDirection | TiltDirectionAlt;
+    enable: boolean;
+    constructor();
+    load(data?: RecursivePartial<ITilt>): void;
+}

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

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

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

@@ -0,0 +1,8 @@
+import type { TiltDirection, TiltDirectionAlt } from "../../TiltDirection";
+import type { ITiltAnimation } from "./ITiltAnimation";
+import type { IValueWithRandom } from "@tsparticles/engine";
+export interface ITilt extends IValueWithRandom {
+    animation: ITiltAnimation;
+    direction: TiltDirection | keyof typeof TiltDirection | TiltDirectionAlt;
+    enable: boolean;
+}

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

@@ -0,0 +1,7 @@
+import type { RangeValue } from "@tsparticles/engine";
+export interface ITiltAnimation {
+    decay: RangeValue;
+    enable: boolean;
+    speed: RangeValue;
+    sync: boolean;
+}

package/types/TiltDirection.d.ts

@@ -0,0 +1,6 @@
+export declare const enum TiltDirection {
+    clockwise = "clockwise",
+    counterClockwise = "counter-clockwise",
+    random = "random"
+}
+export type TiltDirectionAlt = "counter-clockwise";

package/types/TiltUpdater.d.ts

@@ -0,0 +1,27 @@
+import type { Container, IDelta, IParticleTransformValues, IParticleUpdater, IParticleValueAnimation, IParticlesOptions, Particle, ParticlesOptions, RecursivePartial } from "@tsparticles/engine";
+import type { ITilt } from "./Options/Interfaces/ITilt";
+import { Tilt } from "./Options/Classes/Tilt";
+export interface IParticleTiltValueAnimation extends IParticleValueAnimation<number> {
+    cosDirection: number;
+    sinDirection: number;
+}
+type TiltParticle = Particle & {
+    options: TiltParticlesOptions;
+    tilt?: IParticleTiltValueAnimation;
+};
+type ITiltParticlesOptions = IParticlesOptions & {
+    tilt?: ITilt;
+};
+type TiltParticlesOptions = ParticlesOptions & {
+    tilt?: Tilt;
+};
+export declare class TiltUpdater implements IParticleUpdater {
+    private readonly container;
+    constructor(container: Container);
+    getTransformValues(particle: TiltParticle): IParticleTransformValues;
+    init(particle: TiltParticle): void;
+    isEnabled(particle: TiltParticle): boolean;
+    loadOptions(options: TiltParticlesOptions, ...sources: (RecursivePartial<ITiltParticlesOptions> | undefined)[]): void;
+    update(particle: Particle, delta: IDelta): void;
+}
+export {};

package/types/index.d.ts

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

package/umd/Options/Classes/Tilt.js

@@ -0,0 +1,38 @@
+(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", "./TiltAnimation", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Tilt = void 0;
+    const TiltAnimation_1 = require("./TiltAnimation");
+    const engine_1 = require("@tsparticles/engine");
+    class Tilt extends engine_1.ValueWithRandom {
+        constructor() {
+            super();
+            this.animation = new TiltAnimation_1.TiltAnimation();
+            this.direction = "clockwise";
+            this.enable = false;
+            this.value = 0;
+        }
+        load(data) {
+            super.load(data);
+            if (!data) {
+                return;
+            }
+            this.animation.load(data.animation);
+            if (data.direction !== undefined) {
+                this.direction = data.direction;
+            }
+            if (data.enable !== undefined) {
+                this.enable = data.enable;
+            }
+        }
+    }
+    exports.Tilt = Tilt;
+});

package/umd/Options/Classes/TiltAnimation.js

@@ -0,0 +1,40 @@
+(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.TiltAnimation = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    class TiltAnimation {
+        constructor() {
+            this.enable = false;
+            this.speed = 0;
+            this.decay = 0;
+            this.sync = false;
+        }
+        load(data) {
+            if (!data) {
+                return;
+            }
+            if (data.enable !== undefined) {
+                this.enable = data.enable;
+            }
+            if (data.speed !== undefined) {
+                this.speed = (0, engine_1.setRangeValue)(data.speed);
+            }
+            if (data.decay !== undefined) {
+                this.decay = (0, engine_1.setRangeValue)(data.decay);
+            }
+            if (data.sync !== undefined) {
+                this.sync = data.sync;
+            }
+        }
+    }
+    exports.TiltAnimation = TiltAnimation;
+});

package/umd/Options/Interfaces/ITilt.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/ITiltAnimation.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/TiltDirection.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/TiltUpdater.js

@@ -0,0 +1,111 @@
+(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/Tilt"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TiltUpdater = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    const Tilt_1 = require("./Options/Classes/Tilt");
+    function updateTilt(particle, delta) {
+        var _a, _b;
+        if (!particle.tilt || !particle.options.tilt) {
+            return;
+        }
+        const tilt = particle.options.tilt, tiltAnimation = tilt.animation, speed = ((_a = particle.tilt.velocity) !== null && _a !== void 0 ? _a : 0) * delta.factor, max = 2 * Math.PI, decay = (_b = particle.tilt.decay) !== null && _b !== void 0 ? _b : 1;
+        if (!tiltAnimation.enable) {
+            return;
+        }
+        switch (particle.tilt.status) {
+            case "increasing":
+                particle.tilt.value += speed;
+                if (particle.tilt.value > max) {
+                    particle.tilt.value -= max;
+                }
+                break;
+            case "decreasing":
+            default:
+                particle.tilt.value -= speed;
+                if (particle.tilt.value < 0) {
+                    particle.tilt.value += max;
+                }
+                break;
+        }
+        if (particle.tilt.velocity && decay !== 1) {
+            particle.tilt.velocity *= decay;
+        }
+    }
+    class TiltUpdater {
+        constructor(container) {
+            this.container = container;
+        }
+        getTransformValues(particle) {
+            var _a;
+            const tilt = ((_a = particle.tilt) === null || _a === void 0 ? void 0 : _a.enable) && particle.tilt;
+            return {
+                b: tilt ? Math.cos(tilt.value) * tilt.cosDirection : undefined,
+                c: tilt ? Math.sin(tilt.value) * tilt.sinDirection : undefined,
+            };
+        }
+        init(particle) {
+            var _a;
+            const tiltOptions = particle.options.tilt;
+            if (!tiltOptions) {
+                return;
+            }
+            particle.tilt = {
+                enable: tiltOptions.enable,
+                value: ((0, engine_1.getRangeValue)(tiltOptions.value) * Math.PI) / 180,
+                sinDirection: (0, engine_1.getRandom)() >= 0.5 ? 1 : -1,
+                cosDirection: (0, engine_1.getRandom)() >= 0.5 ? 1 : -1,
+            };
+            let tiltDirection = tiltOptions.direction;
+            if (tiltDirection === "random") {
+                const index = Math.floor((0, engine_1.getRandom)() * 2);
+                tiltDirection = index > 0 ? "counter-clockwise" : "clockwise";
+            }
+            switch (tiltDirection) {
+                case "counter-clockwise":
+                case "counterClockwise":
+                    particle.tilt.status = "decreasing";
+                    break;
+                case "clockwise":
+                    particle.tilt.status = "increasing";
+                    break;
+            }
+            const tiltAnimation = (_a = particle.options.tilt) === null || _a === void 0 ? void 0 : _a.animation;
+            if (tiltAnimation === null || tiltAnimation === void 0 ? void 0 : tiltAnimation.enable) {
+                particle.tilt.decay = 1 - (0, engine_1.getRangeValue)(tiltAnimation.decay);
+                particle.tilt.velocity = ((0, engine_1.getRangeValue)(tiltAnimation.speed) / 360) * this.container.retina.reduceFactor;
+                if (!tiltAnimation.sync) {
+                    particle.tilt.velocity *= (0, engine_1.getRandom)();
+                }
+            }
+        }
+        isEnabled(particle) {
+            var _a;
+            const tiltAnimation = (_a = particle.options.tilt) === null || _a === void 0 ? void 0 : _a.animation;
+            return !particle.destroyed && !particle.spawning && !!(tiltAnimation === null || tiltAnimation === void 0 ? void 0 : tiltAnimation.enable);
+        }
+        loadOptions(options, ...sources) {
+            if (!options.tilt) {
+                options.tilt = new Tilt_1.Tilt();
+            }
+            for (const source of sources) {
+                options.tilt.load(source === null || source === void 0 ? void 0 : source.tilt);
+            }
+        }
+        update(particle, delta) {
+            if (!this.isEnabled(particle)) {
+                return;
+            }
+            updateTilt(particle, delta);
+        }
+    }
+    exports.TiltUpdater = TiltUpdater;
+});

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", "./TiltUpdater"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadTiltUpdater = void 0;
+    const TiltUpdater_1 = require("./TiltUpdater");
+    async function loadTiltUpdater(engine) {
+        await engine.addParticleUpdater("tilt", (container) => new TiltUpdater_1.TiltUpdater(container));
+    }
+    exports.loadTiltUpdater = loadTiltUpdater;
+});