@tsparticles/shape-cog 3.0.0-beta.2 → 3.0.0-beta.4

package/tsparticles.shape.cog.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
- * v3.0.0-beta.2
+ * v3.0.0-beta.4
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -99,21 +99,31 @@ var engine_root_window_ = __webpack_require__(533);
 ;// CONCATENATED MODULE: ./dist/browser/CogDrawer.js
 
 class CogDrawer {
-  afterEffect(ctx, particle, radius) {
+  afterDraw(data) {
+    const {
+      context,
+      particle,
+      radius
+    } = data;
     if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {
       return;
     }
     const pi2 = 2 * Math.PI,
       holeRadius = radius * particle.cogHoleRadius / 100;
-    ctx.globalCompositeOperation = "destination-out";
-    ctx.beginPath();
-    ctx.moveTo(holeRadius, 0);
-    ctx.arc(0, 0, holeRadius, 0, pi2);
-    ctx.closePath();
-    ctx.fill();
-    ctx.globalCompositeOperation = "source-over";
+    context.globalCompositeOperation = "destination-out";
+    context.beginPath();
+    context.moveTo(holeRadius, 0);
+    context.arc(0, 0, holeRadius, 0, pi2);
+    context.closePath();
+    context.fill();
+    context.globalCompositeOperation = "source-over";
   }
-  draw(ctx, particle, radius) {
+  draw(data) {
+    const {
+      context,
+      particle,
+      radius
+    } = data;
     if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {
       return;
     }
@@ -124,14 +134,14 @@ class CogDrawer {
       innerRadius = radius * particle.cogInnerRadius / 100;
     let a = angle,
       toggle = false;
-    ctx.moveTo(radius * Math.cos(taperAO), radius * Math.sin(taperAO));
+    context.moveTo(radius * Math.cos(taperAO), radius * Math.sin(taperAO));
     for (; a <= pi2; a += angle) {
       if (toggle) {
-        ctx.lineTo(innerRadius * Math.cos(a - taperAI), innerRadius * Math.sin(a - taperAI));
-        ctx.lineTo(radius * Math.cos(a + taperAO), radius * Math.sin(a + taperAO));
+        context.lineTo(innerRadius * Math.cos(a - taperAI), innerRadius * Math.sin(a - taperAI));
+        context.lineTo(radius * Math.cos(a + taperAO), radius * Math.sin(a + taperAO));
       } else {
-        ctx.lineTo(radius * Math.cos(a - taperAO), radius * Math.sin(a - taperAO));
-        ctx.lineTo(innerRadius * Math.cos(a + taperAI), innerRadius * Math.sin(a + taperAI));
+        context.lineTo(radius * Math.cos(a - taperAO), radius * Math.sin(a - taperAO));
+        context.lineTo(innerRadius * Math.cos(a + taperAI), innerRadius * Math.sin(a + taperAI));
       }
       toggle = !toggle;
     }

package/tsparticles.shape.cog.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.shape.cog.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 r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(this,(e=>(()=>{"use strict";var o={533:o=>{o.exports=e}},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var n=t[e]={exports:{}};return o[e](n,n.exports,r),n.exports}r.d=(e,o)=>{for(var t in o)r.o(o,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},r.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{r.r(a),r.d(a,{loadCogShape:()=>t});var e=r(533);class o{afterEffect(e,o,t){if(void 0===o.cogHoleRadius||void 0===o.cogInnerRadius||void 0===o.cogInnerTaper||void 0===o.cogNotches||void 0===o.cogOuterTaper)return;const r=2*Math.PI,a=t*o.cogHoleRadius/100;e.globalCompositeOperation="destination-out",e.beginPath(),e.moveTo(a,0),e.arc(0,0,a,0,r),e.closePath(),e.fill(),e.globalCompositeOperation="source-over"}draw(e,o,t){if(void 0===o.cogHoleRadius||void 0===o.cogInnerRadius||void 0===o.cogInnerTaper||void 0===o.cogNotches||void 0===o.cogOuterTaper)return;const r=2*Math.PI,a=r/(2*o.cogNotches),n=a*o.cogInnerTaper*.005,i=a*o.cogOuterTaper*.005,s=t*o.cogInnerRadius/100;let c=a,g=!1;for(e.moveTo(t*Math.cos(i),t*Math.sin(i));c<=r;c+=a)g?(e.lineTo(s*Math.cos(c-n),s*Math.sin(c-n)),e.lineTo(t*Math.cos(c+i),t*Math.sin(c+i))):(e.lineTo(t*Math.cos(c-i),t*Math.sin(c-i)),e.lineTo(s*Math.cos(c+n),s*Math.sin(c+n))),g=!g}particleInit(o,t){const r=t.shapeData;t.cogHoleRadius=(0,e.getRangeValue)(r?.holeRadius??44),t.cogInnerRadius=(0,e.getRangeValue)(r?.innerRadius??72),t.cogInnerTaper=(0,e.getRangeValue)(r?.innerTaper??35),t.cogNotches=(0,e.getRangeValue)(r?.notches??7),t.cogOuterTaper=(0,e.getRangeValue)(r?.outerTaper??50)}}async function t(e,t=!0){await e.addShape("cog",new o,t)}})(),a})()));
+!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 r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(this,(e=>(()=>{"use strict";var o={533:o=>{o.exports=e}},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var n=t[e]={exports:{}};return o[e](n,n.exports,r),n.exports}r.d=(e,o)=>{for(var t in o)r.o(o,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},r.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{r.r(a),r.d(a,{loadCogShape:()=>t});var e=r(533);class o{afterDraw(e){const{context:o,particle:t,radius:r}=e;if(void 0===t.cogHoleRadius||void 0===t.cogInnerRadius||void 0===t.cogInnerTaper||void 0===t.cogNotches||void 0===t.cogOuterTaper)return;const a=2*Math.PI,n=r*t.cogHoleRadius/100;o.globalCompositeOperation="destination-out",o.beginPath(),o.moveTo(n,0),o.arc(0,0,n,0,a),o.closePath(),o.fill(),o.globalCompositeOperation="source-over"}draw(e){const{context:o,particle:t,radius:r}=e;if(void 0===t.cogHoleRadius||void 0===t.cogInnerRadius||void 0===t.cogInnerTaper||void 0===t.cogNotches||void 0===t.cogOuterTaper)return;const a=2*Math.PI,n=a/(2*t.cogNotches),i=n*t.cogInnerTaper*.005,s=n*t.cogOuterTaper*.005,c=r*t.cogInnerRadius/100;let p=n,d=!1;for(o.moveTo(r*Math.cos(s),r*Math.sin(s));p<=a;p+=n)d?(o.lineTo(c*Math.cos(p-i),c*Math.sin(p-i)),o.lineTo(r*Math.cos(p+s),r*Math.sin(p+s))):(o.lineTo(r*Math.cos(p-s),r*Math.sin(p-s)),o.lineTo(c*Math.cos(p+i),c*Math.sin(p+i))),d=!d}particleInit(o,t){const r=t.shapeData;t.cogHoleRadius=(0,e.getRangeValue)(r?.holeRadius??44),t.cogInnerRadius=(0,e.getRangeValue)(r?.innerRadius??72),t.cogInnerTaper=(0,e.getRangeValue)(r?.innerTaper??35),t.cogNotches=(0,e.getRangeValue)(r?.notches??7),t.cogOuterTaper=(0,e.getRangeValue)(r?.outerTaper??50)}}async function t(e,t=!0){await e.addShape("cog",new o,t)}})(),a})()));

package/tsparticles.shape.cog.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Cog Shape v3.0.0-beta.2 by Matteo Bruni */
+/*! tsParticles Cog Shape v3.0.0-beta.4 by Matteo Bruni */

package/types/CogDrawer.d.ts

@@ -1,7 +1,7 @@
-import { type Container, type IShapeDrawer } from "@tsparticles/engine";
+import { type Container, type IShapeDrawData, type IShapeDrawer } from "@tsparticles/engine";
 import type { CogParticle } from "./CogParticle.js";
-export declare class CogDrawer implements IShapeDrawer {
-    afterEffect(ctx: CanvasRenderingContext2D, particle: CogParticle, radius: number): void;
-    draw(ctx: CanvasRenderingContext2D, particle: CogParticle, radius: number): void;
+export declare class CogDrawer implements IShapeDrawer<CogParticle> {
+    afterDraw(data: IShapeDrawData<CogParticle>): void;
+    draw(data: IShapeDrawData<CogParticle>): void;
     particleInit(container: Container, particle: CogParticle): void;
 }

package/umd/CogDrawer.js

@@ -12,7 +12,8 @@
     exports.CogDrawer = void 0;
     const engine_1 = require("@tsparticles/engine");
     class CogDrawer {
-        afterEffect(ctx, particle, radius) {
+        afterDraw(data) {
+            const { context, particle, radius } = data;
             if (particle.cogHoleRadius === undefined ||
                 particle.cogInnerRadius === undefined ||
                 particle.cogInnerTaper === undefined ||
@@ -21,15 +22,16 @@
                 return;
             }
             const pi2 = 2 * Math.PI, holeRadius = (radius * particle.cogHoleRadius) / 100;
-            ctx.globalCompositeOperation = "destination-out";
-            ctx.beginPath();
-            ctx.moveTo(holeRadius, 0);
-            ctx.arc(0, 0, holeRadius, 0, pi2);
-            ctx.closePath();
-            ctx.fill();
-            ctx.globalCompositeOperation = "source-over";
+            context.globalCompositeOperation = "destination-out";
+            context.beginPath();
+            context.moveTo(holeRadius, 0);
+            context.arc(0, 0, holeRadius, 0, pi2);
+            context.closePath();
+            context.fill();
+            context.globalCompositeOperation = "source-over";
         }
-        draw(ctx, particle, radius) {
+        draw(data) {
+            const { context, particle, radius } = data;
             if (particle.cogHoleRadius === undefined ||
                 particle.cogInnerRadius === undefined ||
                 particle.cogInnerTaper === undefined ||
@@ -39,15 +41,15 @@
             }
             const pi2 = 2 * Math.PI, angle = pi2 / (particle.cogNotches * 2), taperAI = angle * particle.cogInnerTaper * 0.005, taperAO = angle * particle.cogOuterTaper * 0.005, innerRadius = (radius * particle.cogInnerRadius) / 100;
             let a = angle, toggle = false;
-            ctx.moveTo(radius * Math.cos(taperAO), radius * Math.sin(taperAO));
+            context.moveTo(radius * Math.cos(taperAO), radius * Math.sin(taperAO));
             for (; a <= pi2; a += angle) {
                 if (toggle) {
-                    ctx.lineTo(innerRadius * Math.cos(a - taperAI), innerRadius * Math.sin(a - taperAI));
-                    ctx.lineTo(radius * Math.cos(a + taperAO), radius * Math.sin(a + taperAO));
+                    context.lineTo(innerRadius * Math.cos(a - taperAI), innerRadius * Math.sin(a - taperAI));
+                    context.lineTo(radius * Math.cos(a + taperAO), radius * Math.sin(a + taperAO));
                 }
                 else {
-                    ctx.lineTo(radius * Math.cos(a - taperAO), radius * Math.sin(a - taperAO));
-                    ctx.lineTo(innerRadius * Math.cos(a + taperAI), innerRadius * Math.sin(a + taperAI));
+                    context.lineTo(radius * Math.cos(a - taperAO), radius * Math.sin(a - taperAO));
+                    context.lineTo(innerRadius * Math.cos(a + taperAI), innerRadius * Math.sin(a + taperAI));
                 }
                 toggle = !toggle;
             }