@tsparticles/path-curves 4.0.0-alpha.2 → 4.0.0-alpha.20

package/tsparticles.path.curves.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.2
+ * v4.0.0-alpha.20
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -28,16 +28,6 @@ return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ "./dist/browser/index.js"
-/*!*******************************!*\
-  !*** ./dist/browser/index.js ***!
-  \*******************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   curvesPathName: () => (/* binding */ curvesPathName),\n/* harmony export */   loadCurvesPath: () => (/* binding */ loadCurvesPath)\n/* harmony export */ });\nconst curvesPathName = \"curvesPathGenerator\";\nfunction loadCurvesPath(engine) {\n  engine.checkVersion(\"4.0.0-alpha.2\");\n  engine.register(async e => {\n    const {\n      CurvesPathGenerator\n    } = await __webpack_require__.e(/*! import() */ \"dist_browser_CurvesPathGenerator_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CurvesPathGenerator.js */ \"./dist/browser/CurvesPathGenerator.js\"));\n    e.addPathGenerator(curvesPathName, new CurvesPathGenerator());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/path-curves/./dist/browser/index.js?\n}");
-
-/***/ },
-
 /***/ "@tsparticles/engine"
 /*!*********************************************************************************************************************************!*\
   !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
@@ -46,6 +36,16 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
 
 module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 
+/***/ },
+
+/***/ "./dist/browser/index.js"
+/*!*******************************!*\
+  !*** ./dist/browser/index.js ***!
+  \*******************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   curvesPathName: () => (/* binding */ curvesPathName),\n/* harmony export */   loadCurvesPath: () => (/* binding */ loadCurvesPath)\n/* harmony export */ });\nconst curvesPathName = \"curvesPathGenerator\";\nasync function loadCurvesPath(engine) {\n    engine.checkVersion(\"4.0.0-alpha.20\");\n    await engine.register((e)=>{\n        e.addPathGenerator(curvesPathName, async (container)=>{\n            const { CurvesPathGenerator } = await __webpack_require__.e(/*! import() */ \"dist_browser_CurvesPathGenerator_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CurvesPathGenerator.js */ \"./dist/browser/CurvesPathGenerator.js\"));\n            return new CurvesPathGenerator(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/path-curves/./dist/browser/index.js?\n}");
+
 /***/ }
 
 /******/ 	});

package/tsparticles.path.curves.min.js

