@tsparticles/shape-path 3.0.0-alpha.0

package/tsparticles.shape.path.js

@@ -0,0 +1,167 @@
+/*!
+ * 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__, {
+  "loadPathShape": () => (/* binding */ loadPathShape)
+});
+
+// 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/Utils.js
+function drawPath(ctx, radius, path) {
+  ctx.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);
+  for (let i = 0; i < path.segments.length; i++) {
+    const segment = path.segments[i];
+    switch (segment.type) {
+      case "line":
+        ctx.lineTo(segment.values[0].x * radius, segment.values[0].y * radius);
+        break;
+      case "bezier":
+        ctx.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);
+        break;
+      case "quadratic":
+        ctx.quadraticCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius);
+        break;
+      case "arc":
+        ctx.arc(segment.values[0].x * radius, segment.values[0].y * radius, segment.values[1].x * radius, segment.values[2].x, segment.values[2].y);
+        break;
+      case "ellipse":
+        ctx.ellipse(segment.values[0].x * radius, segment.values[0].y * radius, segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x, segment.values[3].x, segment.values[3].y);
+    }
+  }
+  if (!path.half) {
+    return;
+  }
+  for (let i = path.segments.length - 1; i >= 0; i--) {
+    const segment = path.segments[i];
+    switch (segment.type) {
+      case "line":
+        ctx.lineTo(segment.values[0].x * -radius, segment.values[0].y * radius);
+        break;
+      case "bezier":
+        ctx.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);
+        break;
+      case "quadratic":
+        ctx.quadraticCurveTo(-segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[2].x * radius, segment.values[2].y * radius);
+        break;
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/PathDrawer.js
+
+
+class PathDrawer {
+  draw(context, particle, radius) {
+    if (!particle.pathData) {
+      return;
+    }
+    drawPath(context, radius, particle.pathData);
+  }
+  particleInit(container, particle) {
+    const shape = particle.shapeData;
+    if (!shape) {
+      return;
+    }
+    particle.pathData = (0,engine_root_window_.deepExtend)({}, shape);
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/index.js
+
+async function loadPathShape(engine) {
+  await engine.addShape("path", new PathDrawer());
+}
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/tsparticles.shape.path.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see tsparticles.shape.path.min.js.LICENSE.txt */
+!function(e,a){if("object"==typeof exports&&"object"==typeof module)module.exports=a(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],a);else{var s="object"==typeof exports?a(require("@tsparticles/engine")):a(e.window);for(var t in s)("object"==typeof exports?exports:e)[t]=s[t]}}(this,(e=>(()=>{"use strict";var a={533:a=>{a.exports=e}},s={};function t(e){var r=s[e];if(void 0!==r)return r.exports;var l=s[e]={exports:{}};return a[e](l,l.exports,t),l.exports}t.d=(e,a)=>{for(var s in a)t.o(a,s)&&!t.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:a[s]})},t.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{t.r(r),t.d(r,{loadPathShape:()=>s});var e=t(533);class a{draw(e,a,s){a.pathData&&function(e,a,s){e.moveTo(s.segments[0].values[0].x*a,s.segments[0].values[0].y*a);for(let t=0;t<s.segments.length;t++){const r=s.segments[t];switch(r.type){case"line":e.lineTo(r.values[0].x*a,r.values[0].y*a);break;case"bezier":e.bezierCurveTo(r.values[1].x*a,r.values[1].y*a,r.values[2].x*a,r.values[2].y*a,r.values[3].x*a,r.values[3].y*a);break;case"quadratic":e.quadraticCurveTo(r.values[1].x*a,r.values[1].y*a,r.values[2].x*a,r.values[2].y*a);break;case"arc":e.arc(r.values[0].x*a,r.values[0].y*a,r.values[1].x*a,r.values[2].x,r.values[2].y);break;case"ellipse":e.ellipse(r.values[0].x*a,r.values[0].y*a,r.values[1].x*a,r.values[1].y*a,r.values[2].x,r.values[3].x,r.values[3].y)}}if(s.half)for(let t=s.segments.length-1;t>=0;t--){const r=s.segments[t];switch(r.type){case"line":e.lineTo(r.values[0].x*-a,r.values[0].y*a);break;case"bezier":e.bezierCurveTo(-r.values[2].x*a,r.values[2].y*a,-r.values[1].x*a,r.values[1].y*a,-r.values[0].x*a,r.values[0].y*a);break;case"quadratic":e.quadraticCurveTo(-r.values[1].x*a,r.values[1].y*a,-r.values[2].x*a,r.values[2].y*a)}}}(e,s,a.pathData)}particleInit(a,s){const t=s.shapeData;t&&(s.pathData=(0,e.deepExtend)({},t))}}async function s(e){await e.addShape("path",new a)}})(),r})()));

