@tsparticles/shape-cog 4.0.0-alpha.2 → 4.0.0-alpha.21

package/307.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_shape_cog=this.webpackChunk_tsparticles_shape_cog||[]).push([[307],{307(e,o,a){a.d(o,{CogDrawer:()=>i});var t=a(303);class i{afterDraw(e){!function(e){let{context:o,particle:a,radius:i}=e;if(void 0===a.cogHoleRadius||void 0===a.cogInnerRadius||void 0===a.cogInnerTaper||void 0===a.cogNotches||void 0===a.cogOuterTaper)return;let n=i*a.cogHoleRadius/t.percentDenominator;o.globalCompositeOperation="destination-out",o.beginPath(),o.moveTo(n,t.originPoint.y),o.arc(t.originPoint.x,t.originPoint.y,n,0,t.doublePI),o.closePath(),o.fill(),o.globalCompositeOperation="source-over"}(e)}draw(e){!function(e){let{context:o,particle:a,radius:i}=e;if(void 0===a.cogHoleRadius||void 0===a.cogInnerRadius||void 0===a.cogInnerTaper||void 0===a.cogNotches||void 0===a.cogOuterTaper)return;let n=t.doublePI/(a.cogNotches*t.double),r=n*a.cogInnerTaper*.005,c=n*a.cogOuterTaper*.005,s=i*a.cogInnerRadius/t.percentDenominator,g=n,l=!1;for(o.moveTo(i*Math.cos(c),i*Math.sin(c));g<=t.doublePI;g+=n)l?(o.lineTo(s*Math.cos(g-r),s*Math.sin(g-r)),o.lineTo(i*Math.cos(g+c),i*Math.sin(g+c))):(o.lineTo(i*Math.cos(g-c),i*Math.sin(g-c)),o.lineTo(s*Math.cos(g+r),s*Math.sin(g+r))),l=!l}(e)}particleInit(e,o){let a=o.shapeData;o.cogHoleRadius=(0,t.getRangeValue)(a?.holeRadius??44),o.cogInnerRadius=(0,t.getRangeValue)(a?.innerRadius??72),o.cogInnerTaper=(0,t.getRangeValue)(a?.innerTaper??35),o.cogNotches=(0,t.getRangeValue)(a?.notches??7),o.cogOuterTaper=(0,t.getRangeValue)(a?.outerTaper??50)}}}}]);

package/browser/CogDrawer.js