@@ -1,2 +1,2 @@
-/*! For license information please see tsparticles.path.curves.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,(e=>(()=>{var t,r,o={303(t){t.exports=e}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.m=o,a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce(((t,r)=>(a.f[r](e,t),t)),[])),a.u=e=>e+".min.js",a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),t={},r="@tsparticles/path-curves:",a.l=(e,o,n,i)=>{if(t[e])t[e].push(o);else{var s,c;if(void 0!==n)for(var p=document.getElementsByTagName("script"),u=0;u<p.length;u++){var l=p[u];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==r+n){s=l;break}}s||(c=!0,(s=document.createElement("script")).charset="utf-8",a.nc&&s.setAttribute("nonce",a.nc),s.setAttribute("data-webpack",r+n),s.src=e),t[e]=[o];var d=(r,o)=>{s.onerror=s.onload=null,clearTimeout(f);var n=t[e];if(delete t[e],s.parentNode&&s.parentNode.removeChild(s),n&&n.forEach((e=>e(o))),r)return r(o)},f=setTimeout(d.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=d.bind(null,s.onerror),s.onload=d.bind(null,s.onload),c&&document.head.appendChild(s)}},a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;a.g.importScripts&&(e=a.g.location+"");var t=a.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var o=r.length-1;o>-1&&(!e||!/^http(s?):/.test(e));)e=r[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),a.p=e})(),(()=>{var e={944:0};a.f.j=(t,r)=>{var o=a.o(e,t)?e[t]:void 0;if(0!==o)if(o)r.push(o[2]);else{var n=new Promise(((r,n)=>o=e[t]=[r,n]));r.push(o[2]=n);var i=a.p+a.u(t),s=new Error;a.l(i,(r=>{if(a.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var n=r&&("load"===r.type?"missing":r.type),i=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+n+": "+i+")",s.name="ChunkLoadError",s.type=n,s.request=i,o[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var o,n,[i,s,c]=r,p=0;if(i.some((t=>0!==e[t]))){for(o in s)a.o(s,o)&&(a.m[o]=s[o]);if(c)c(a)}for(t&&t(r);p<i.length;p++)n=i[p],a.o(e,n)&&e[n]&&e[n][0](),e[n]=0},r=this.webpackChunk_tsparticles_path_curves=this.webpackChunk_tsparticles_path_curves||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var i={};a.r(i),a.d(i,{curvesPathName:()=>s,loadCurvesPath:()=>c});const s="curvesPathGenerator";function c(e){e.checkVersion("4.0.0-alpha.2"),e.register((async e=>{const{CurvesPathGenerator:t}=await a.e(298).then(a.bind(a,298));e.addPathGenerator(s,new t)}))}return i})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,e=>(()=>{"use strict";var t,r,o,n={303(t){t.exports=e}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return n[e](r,r.exports,i),r.exports}i.m=n,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce((t,r)=>(i.f[r](e,t),t),[])),i.u=e=>""+e+".min.js",i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s={},i.l=(e,t,r,o)=>{if(s[e])return void s[e].push(t);if(void 0!==r)for(var n,a,c=document.getElementsByTagName("script"),p=0;p<c.length;p++){var u=c[p];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")=="@tsparticles/path-curves:"+r){n=u;break}}n||(a=!0,(n=document.createElement("script")).charset="utf-8",i.nc&&n.setAttribute("nonce",i.nc),n.setAttribute("data-webpack","@tsparticles/path-curves:"+r),n.src=e),s[e]=[t];var l=(t,r)=>{n.onerror=n.onload=null,clearTimeout(d);var o=s[e];if(delete s[e],n.parentNode&&n.parentNode.removeChild(n),o&&o.forEach(e=>e(r)),t)return t(r)},d=setTimeout(l.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=l.bind(null,n.onerror),n.onload=l.bind(null,n.onload),a&&document.head.appendChild(n)},i.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.g.importScripts&&(c=i.g.location+"");var s,c,p=i.g.document;if(!c&&p&&(p.currentScript&&"SCRIPT"===p.currentScript.tagName.toUpperCase()&&(c=p.currentScript.src),!c)){var u=p.getElementsByTagName("script");if(u.length)for(var l=u.length-1;l>-1&&(!c||!/^http(s?):/.test(c));)c=u[l--].src}if(!c)throw Error("Automatic publicPath is not supported in this browser");i.p=c=c.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t={944:0},i.f.j=(e,r)=>{var o=i.o(t,e)?t[e]:void 0;if(0!==o)if(o)r.push(o[2]);else{var n=new Promise((r,n)=>o=t[e]=[r,n]);r.push(o[2]=n);var a=i.p+i.u(e),s=Error();i.l(a,r=>{if(i.o(t,e)&&(0!==(o=t[e])&&(t[e]=void 0),o)){var n=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+e+` failed.
+(`+n+": "+a+")",s.name="ChunkLoadError",s.type=n,s.request=a,o[1](s)}},"chunk-"+e,e)}},r=(e,r)=>{var o,n,[a,s,c]=r,p=0;if(a.some(e=>0!==t[e])){for(o in s)i.o(s,o)&&(i.m[o]=s[o]);c&&c(i)}for(e&&e(r);p<a.length;p++)n=a[p],i.o(t,n)&&t[n]&&t[n][0](),t[n]=0},(o=this.webpackChunk_tsparticles_path_curves=this.webpackChunk_tsparticles_path_curves||[]).forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o));var d={};i.r(d),i.d(d,{curvesPathName:()=>f,loadCurvesPath:()=>h});let f="curvesPathGenerator";async function h(e){e.checkVersion("4.0.0-alpha.20"),await e.register(e=>{e.addPathGenerator(f,async e=>{let{CurvesPathGenerator:t}=await i.e(265).then(i.bind(i,265));return new t(e)})})}return d})());

package/types/CurvesPathGenerator.d.ts

@@ -3,9 +3,10 @@ import type { CurvesPathParticle } from "./CurvesPathParticle.js";
 import type { ICurvesOptions } from "./ICurvesOptions.js";
 export declare class CurvesPathGenerator implements IMovePathGenerator {
     readonly options: ICurvesOptions;
-    constructor();
-    generate(p: CurvesPathParticle): Vector;
-    init(container: Container): void;
+    private readonly _container;
+    constructor(container: Container);
+    generate(particle: CurvesPathParticle): Vector;
+    init(): void;
     reset(particle: CurvesPathParticle): void;
     update(): void;
 }

package/types/index.d.ts

@@ -1,3 +1,3 @@
 import { type Engine } from "@tsparticles/engine";
 export declare const curvesPathName = "curvesPathGenerator";
-export declare function loadCurvesPath(engine: Engine): void;
+export declare function loadCurvesPath(engine: Engine): Promise<void>;

package/umd/CurvesPathGenerator.js

@@ -12,53 +12,59 @@
     exports.CurvesPathGenerator = void 0;
     const engine_1 = require("@tsparticles/engine");
     const Curves_js_1 = require("./Curves.js");
+    const defaultOptions = {
+        rndFunc: null,
+        period: 100,
+        nbHarmonics: 2,
+        attenHarmonics: 0.8,
+        lowValue: -0.03,
+        highValue: 0.03,
+    };
     function randomVelocity() {
         const offset = 0.8, factor = 0.6;
         return (0, engine_1.getRandom)() * factor + offset;
     }
     class CurvesPathGenerator {
-        constructor() {
-            this.options = {
-                rndFunc: null,
-                period: 100,
-                nbHarmonics: 2,
-                attenHarmonics: 0.8,
-                lowValue: -0.03,
-                highValue: 0.03,
-            };
+        options;
+        _container;
+        constructor(container) {
+            this._container = container;
+            this.options = (0, engine_1.deepExtend)({}, defaultOptions);
         }
-        generate(p) {
-            if (!p.pathGen) {
-                const options = this.options;
-                p.pathGen = (0, Curves_js_1.CurvesPathGen)(options.rndFunc, options.period, options.nbHarmonics, options.attenHarmonics, options.lowValue, options.highValue);
+        generate(particle) {
+            if (!particle.pathGen) {
+                const { options } = this;
+                particle.pathGen = (0, Curves_js_1.CurvesPathGen)(options.rndFunc, options.period, options.nbHarmonics, options.attenHarmonics, options.lowValue, options.highValue);
             }
-            if (!p.curveVelocity) {
-                p.curveVelocity = engine_1.Vector.origin;
-                p.curveVelocity.length = randomVelocity();
-                p.curveVelocity.angle = (0, engine_1.getRandom)() * engine_1.doublePI;
+            if (particle.curveVelocity) {
+                particle.curveVelocity.length += 0.01;
+                particle.curveVelocity.angle = (particle.curveVelocity.angle + particle.pathGen()) % engine_1.doublePI;
             }
             else {
-                p.curveVelocity.length += 0.01;
-                p.curveVelocity.angle = (p.curveVelocity.angle + p.pathGen()) % engine_1.doublePI;
+                particle.curveVelocity = engine_1.Vector.origin;
+                particle.curveVelocity.length = randomVelocity();
+                particle.curveVelocity.angle = (0, engine_1.getRandom)() * engine_1.doublePI;
             }
-            p.velocity.x = 0;
-            p.velocity.y = 0;
-            return p.curveVelocity;
+            particle.velocity.x = 0;
+            particle.velocity.y = 0;
+            return particle.curveVelocity;
         }
-        init(container) {
-            const sourceOptions = container.actualOptions.particles.move.path.options, { options } = this;
+        init() {
+            const sourceOptions = this._container.actualOptions.particles.move.path.options;
             if ((0, engine_1.isFunction)(sourceOptions["rndFunc"])) {
-                options.rndFunc = sourceOptions["rndFunc"];
+                this.options.rndFunc = sourceOptions["rndFunc"];
             }
             else if ((0, engine_1.isString)(sourceOptions["rndFunc"])) {
-                options.rndFunc =
-                    globalThis[sourceOptions["rndFunc"]] ?? this.options.rndFunc;
+                this.options.rndFunc =
+                    globalThis[sourceOptions["rndFunc"]] ??
+                        this.options.rndFunc;
             }
-            options.period = sourceOptions["period"] ?? options.period;
-            options.nbHarmonics = sourceOptions["nbHarmonics"] ?? options.nbHarmonics;
-            options.attenHarmonics = sourceOptions["attenHarmonics"] ?? options.attenHarmonics;
-            options.lowValue = sourceOptions["lowValue"] ?? options.lowValue;
-            options.highValue = sourceOptions["highValue"] ?? options.highValue;
+            this.options.period = sourceOptions["period"] ?? this.options.period;
+            this.options.nbHarmonics = sourceOptions["nbHarmonics"] ?? this.options.nbHarmonics;
+            this.options.attenHarmonics =
+                sourceOptions["attenHarmonics"] ?? this.options.attenHarmonics;
+            this.options.lowValue = sourceOptions["lowValue"] ?? this.options.lowValue;
+            this.options.highValue = sourceOptions["highValue"] ?? this.options.highValue;
         }
         reset(particle) {
             delete particle.pathGen;

package/umd/index.js

@@ -46,11 +46,13 @@ var __importStar = (this && this.__importStar) || (function () {
     exports.curvesPathName = void 0;
     exports.loadCurvesPath = loadCurvesPath;
     exports.curvesPathName = "curvesPathGenerator";
-    function loadCurvesPath(engine) {
-        engine.checkVersion("4.0.0-alpha.2");
-        engine.register(async (e) => {
-            const { CurvesPathGenerator } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./CurvesPathGenerator.js"))) : new Promise((resolve_1, reject_1) => { require(["./CurvesPathGenerator.js"], resolve_1, reject_1); }).then(__importStar));
-            e.addPathGenerator(exports.curvesPathName, new CurvesPathGenerator());
+    async function loadCurvesPath(engine) {
+        engine.checkVersion("4.0.0-alpha.20");
+        await engine.register(e => {
+            e.addPathGenerator(exports.curvesPathName, async (container) => {
+                const { CurvesPathGenerator } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./CurvesPathGenerator.js"))) : new Promise((resolve_1, reject_1) => { require(["./CurvesPathGenerator.js"], resolve_1, reject_1); }).then(__importStar));
+                return new CurvesPathGenerator(container);
+            });
         });
     }
 });

package/298.min.js

@@ -1,2 +0,0 @@
-/*! For license information please see 298.min.js.LICENSE.txt */
-(this.webpackChunk_tsparticles_path_curves=this.webpackChunk_tsparticles_path_curves||[]).push([[298],{298(e,n,t){t.d(n,{CurvesPathGenerator:()=>r});var o=t(303);class r{constructor(){this.options={rndFunc:null,period:100,nbHarmonics:2,attenHarmonics:.8,lowValue:-.03,highValue:.03}}generate(e){if(!e.pathGen){const n=this.options;e.pathGen=function(e,n,t,r,c=0,i=1){const a=[],l=[],u=[],s=[],h=[],p=e??o.getRandom;let d=0;t<1&&(t=1);for(let e=1;e<=t;++e)a[e]=p(),l[e]=p(),u[e]=1===e?1:u[e-1]*r,d+=u[e],s[e]=e/n,h[e]=p();return u.forEach(((e,n)=>u[n]=e/d*(i-c))),()=>{let e,n,o=0;for(let r=t;r>=1;--r)e=h[r]+=s[r],h[r]>=1&&(e=h[r]-=1,a[r]=l[r],l[r]=p()),n=e**2*(3-2*e),o+=(a[r]*(1-n)+l[r]*n)*u[r];return o+c}}(n.rndFunc,n.period,n.nbHarmonics,n.attenHarmonics,n.lowValue,n.highValue)}return e.curveVelocity?(e.curveVelocity.length+=.01,e.curveVelocity.angle=(e.curveVelocity.angle+e.pathGen())%o.doublePI):(e.curveVelocity=o.Vector.origin,e.curveVelocity.length=.6*(0,o.getRandom)()+.8,e.curveVelocity.angle=(0,o.getRandom)()*o.doublePI),e.velocity.x=0,e.velocity.y=0,e.curveVelocity}init(e){const n=e.actualOptions.particles.move.path.options,{options:t}=this;(0,o.isFunction)(n.rndFunc)?t.rndFunc=n.rndFunc:(0,o.isString)(n.rndFunc)&&(t.rndFunc=globalThis[n.rndFunc]??this.options.rndFunc),t.period=n.period??t.period,t.nbHarmonics=n.nbHarmonics??t.nbHarmonics,t.attenHarmonics=n.attenHarmonics??t.attenHarmonics,t.lowValue=n.lowValue??t.lowValue,t.highValue=n.highValue??t.highValue}reset(e){delete e.pathGen,delete e.curveVelocity}update(){}}}}]);

package/298.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! tsParticles Curves Path v4.0.0-alpha.2 by Matteo Bruni */

package/tsparticles.path.curves.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! tsParticles Curves Path v4.0.0-alpha.2 by Matteo Bruni */