@tsparticles/shape-cog 4.0.0-alpha.3 → 4.0.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/612.min.js +2 -0
- package/612.min.js.LICENSE.txt +1 -0
- package/browser/Utils.js +4 -4
- package/browser/index.js +3 -3
- package/cjs/Utils.js +4 -4
- package/cjs/index.js +3 -3
- package/dist_browser_CogDrawer_js.js +2 -2
- package/esm/Utils.js +4 -4
- package/esm/index.js +3 -3
- package/package.json +2 -2
- package/report.html +1 -1
- package/tsparticles.shape.cog.js +4 -16
- package/tsparticles.shape.cog.min.js +1 -1
- package/tsparticles.shape.cog.min.js.LICENSE.txt +1 -1
- package/types/index.d.ts +1 -1
- package/umd/Utils.js +5 -5
- package/umd/index.js +3 -3
- package/385.min.js +0 -2
- package/385.min.js.LICENSE.txt +0 -1
package/612.min.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! For license information please see 612.min.js.LICENSE.txt */
|
|
2
|
+
(this.webpackChunk_tsparticles_shape_cog=this.webpackChunk_tsparticles_shape_cog||[]).push([[612],{612(o,e,a){a.d(e,{CogDrawer:()=>n});var t=a(303);class n{constructor(){this.validTypes=["cog"]}afterDraw(o){!function(o){const{context:e,particle:a,radius:n}=o;if(void 0===a.cogHoleRadius||void 0===a.cogInnerRadius||void 0===a.cogInnerTaper||void 0===a.cogNotches||void 0===a.cogOuterTaper)return;const i=n*a.cogHoleRadius/t.percentDenominator;e.globalCompositeOperation="destination-out",e.beginPath(),e.moveTo(i,t.originPoint.y),e.arc(t.originPoint.x,t.originPoint.y,i,0,t.doublePI),e.closePath(),e.fill(),e.globalCompositeOperation="source-over"}(o)}draw(o){!function(o){const{context:e,particle:a,radius:n}=o;if(void 0===a.cogHoleRadius||void 0===a.cogInnerRadius||void 0===a.cogInnerTaper||void 0===a.cogNotches||void 0===a.cogOuterTaper)return;const i=t.doublePI/(a.cogNotches*t.double),c=i*a.cogInnerTaper*.005,r=i*a.cogOuterTaper*.005,s=n*a.cogInnerRadius/t.percentDenominator;let g=i,u=!1;for(e.moveTo(n*Math.cos(r),n*Math.sin(r));g<=t.doublePI;g+=i)u?(e.lineTo(s*Math.cos(g-c),s*Math.sin(g-c)),e.lineTo(n*Math.cos(g+r),n*Math.sin(g+r))):(e.lineTo(n*Math.cos(g-r),n*Math.sin(g-r)),e.lineTo(s*Math.cos(g+c),s*Math.sin(g+c))),u=!u}(o)}particleInit(o,e){const a=e.shapeData;e.cogHoleRadius=(0,t.getRangeValue)(a?.holeRadius??44),e.cogInnerRadius=(0,t.getRangeValue)(a?.innerRadius??72),e.cogInnerTaper=(0,t.getRangeValue)(a?.innerTaper??35),e.cogNotches=(0,t.getRangeValue)(a?.notches??7),e.cogOuterTaper=(0,t.getRangeValue)(a?.outerTaper??50)}}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tsParticles Cog Shape v4.0.0-alpha.5 by Matteo Bruni */
|
package/browser/Utils.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { percentDenominator } from "@tsparticles/engine";
|
|
2
|
-
const
|
|
1
|
+
import { double, doublePI, originPoint, percentDenominator } from "@tsparticles/engine";
|
|
2
|
+
const minAngle = 0, taperFactor = 0.005;
|
|
3
3
|
export function drawCogHole(data) {
|
|
4
4
|
const { context, particle, radius } = data;
|
|
5
5
|
if (particle.cogHoleRadius === undefined ||
|
|
@@ -12,8 +12,8 @@ export function drawCogHole(data) {
|
|
|
12
12
|
const holeRadius = (radius * particle.cogHoleRadius) / percentDenominator;
|
|
13
13
|
context.globalCompositeOperation = "destination-out";
|
|
14
14
|
context.beginPath();
|
|
15
|
-
context.moveTo(holeRadius,
|
|
16
|
-
context.arc(
|
|
15
|
+
context.moveTo(holeRadius, originPoint.y);
|
|
16
|
+
context.arc(originPoint.x, originPoint.y, holeRadius, minAngle, doublePI);
|
|
17
17
|
context.closePath();
|
|
18
18
|
context.fill();
|
|
19
19
|
context.globalCompositeOperation = "source-over";
|
package/browser/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export function loadCogShape(engine) {
|
|
2
|
-
engine.checkVersion("4.0.0-alpha.
|
|
3
|
-
engine.register(async (e) => {
|
|
1
|
+
export async function loadCogShape(engine) {
|
|
2
|
+
engine.checkVersion("4.0.0-alpha.5");
|
|
3
|
+
await engine.register(async (e) => {
|
|
4
4
|
const { CogDrawer } = await import("./CogDrawer.js");
|
|
5
5
|
e.addShape(new CogDrawer());
|
|
6
6
|
});
|
package/cjs/Utils.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { percentDenominator } from "@tsparticles/engine";
|
|
2
|
-
const
|
|
1
|
+
import { double, doublePI, originPoint, percentDenominator } from "@tsparticles/engine";
|
|
2
|
+
const minAngle = 0, taperFactor = 0.005;
|
|
3
3
|
export function drawCogHole(data) {
|
|
4
4
|
const { context, particle, radius } = data;
|
|
5
5
|
if (particle.cogHoleRadius === undefined ||
|
|
@@ -12,8 +12,8 @@ export function drawCogHole(data) {
|
|
|
12
12
|
const holeRadius = (radius * particle.cogHoleRadius) / percentDenominator;
|
|
13
13
|
context.globalCompositeOperation = "destination-out";
|
|
14
14
|
context.beginPath();
|
|
15
|
-
context.moveTo(holeRadius,
|
|
16
|
-
context.arc(
|
|
15
|
+
context.moveTo(holeRadius, originPoint.y);
|
|
16
|
+
context.arc(originPoint.x, originPoint.y, holeRadius, minAngle, doublePI);
|
|
17
17
|
context.closePath();
|
|
18
18
|
context.fill();
|
|
19
19
|
context.globalCompositeOperation = "source-over";
|
package/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export function loadCogShape(engine) {
|
|
2
|
-
engine.checkVersion("4.0.0-alpha.
|
|
3
|
-
engine.register(async (e) => {
|
|
1
|
+
export async function loadCogShape(engine) {
|
|
2
|
+
engine.checkVersion("4.0.0-alpha.5");
|
|
3
|
+
await engine.register(async (e) => {
|
|
4
4
|
const { CogDrawer } = await import("./CogDrawer.js");
|
|
5
5
|
e.addShape(new CogDrawer());
|
|
6
6
|
});
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Demo / Generator : https://particles.js.org/
|
|
5
5
|
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
6
|
* How to use? : Check the GitHub README
|
|
7
|
-
* v4.0.0-alpha.
|
|
7
|
+
* v4.0.0-alpha.5
|
|
8
8
|
*/
|
|
9
9
|
"use strict";
|
|
10
10
|
/*
|
|
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
33
33
|
\*******************************/
|
|
34
34
|
(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
35
35
|
|
|
36
|
-
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
|
|
36
|
+
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,\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, _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 {\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 = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI / (particle.cogNotches * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.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 <= _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//# sourceURL=webpack://@tsparticles/shape-cog/./dist/browser/Utils.js?\n}");
|
|
37
37
|
|
|
38
38
|
/***/ }
|
|
39
39
|
|
package/esm/Utils.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { percentDenominator } from "@tsparticles/engine";
|
|
2
|
-
const
|
|
1
|
+
import { double, doublePI, originPoint, percentDenominator } from "@tsparticles/engine";
|
|
2
|
+
const minAngle = 0, taperFactor = 0.005;
|
|
3
3
|
export function drawCogHole(data) {
|
|
4
4
|
const { context, particle, radius } = data;
|
|
5
5
|
if (particle.cogHoleRadius === undefined ||
|
|
@@ -12,8 +12,8 @@ export function drawCogHole(data) {
|
|
|
12
12
|
const holeRadius = (radius * particle.cogHoleRadius) / percentDenominator;
|
|
13
13
|
context.globalCompositeOperation = "destination-out";
|
|
14
14
|
context.beginPath();
|
|
15
|
-
context.moveTo(holeRadius,
|
|
16
|
-
context.arc(
|
|
15
|
+
context.moveTo(holeRadius, originPoint.y);
|
|
16
|
+
context.arc(originPoint.x, originPoint.y, holeRadius, minAngle, doublePI);
|
|
17
17
|
context.closePath();
|
|
18
18
|
context.fill();
|
|
19
19
|
context.globalCompositeOperation = "source-over";
|
package/esm/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export function loadCogShape(engine) {
|
|
2
|
-
engine.checkVersion("4.0.0-alpha.
|
|
3
|
-
engine.register(async (e) => {
|
|
1
|
+
export async function loadCogShape(engine) {
|
|
2
|
+
engine.checkVersion("4.0.0-alpha.5");
|
|
3
|
+
await engine.register(async (e) => {
|
|
4
4
|
const { CogDrawer } = await import("./CogDrawer.js");
|
|
5
5
|
e.addShape(new CogDrawer());
|
|
6
6
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/shape-cog",
|
|
3
|
-
"version": "4.0.0-alpha.
|
|
3
|
+
"version": "4.0.0-alpha.5",
|
|
4
4
|
"description": "tsParticles cog shape",
|
|
5
5
|
"homepage": "https://particles.js.org",
|
|
6
6
|
"repository": {
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
"./package.json": "./package.json"
|
|
101
101
|
},
|
|
102
102
|
"dependencies": {
|
|
103
|
-
"@tsparticles/engine": "4.0.0-alpha.
|
|
103
|
+
"@tsparticles/engine": "4.0.0-alpha.5"
|
|
104
104
|
},
|
|
105
105
|
"publishConfig": {
|
|
106
106
|
"access": "public"
|
package/report.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8"/>
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
6
|
-
<title>@tsparticles/shape-cog [
|
|
6
|
+
<title>@tsparticles/shape-cog [21 Jan 2026 at 18:56]</title>
|
|
7
7
|
<link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
|
|
8
8
|
|
|
9
9
|
<script>
|
package/tsparticles.shape.cog.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Demo / Generator : https://particles.js.org/
|
|
5
5
|
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
6
|
* How to use? : Check the GitHub README
|
|
7
|
-
* v4.0.0-alpha.
|
|
7
|
+
* v4.0.0-alpha.5
|
|
8
8
|
*/
|
|
9
9
|
/*
|
|
10
10
|
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
|
|
@@ -34,7 +34,7 @@ return /******/ (() => { // webpackBootstrap
|
|
|
34
34
|
\*******************************/
|
|
35
35
|
(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
36
36
|
|
|
37
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ loadCogShape: () => (/* binding */ loadCogShape)\n/* harmony export */ });\
|
|
37
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ loadCogShape: () => (/* binding */ loadCogShape)\n/* harmony export */ });\nasync function loadCogShape(engine) {\n engine.checkVersion(\"4.0.0-alpha.5\");\n await engine.register(async e => {\n const {\n CogDrawer\n } = await __webpack_require__.e(/*! import() */ \"dist_browser_CogDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CogDrawer.js */ \"./dist/browser/CogDrawer.js\"));\n e.addShape(new CogDrawer());\n });\n}\n\n//# sourceURL=webpack://@tsparticles/shape-cog/./dist/browser/index.js?\n}");
|
|
38
38
|
|
|
39
39
|
/***/ },
|
|
40
40
|
|
|
@@ -118,18 +118,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
|
|
|
118
118
|
/******/ };
|
|
119
119
|
/******/ })();
|
|
120
120
|
/******/
|
|
121
|
-
/******/ /* webpack/runtime/global */
|
|
122
|
-
/******/ (() => {
|
|
123
|
-
/******/ __webpack_require__.g = (function() {
|
|
124
|
-
/******/ if (typeof globalThis === 'object') return globalThis;
|
|
125
|
-
/******/ try {
|
|
126
|
-
/******/ return this || new Function('return this')();
|
|
127
|
-
/******/ } catch (e) {
|
|
128
|
-
/******/ if (typeof window === 'object') return window;
|
|
129
|
-
/******/ }
|
|
130
|
-
/******/ })();
|
|
131
|
-
/******/ })();
|
|
132
|
-
/******/
|
|
133
121
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
134
122
|
/******/ (() => {
|
|
135
123
|
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
@@ -194,8 +182,8 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
|
|
|
194
182
|
/******/ /* webpack/runtime/publicPath */
|
|
195
183
|
/******/ (() => {
|
|
196
184
|
/******/ var scriptUrl;
|
|
197
|
-
/******/ if (
|
|
198
|
-
/******/ var document =
|
|
185
|
+
/******/ if (globalThis.importScripts) scriptUrl = globalThis.location + "";
|
|
186
|
+
/******/ var document = globalThis.document;
|
|
199
187
|
/******/ if (!scriptUrl && document) {
|
|
200
188
|
/******/ if (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT')
|
|
201
189
|
/******/ scriptUrl = document.currentScript.src;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see tsparticles.shape.cog.min.js.LICENSE.txt */
|
|
2
|
-
!function(e,
|
|
2
|
+
!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],r);else{var t="object"==typeof exports?r(require("@tsparticles/engine")):r(e.window);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(this,(e=>(()=>{var r,t,o={303(r){r.exports=e}},a={};function n(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={exports:{}};return o[e](t,t.exports,n),t.exports}n.m=o,n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((r,t)=>(n.f[t](e,r),r)),[])),n.u=e=>e+".min.js",n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),r={},t="@tsparticles/shape-cog:",n.l=(e,o,a,i)=>{if(r[e])r[e].push(o);else{var s,p;if(void 0!==a)for(var c=document.getElementsByTagName("script"),l=0;l<c.length;l++){var u=c[l];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==t+a){s=u;break}}s||(p=!0,(s=document.createElement("script")).charset="utf-8",n.nc&&s.setAttribute("nonce",n.nc),s.setAttribute("data-webpack",t+a),s.src=e),r[e]=[o];var d=(t,o)=>{s.onerror=s.onload=null,clearTimeout(f);var a=r[e];if(delete r[e],s.parentNode&&s.parentNode.removeChild(s),a&&a.forEach((e=>e(o))),t)return t(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),p&&document.head.appendChild(s)}},n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;globalThis.importScripts&&(e=globalThis.location+"");var r=globalThis.document;if(!e&&r&&(r.currentScript&&"SCRIPT"===r.currentScript.tagName.toUpperCase()&&(e=r.currentScript.src),!e)){var t=r.getElementsByTagName("script");if(t.length)for(var o=t.length-1;o>-1&&(!e||!/^http(s?):/.test(e));)e=t[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),n.p=e})(),(()=>{var e={285:0};n.f.j=(r,t)=>{var o=n.o(e,r)?e[r]:void 0;if(0!==o)if(o)t.push(o[2]);else{var a=new Promise(((t,a)=>o=e[r]=[t,a]));t.push(o[2]=a);var i=n.p+n.u(r),s=new Error;n.l(i,(t=>{if(n.o(e,r)&&(0!==(o=e[r])&&(e[r]=void 0),o)){var a=t&&("load"===t.type?"missing":t.type),i=t&&t.target&&t.target.src;s.message="Loading chunk "+r+" failed.\n("+a+": "+i+")",s.name="ChunkLoadError",s.type=a,s.request=i,o[1](s)}}),"chunk-"+r,r)}};var r=(r,t)=>{var o,a,[i,s,p]=t,c=0;if(i.some((r=>0!==e[r]))){for(o in s)n.o(s,o)&&(n.m[o]=s[o]);if(p)p(n)}for(r&&r(t);c<i.length;c++)a=i[c],n.o(e,a)&&e[a]&&e[a][0](),e[a]=0},t=this.webpackChunk_tsparticles_shape_cog=this.webpackChunk_tsparticles_shape_cog||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})();var i={};async function s(e){e.checkVersion("4.0.0-alpha.5"),await e.register((async e=>{const{CogDrawer:r}=await n.e(612).then(n.bind(n,612));e.addShape(new r)}))}return n.r(i),n.d(i,{loadCogShape:()=>s}),i})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tsParticles Cog Shape v4.0.0-alpha.
|
|
1
|
+
/*! tsParticles Cog Shape v4.0.0-alpha.5 by Matteo Bruni */
|
package/types/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { type Engine } from "@tsparticles/engine";
|
|
2
|
-
export declare function loadCogShape(engine: Engine): void
|
|
2
|
+
export declare function loadCogShape(engine: Engine): Promise<void>;
|
package/umd/Utils.js
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
exports.drawCogHole = drawCogHole;
|
|
13
13
|
exports.drawCog = drawCog;
|
|
14
14
|
const engine_1 = require("@tsparticles/engine");
|
|
15
|
-
const
|
|
15
|
+
const minAngle = 0, taperFactor = 0.005;
|
|
16
16
|
function drawCogHole(data) {
|
|
17
17
|
const { context, particle, radius } = data;
|
|
18
18
|
if (particle.cogHoleRadius === undefined ||
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
const holeRadius = (radius * particle.cogHoleRadius) / engine_1.percentDenominator;
|
|
26
26
|
context.globalCompositeOperation = "destination-out";
|
|
27
27
|
context.beginPath();
|
|
28
|
-
context.moveTo(holeRadius,
|
|
29
|
-
context.arc(
|
|
28
|
+
context.moveTo(holeRadius, engine_1.originPoint.y);
|
|
29
|
+
context.arc(engine_1.originPoint.x, engine_1.originPoint.y, holeRadius, minAngle, engine_1.doublePI);
|
|
30
30
|
context.closePath();
|
|
31
31
|
context.fill();
|
|
32
32
|
context.globalCompositeOperation = "source-over";
|
|
@@ -40,10 +40,10 @@
|
|
|
40
40
|
particle.cogOuterTaper === undefined) {
|
|
41
41
|
return;
|
|
42
42
|
}
|
|
43
|
-
const angle = doublePI / (particle.cogNotches * double), taperAI = angle * particle.cogInnerTaper * taperFactor, taperAO = angle * particle.cogOuterTaper * taperFactor, innerRadius = (radius * particle.cogInnerRadius) / engine_1.percentDenominator;
|
|
43
|
+
const angle = engine_1.doublePI / (particle.cogNotches * engine_1.double), taperAI = angle * particle.cogInnerTaper * taperFactor, taperAO = angle * particle.cogOuterTaper * taperFactor, innerRadius = (radius * particle.cogInnerRadius) / engine_1.percentDenominator;
|
|
44
44
|
let a = angle, toggle = false;
|
|
45
45
|
context.moveTo(radius * Math.cos(taperAO), radius * Math.sin(taperAO));
|
|
46
|
-
for (; a <= doublePI; a += angle) {
|
|
46
|
+
for (; a <= engine_1.doublePI; a += angle) {
|
|
47
47
|
if (toggle) {
|
|
48
48
|
context.lineTo(innerRadius * Math.cos(a - taperAI), innerRadius * Math.sin(a - taperAI));
|
|
49
49
|
context.lineTo(radius * Math.cos(a + taperAO), radius * Math.sin(a + taperAO));
|
package/umd/index.js
CHANGED
|
@@ -44,9 +44,9 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
44
44
|
var __syncRequire = typeof module === "object" && typeof module.exports === "object";
|
|
45
45
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
46
46
|
exports.loadCogShape = loadCogShape;
|
|
47
|
-
function loadCogShape(engine) {
|
|
48
|
-
engine.checkVersion("4.0.0-alpha.
|
|
49
|
-
engine.register(async (e) => {
|
|
47
|
+
async function loadCogShape(engine) {
|
|
48
|
+
engine.checkVersion("4.0.0-alpha.5");
|
|
49
|
+
await engine.register(async (e) => {
|
|
50
50
|
const { CogDrawer } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./CogDrawer.js"))) : new Promise((resolve_1, reject_1) => { require(["./CogDrawer.js"], resolve_1, reject_1); }).then(__importStar));
|
|
51
51
|
e.addShape(new CogDrawer());
|
|
52
52
|
});
|
package/385.min.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 385.min.js.LICENSE.txt */
|
|
2
|
-
(this.webpackChunk_tsparticles_shape_cog=this.webpackChunk_tsparticles_shape_cog||[]).push([[385],{385(e,o,a){a.d(o,{CogDrawer:()=>r});var t=a(303);const n=2*Math.PI,c=0,i=0;class r{constructor(){this.validTypes=["cog"]}afterDraw(e){!function(e){const{context:o,particle:a,radius:r}=e;if(void 0===a.cogHoleRadius||void 0===a.cogInnerRadius||void 0===a.cogInnerTaper||void 0===a.cogNotches||void 0===a.cogOuterTaper)return;const s=r*a.cogHoleRadius/t.percentDenominator;o.globalCompositeOperation="destination-out",o.beginPath(),o.moveTo(s,i),o.arc(c,i,s,0,n),o.closePath(),o.fill(),o.globalCompositeOperation="source-over"}(e)}draw(e){!function(e){const{context:o,particle:a,radius:c}=e;if(void 0===a.cogHoleRadius||void 0===a.cogInnerRadius||void 0===a.cogInnerTaper||void 0===a.cogNotches||void 0===a.cogOuterTaper)return;const i=n/(2*a.cogNotches),r=i*a.cogInnerTaper*.005,s=i*a.cogOuterTaper*.005,g=c*a.cogInnerRadius/t.percentDenominator;let u=i,l=!1;for(o.moveTo(c*Math.cos(s),c*Math.sin(s));u<=n;u+=i)l?(o.lineTo(g*Math.cos(u-r),g*Math.sin(u-r)),o.lineTo(c*Math.cos(u+s),c*Math.sin(u+s))):(o.lineTo(c*Math.cos(u-s),c*Math.sin(u-s)),o.lineTo(g*Math.cos(u+r),g*Math.sin(u+r))),l=!l}(e)}particleInit(e,o){const 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/385.min.js.LICENSE.txt
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! tsParticles Cog Shape v4.0.0-alpha.3 by Matteo Bruni */
|