@@ -2,9 +2,6 @@ import { getRangeValue } from "@tsparticles/engine";
 import { drawCog, drawCogHole } from "./Utils.js";
 const defaultHoleRadius = 44, defaultInnerRadius = 72, defaultInnerTaper = 35, defaultNotches = 7, defaultOuterTaper = 50;
 export class CogDrawer {
-    constructor() {
-        this.validTypes = ["cog"];
-    }
     afterDraw(data) {
         drawCogHole(data);
     }

package/browser/Utils.js

@@ -1,5 +1,5 @@
-import { percentDenominator } from "@tsparticles/engine";
-const double = 2, doublePI = Math.PI * double, minAngle = 0, origin = { x: 0, y: 0 }, taperFactor = 0.005;
+import { double, doublePI, originPoint, percentDenominator } from "@tsparticles/engine";
+const minAngle = 0, taperFactor = 0.005;
 export function drawCogHole(data) {
     const { context, particle, radius } = data;
     if (particle.cogHoleRadius === undefined ||
@@ -12,8 +12,8 @@ export function drawCogHole(data) {
     const holeRadius = (radius * particle.cogHoleRadius) / percentDenominator;
     context.globalCompositeOperation = "destination-out";
     context.beginPath();
-    context.moveTo(holeRadius, origin.y);
-    context.arc(origin.x, origin.y, holeRadius, minAngle, doublePI);
+    context.moveTo(holeRadius, originPoint.y);
+    context.arc(originPoint.x, originPoint.y, holeRadius, minAngle, doublePI);
     context.closePath();
     context.fill();
     context.globalCompositeOperation = "source-over";

package/browser/index.js

@@ -1,7 +1,9 @@
-export function loadCogShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { CogDrawer } = await import("./CogDrawer.js");
-        e.addShape(new CogDrawer());
+export async function loadCogShape(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await engine.register(e => {
+        e.addShape(["cog"], async () => {
+            const { CogDrawer } = await import("./CogDrawer.js");
+            return new CogDrawer();
+        });
     });
 }

package/cjs/CogDrawer.js

@@ -2,9 +2,6 @@ import { getRangeValue } from "@tsparticles/engine";
 import { drawCog, drawCogHole } from "./Utils.js";
 const defaultHoleRadius = 44, defaultInnerRadius = 72, defaultInnerTaper = 35, defaultNotches = 7, defaultOuterTaper = 50;
 export class CogDrawer {
-    constructor() {
-        this.validTypes = ["cog"];
-    }
     afterDraw(data) {
         drawCogHole(data);
     }

package/cjs/Utils.js

@@ -1,5 +1,5 @@
-import { percentDenominator } from "@tsparticles/engine";
-const double = 2, doublePI = Math.PI * double, minAngle = 0, origin = { x: 0, y: 0 }, taperFactor = 0.005;
+import { double, doublePI, originPoint, percentDenominator } from "@tsparticles/engine";
+const minAngle = 0, taperFactor = 0.005;
 export function drawCogHole(data) {
     const { context, particle, radius } = data;
     if (particle.cogHoleRadius === undefined ||
@@ -12,8 +12,8 @@ export function drawCogHole(data) {
     const holeRadius = (radius * particle.cogHoleRadius) / percentDenominator;
     context.globalCompositeOperation = "destination-out";
     context.beginPath();
-    context.moveTo(holeRadius, origin.y);
-    context.arc(origin.x, origin.y, holeRadius, minAngle, doublePI);
+    context.moveTo(holeRadius, originPoint.y);
+    context.arc(originPoint.x, originPoint.y, holeRadius, minAngle, doublePI);
     context.closePath();
     context.fill();
     context.globalCompositeOperation = "source-over";

package/cjs/index.js

@@ -1,7 +1,9 @@
-export function loadCogShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { CogDrawer } = await import("./CogDrawer.js");
-        e.addShape(new CogDrawer());
+export async function loadCogShape(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await engine.register(e => {
+        e.addShape(["cog"], async () => {
+            const { CogDrawer } = await import("./CogDrawer.js");
+            return new CogDrawer();
+        });
     });
 }

package/dist_browser_CogDrawer_js.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.21
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \***********************************/
 (__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 */   CogDrawer: () => (/* binding */ CogDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nconst defaultHoleRadius = 44,\n  defaultInnerRadius = 72,\n  defaultInnerTaper = 35,\n  defaultNotches = 7,\n  defaultOuterTaper = 50;\nclass CogDrawer {\n  constructor() {\n    this.validTypes = [\"cog\"];\n  }\n  afterDraw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawCogHole)(data);\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawCog)(data);\n  }\n  particleInit(_container, particle) {\n    const shapeData = particle.shapeData;\n    particle.cogHoleRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.holeRadius ?? defaultHoleRadius);\n    particle.cogInnerRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerRadius ?? defaultInnerRadius);\n    particle.cogInnerTaper = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerTaper ?? defaultInnerTaper);\n    particle.cogNotches = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.notches ?? defaultNotches);\n    particle.cogOuterTaper = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.outerTaper ?? defaultOuterTaper);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-cog/./dist/browser/CogDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CogDrawer: () => (/* binding */ CogDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nconst defaultHoleRadius = 44, defaultInnerRadius = 72, defaultInnerTaper = 35, defaultNotches = 7, defaultOuterTaper = 50;\nclass CogDrawer {\n    afterDraw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawCogHole)(data);\n    }\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawCog)(data);\n    }\n    particleInit(_container, particle) {\n        const shapeData = particle.shapeData;\n        particle.cogHoleRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.holeRadius ?? defaultHoleRadius);\n        particle.cogInnerRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerRadius ?? defaultInnerRadius);\n        particle.cogInnerTaper = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerTaper ?? defaultInnerTaper);\n        particle.cogNotches = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.notches ?? defaultNotches);\n        particle.cogOuterTaper = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.outerTaper ?? defaultOuterTaper);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-cog/./dist/browser/CogDrawer.js?\n}");
 
 /***/ },
 
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************/
 (__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 */   drawCog: () => (/* binding */ drawCog),\n/* harmony export */   drawCogHole: () => (/* binding */ drawCogHole)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst double = 2,\n  doublePI = Math.PI * double,\n  minAngle = 0,\n  origin = {\n    x: 0,\n    y: 0\n  },\n  taperFactor = 0.005;\nfunction drawCogHole(data) {\n  const {\n    context,\n    particle,\n    radius\n  } = data;\n  if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {\n    return;\n  }\n  const holeRadius = radius * particle.cogHoleRadius / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n  context.globalCompositeOperation = \"destination-out\";\n  context.beginPath();\n  context.moveTo(holeRadius, origin.y);\n  context.arc(origin.x, origin.y, holeRadius, minAngle, doublePI);\n  context.closePath();\n  context.fill();\n  context.globalCompositeOperation = \"source-over\";\n}\nfunction drawCog(data) {\n  const {\n    context,\n    particle,\n    radius\n  } = data;\n  if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {\n    return;\n  }\n  const angle = doublePI / (particle.cogNotches * double),\n    taperAI = angle * particle.cogInnerTaper * taperFactor,\n    taperAO = angle * particle.cogOuterTaper * taperFactor,\n    innerRadius = radius * particle.cogInnerRadius / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n  let a = angle,\n    toggle = false;\n  context.moveTo(radius * Math.cos(taperAO), radius * Math.sin(taperAO));\n  for (; a <= doublePI; a += angle) {\n    if (toggle) {\n      context.lineTo(innerRadius * Math.cos(a - taperAI), innerRadius * Math.sin(a - taperAI));\n      context.lineTo(radius * Math.cos(a + taperAO), radius * Math.sin(a + taperAO));\n    } else {\n      context.lineTo(radius * Math.cos(a - taperAO), radius * Math.sin(a - taperAO));\n      context.lineTo(innerRadius * Math.cos(a + taperAI), innerRadius * Math.sin(a + taperAI));\n    }\n    toggle = !toggle;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-cog/./dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawCog: () => (/* binding */ drawCog),\n/* harmony export */   drawCogHole: () => (/* binding */ drawCogHole)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst minAngle = 0, taperFactor = 0.005;\nfunction drawCogHole(data) {\n    const { context, particle, radius } = data;\n    if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {\n        return;\n    }\n    const holeRadius = radius * particle.cogHoleRadius / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n    context.globalCompositeOperation = \"destination-out\";\n    context.beginPath();\n    context.moveTo(holeRadius, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n    context.arc(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, holeRadius, minAngle, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI);\n    context.closePath();\n    context.fill();\n    context.globalCompositeOperation = \"source-over\";\n}\nfunction drawCog(data) {\n    const { context, particle, radius } = data;\n    if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {\n        return;\n    }\n    const angle = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI / (particle.cogNotches * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double), taperAI = angle * particle.cogInnerTaper * taperFactor, taperAO = angle * particle.cogOuterTaper * taperFactor, innerRadius = radius * particle.cogInnerRadius / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n    let a = angle, toggle = false;\n    context.moveTo(radius * Math.cos(taperAO), radius * Math.sin(taperAO));\n    for(; a <= _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI; a += angle){\n        if (toggle) {\n            context.lineTo(innerRadius * Math.cos(a - taperAI), innerRadius * Math.sin(a - taperAI));\n            context.lineTo(radius * Math.cos(a + taperAO), radius * Math.sin(a + taperAO));\n        } else {\n            context.lineTo(radius * Math.cos(a - taperAO), radius * Math.sin(a - taperAO));\n            context.lineTo(innerRadius * Math.cos(a + taperAI), innerRadius * Math.sin(a + taperAI));\n        }\n        toggle = !toggle;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-cog/./dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/esm/CogDrawer.js

@@ -2,9 +2,6 @@ import { getRangeValue } from "@tsparticles/engine";
 import { drawCog, drawCogHole } from "./Utils.js";
 const defaultHoleRadius = 44, defaultInnerRadius = 72, defaultInnerTaper = 35, defaultNotches = 7, defaultOuterTaper = 50;
 export class CogDrawer {
-    constructor() {
-        this.validTypes = ["cog"];
-    }
     afterDraw(data) {
         drawCogHole(data);
     }

package/esm/Utils.js

@@ -1,5 +1,5 @@
-import { percentDenominator } from "@tsparticles/engine";
-const double = 2, doublePI = Math.PI * double, minAngle = 0, origin = { x: 0, y: 0 }, taperFactor = 0.005;
+import { double, doublePI, originPoint, percentDenominator } from "@tsparticles/engine";
+const minAngle = 0, taperFactor = 0.005;
 export function drawCogHole(data) {
     const { context, particle, radius } = data;
     if (particle.cogHoleRadius === undefined ||
@@ -12,8 +12,8 @@ export function drawCogHole(data) {
     const holeRadius = (radius * particle.cogHoleRadius) / percentDenominator;
     context.globalCompositeOperation = "destination-out";
     context.beginPath();
-    context.moveTo(holeRadius, origin.y);
-    context.arc(origin.x, origin.y, holeRadius, minAngle, doublePI);
+    context.moveTo(holeRadius, originPoint.y);
+    context.arc(originPoint.x, originPoint.y, holeRadius, minAngle, doublePI);
     context.closePath();
     context.fill();
     context.globalCompositeOperation = "source-over";

package/esm/index.js

@@ -1,7 +1,9 @@
-export function loadCogShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { CogDrawer } = await import("./CogDrawer.js");
-        e.addShape(new CogDrawer());
+export async function loadCogShape(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await engine.register(e => {
+        e.addShape(["cog"], async () => {
+            const { CogDrawer } = await import("./CogDrawer.js");
+            return new CogDrawer();
+        });
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/shape-cog",
-  "version": "4.0.0-alpha.2",
+  "version": "4.0.0-alpha.21",
   "description": "tsParticles cog shape",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -100,7 +100,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.2"
+    "@tsparticles/engine": "4.0.0-alpha.21"
   },
   "publishConfig": {
     "access": "public"