package/tsparticles.shape.path.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/IPathData.d.ts

@@ -0,0 +1,10 @@
+import type { ICoordinates, IShapeValues } from "@tsparticles/engine";
+import type { SegmentType } from "./SegmentType";
+export interface IPathData extends IShapeValues {
+    half: boolean;
+    segments: ISegmentData[];
+}
+export interface ISegmentData {
+    type: SegmentType;
+    values: ICoordinates[];
+}

package/types/PathDrawer.d.ts

@@ -0,0 +1,6 @@
+import type { Container, IShapeDrawer } from "@tsparticles/engine";
+import type { PathParticle } from "./PathParticle";
+export declare class PathDrawer implements IShapeDrawer {
+    draw(context: CanvasRenderingContext2D, particle: PathParticle, radius: number): void;
+    particleInit(container: Container, particle: PathParticle): void;
+}

package/types/PathParticle.d.ts

@@ -0,0 +1,5 @@
+import type { IPathData } from "./IPathData";
+import type { Particle } from "@tsparticles/engine";
+export type PathParticle = Particle & {
+    pathData?: IPathData;
+};

package/types/SegmentType.d.ts

@@ -0,0 +1,7 @@
+export declare const enum SegmentType {
+    line = "line",
+    bezier = "bezier",
+    quadratic = "quadratic",
+    arc = "arc",
+    ellipse = "ellipse"
+}

package/types/Utils.d.ts

@@ -0,0 +1,2 @@
+import type { IPathData } from "./IPathData";
+export declare function drawPath(ctx: CanvasRenderingContext2D, radius: number, path: IPathData): void;

package/types/index.d.ts

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

package/umd/IPathData.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/PathDrawer.js

@@ -0,0 +1,31 @@
+(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", "./Utils"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.PathDrawer = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    const Utils_1 = require("./Utils");
+    class PathDrawer {
+        draw(context, particle, radius) {
+            if (!particle.pathData) {
+                return;
+            }
+            (0, Utils_1.drawPath)(context, radius, particle.pathData);
+        }
+        particleInit(container, particle) {
+            const shape = particle.shapeData;
+            if (!shape) {
+                return;
+            }
+            particle.pathData = (0, engine_1.deepExtend)({}, shape);
+        }
+    }
+    exports.PathDrawer = PathDrawer;
+});

package/umd/PathParticle.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/SegmentType.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/Utils.js

@@ -0,0 +1,53 @@
+(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 });
+    exports.drawPath = void 0;
+    function drawPath(ctx, radius, path) {
+        ctx.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);
+        for (let i = 0; i < path.segments.length; i++) {
+            const segment = path.segments[i];
+            switch (segment.type) {
+                case "line":
+                    ctx.lineTo(segment.values[0].x * radius, segment.values[0].y * radius);
+                    break;
+                case "bezier":
+                    ctx.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);
+                    break;
+                case "quadratic":
+                    ctx.quadraticCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius);
+                    break;
+                case "arc":
+                    ctx.arc(segment.values[0].x * radius, segment.values[0].y * radius, segment.values[1].x * radius, segment.values[2].x, segment.values[2].y);
+                    break;
+                case "ellipse":
+                    ctx.ellipse(segment.values[0].x * radius, segment.values[0].y * radius, segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x, segment.values[3].x, segment.values[3].y);
+            }
+        }
+        if (!path.half) {
+            return;
+        }
+        for (let i = path.segments.length - 1; i >= 0; i--) {
+            const segment = path.segments[i];
+            switch (segment.type) {
+                case "line":
+                    ctx.lineTo(segment.values[0].x * -radius, segment.values[0].y * radius);
+                    break;
+                case "bezier":
+                    ctx.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);
+                    break;
+                case "quadratic":
+                    ctx.quadraticCurveTo(-segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[2].x * radius, segment.values[2].y * radius);
+                    break;
+            }
+        }
+    }
+    exports.drawPath = drawPath;
+});

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", "./PathDrawer"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadPathShape = void 0;
+    const PathDrawer_1 = require("./PathDrawer");
+    async function loadPathShape(engine) {
+        await engine.addShape("path", new PathDrawer_1.PathDrawer());
+    }
+    exports.loadPathShape = loadPathShape;
+});