@tsparticles/effect-trail 4.0.0-alpha.0 → 4.0.0-alpha.14
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/658.min.js +1 -0
- package/browser/TrailDrawer.js +3 -6
- package/browser/index.js +7 -5
- package/cjs/TrailDrawer.js +3 -6
- package/cjs/index.js +7 -5
- package/dist_browser_TrailDrawer_js.js +2 -2
- package/esm/TrailDrawer.js +3 -6
- package/esm/index.js +7 -5
- package/package.json +2 -2
- package/report.html +3 -3
- package/tsparticles.effect.trail.js +2 -2
- package/tsparticles.effect.trail.min.js +2 -2
- package/types/index.d.ts +1 -1
- package/umd/TrailDrawer.js +3 -6
- package/umd/index.js +7 -5
- package/916.min.js +0 -2
- package/916.min.js.LICENSE.txt +0 -1
- package/tsparticles.effect.trail.min.js.LICENSE.txt +0 -1
package/658.min.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(this.webpackChunk_tsparticles_effect_trail=this.webpackChunk_tsparticles_effect_trail||[]).push([[658],{658(t,i,a){a.d(i,{TrailDrawer:()=>r});var e=a(303);let l={a:1,b:0,c:0,d:1};class r{drawAfter(t){let{context:i,radius:a,particle:r,transformData:h}=t,n=a*e.double,o=r.container.retina.pixelRatio,s=r.getPosition(),d=r.trail;if(!d||!r.trailLength)return;let f=r.trailLength+a;if(d.push({color:i.fillStyle||i.strokeStyle,position:{x:s.x,y:s.y},transformData:h}),d.length<2)return;for(;d.length>f;)d.shift();let g=Math.min(d.length,f),x={width:r.container.canvas.size.width+n,height:r.container.canvas.size.height+n},c=d[g-1];if(!c)return;let p=c.position;for(let t=g;t>e.none;t--){let a=d[t-1];if(!a)continue;let h=a.position,s=r.trailTransform?a.transformData??l:l;i.setTransform(s.a,s.b,s.c,s.d,h.x,h.y),i.beginPath(),i.moveTo(p.x-h.x,p.y-h.y);let f={x:(p.x+x.width)%x.width,y:(p.y+x.height)%x.height};if(Math.abs(p.x-h.x)>x.width*e.half||Math.abs(p.y-h.y)>x.height*e.half){p=h;continue}i.lineTo(Math.abs(p.x-h.x)>x.width*e.half?f.x:e.originPoint.x,Math.abs(p.y-h.y)>x.height*e.half?f.y:e.originPoint.y);let c=Math.max(t/g*n,o,r.trailMinWidth??-1),y=i.globalAlpha;i.globalAlpha=r.trailFade?t/g:e.defaultAlpha,i.lineWidth=r.trailMaxWidth?Math.min(c,r.trailMaxWidth):c,i.strokeStyle=a.color,i.stroke(),i.globalAlpha=y,p=h}i.setTransform(h.a,h.b,h.c,h.d,s.x,s.y)}particleInit(t,i){i.trail=[];let a=i.effectData;i.trailFade=a?.fade??!0,i.trailLength=(0,e.getRangeValue)(a?.length??10)*t.retina.pixelRatio,i.trailMaxWidth=a?.maxWidth?(0,e.getRangeValue)(a.maxWidth)*t.retina.pixelRatio:void 0,i.trailMinWidth=a?.minWidth?(0,e.getRangeValue)(a.minWidth)*t.retina.pixelRatio:void 0,i.trailTransform=a?.transform??!1}}}}]);
|
package/browser/TrailDrawer.js
CHANGED
|
@@ -19,7 +19,7 @@ export class TrailDrawer {
|
|
|
19
19
|
x: currentPos.x,
|
|
20
20
|
y: currentPos.y,
|
|
21
21
|
},
|
|
22
|
-
transformData
|
|
22
|
+
transformData,
|
|
23
23
|
});
|
|
24
24
|
if (trail.length < minTrailLength) {
|
|
25
25
|
return;
|
|
@@ -30,8 +30,7 @@ export class TrailDrawer {
|
|
|
30
30
|
const trailLength = Math.min(trail.length, pathLength), canvasSize = {
|
|
31
31
|
width: particle.container.canvas.size.width + diameter,
|
|
32
32
|
height: particle.container.canvas.size.height + diameter,
|
|
33
|
-
};
|
|
34
|
-
const trailPos = trail[trailLength - trailLengthOffset];
|
|
33
|
+
}, trailPos = trail[trailLength - trailLengthOffset];
|
|
35
34
|
if (!trailPos) {
|
|
36
35
|
return;
|
|
37
36
|
}
|
|
@@ -41,9 +40,7 @@ export class TrailDrawer {
|
|
|
41
40
|
if (!step) {
|
|
42
41
|
continue;
|
|
43
42
|
}
|
|
44
|
-
const position = step.position, stepTransformData = particle.trailTransform
|
|
45
|
-
? (step.transformData ?? defaultTransform)
|
|
46
|
-
: defaultTransform;
|
|
43
|
+
const position = step.position, stepTransformData = particle.trailTransform ? (step.transformData ?? defaultTransform) : defaultTransform;
|
|
47
44
|
context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);
|
|
48
45
|
context.beginPath();
|
|
49
46
|
context.moveTo(lastPos.x - position.x, lastPos.y - position.y);
|
package/browser/index.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
export function loadTrailEffect(engine) {
|
|
2
|
-
engine.checkVersion("4.0.0-alpha.
|
|
3
|
-
engine.register(
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
export async function loadTrailEffect(engine) {
|
|
2
|
+
engine.checkVersion("4.0.0-alpha.14");
|
|
3
|
+
await engine.register(e => {
|
|
4
|
+
e.addEffect("trail", async () => {
|
|
5
|
+
const { TrailDrawer } = await import("./TrailDrawer.js");
|
|
6
|
+
return new TrailDrawer();
|
|
7
|
+
});
|
|
6
8
|
});
|
|
7
9
|
}
|
package/cjs/TrailDrawer.js
CHANGED
|
@@ -19,7 +19,7 @@ export class TrailDrawer {
|
|
|
19
19
|
x: currentPos.x,
|
|
20
20
|
y: currentPos.y,
|
|
21
21
|
},
|
|
22
|
-
transformData
|
|
22
|
+
transformData,
|
|
23
23
|
});
|
|
24
24
|
if (trail.length < minTrailLength) {
|
|
25
25
|
return;
|
|
@@ -30,8 +30,7 @@ export class TrailDrawer {
|
|
|
30
30
|
const trailLength = Math.min(trail.length, pathLength), canvasSize = {
|
|
31
31
|
width: particle.container.canvas.size.width + diameter,
|
|
32
32
|
height: particle.container.canvas.size.height + diameter,
|
|
33
|
-
};
|
|
34
|
-
const trailPos = trail[trailLength - trailLengthOffset];
|
|
33
|
+
}, trailPos = trail[trailLength - trailLengthOffset];
|
|
35
34
|
if (!trailPos) {
|
|
36
35
|
return;
|
|
37
36
|
}
|
|
@@ -41,9 +40,7 @@ export class TrailDrawer {
|
|
|
41
40
|
if (!step) {
|
|
42
41
|
continue;
|
|
43
42
|
}
|
|
44
|
-
const position = step.position, stepTransformData = particle.trailTransform
|
|
45
|
-
? (step.transformData ?? defaultTransform)
|
|
46
|
-
: defaultTransform;
|
|
43
|
+
const position = step.position, stepTransformData = particle.trailTransform ? (step.transformData ?? defaultTransform) : defaultTransform;
|
|
47
44
|
context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);
|
|
48
45
|
context.beginPath();
|
|
49
46
|
context.moveTo(lastPos.x - position.x, lastPos.y - position.y);
|
package/cjs/index.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
export function loadTrailEffect(engine) {
|
|
2
|
-
engine.checkVersion("4.0.0-alpha.
|
|
3
|
-
engine.register(
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
export async function loadTrailEffect(engine) {
|
|
2
|
+
engine.checkVersion("4.0.0-alpha.14");
|
|
3
|
+
await engine.register(e => {
|
|
4
|
+
e.addEffect("trail", async () => {
|
|
5
|
+
const { TrailDrawer } = await import("./TrailDrawer.js");
|
|
6
|
+
return new TrailDrawer();
|
|
7
|
+
});
|
|
6
8
|
});
|
|
7
9
|
}
|
|
@@ -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.14
|
|
8
8
|
*/
|
|
9
9
|
"use strict";
|
|
10
10
|
/*
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
\*************************************/
|
|
24
24
|
(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
25
25
|
|
|
26
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ TrailDrawer: () => (/* binding */ TrailDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst minTrailLength = 2
|
|
26
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ TrailDrawer: () => (/* binding */ TrailDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst minTrailLength = 2, trailLengthOffset = 1, minWidth = -1, defaultLength = 10;\nconst defaultTransform = {\n a: 1,\n b: 0,\n c: 0,\n d: 1\n};\nclass TrailDrawer {\n drawAfter(data) {\n const { context, radius, particle, transformData } = data, diameter = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double, pxRatio = particle.container.retina.pixelRatio, currentPos = particle.getPosition(), trail = particle.trail;\n if (!trail || !particle.trailLength) {\n return;\n }\n const pathLength = particle.trailLength + radius;\n trail.push({\n color: context.fillStyle || context.strokeStyle,\n position: {\n x: currentPos.x,\n y: currentPos.y\n },\n transformData\n });\n if (trail.length < minTrailLength) {\n return;\n }\n while(trail.length > pathLength){\n trail.shift();\n }\n const trailLength = Math.min(trail.length, pathLength), canvasSize = {\n width: particle.container.canvas.size.width + diameter,\n height: particle.container.canvas.size.height + diameter\n }, trailPos = trail[trailLength - trailLengthOffset];\n if (!trailPos) {\n return;\n }\n let lastPos = trailPos.position;\n for(let i = trailLength; i > _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.none; i--){\n const step = trail[i - trailLengthOffset];\n if (!step) {\n continue;\n }\n const position = step.position, stepTransformData = particle.trailTransform ? step.transformData ?? defaultTransform : defaultTransform;\n context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);\n context.beginPath();\n context.moveTo(lastPos.x - position.x, lastPos.y - position.y);\n const warp = {\n x: (lastPos.x + canvasSize.width) % canvasSize.width,\n y: (lastPos.y + canvasSize.height) % canvasSize.height\n };\n if (Math.abs(lastPos.x - position.x) > canvasSize.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half || Math.abs(lastPos.y - position.y) > canvasSize.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half) {\n lastPos = position;\n continue;\n }\n context.lineTo(Math.abs(lastPos.x - position.x) > canvasSize.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half ? warp.x : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, Math.abs(lastPos.y - position.y) > canvasSize.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half ? warp.y : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n const width = Math.max(i / trailLength * diameter, pxRatio, particle.trailMinWidth ?? minWidth), oldAlpha = context.globalAlpha;\n context.globalAlpha = particle.trailFade ? i / trailLength : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultAlpha;\n context.lineWidth = particle.trailMaxWidth ? Math.min(width, particle.trailMaxWidth) : width;\n context.strokeStyle = step.color;\n context.stroke();\n context.globalAlpha = oldAlpha;\n lastPos = position;\n }\n context.setTransform(transformData.a, transformData.b, transformData.c, transformData.d, currentPos.x, currentPos.y);\n }\n particleInit(container, particle) {\n particle.trail = [];\n const effectData = particle.effectData;\n particle.trailFade = effectData?.fade ?? true;\n particle.trailLength = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData?.length ?? defaultLength) * container.retina.pixelRatio;\n particle.trailMaxWidth = effectData?.maxWidth ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData.maxWidth) * container.retina.pixelRatio : undefined;\n particle.trailMinWidth = effectData?.minWidth ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData.minWidth) * container.retina.pixelRatio : undefined;\n particle.trailTransform = effectData?.transform ?? false;\n }\n}\n\n\n//# sourceURL=webpack://@tsparticles/effect-trail/./dist/browser/TrailDrawer.js?\n}");
|
|
27
27
|
|
|
28
28
|
/***/ }
|
|
29
29
|
|
package/esm/TrailDrawer.js
CHANGED
|
@@ -19,7 +19,7 @@ export class TrailDrawer {
|
|
|
19
19
|
x: currentPos.x,
|
|
20
20
|
y: currentPos.y,
|
|
21
21
|
},
|
|
22
|
-
transformData
|
|
22
|
+
transformData,
|
|
23
23
|
});
|
|
24
24
|
if (trail.length < minTrailLength) {
|
|
25
25
|
return;
|
|
@@ -30,8 +30,7 @@ export class TrailDrawer {
|
|
|
30
30
|
const trailLength = Math.min(trail.length, pathLength), canvasSize = {
|
|
31
31
|
width: particle.container.canvas.size.width + diameter,
|
|
32
32
|
height: particle.container.canvas.size.height + diameter,
|
|
33
|
-
};
|
|
34
|
-
const trailPos = trail[trailLength - trailLengthOffset];
|
|
33
|
+
}, trailPos = trail[trailLength - trailLengthOffset];
|
|
35
34
|
if (!trailPos) {
|
|
36
35
|
return;
|
|
37
36
|
}
|
|
@@ -41,9 +40,7 @@ export class TrailDrawer {
|
|
|
41
40
|
if (!step) {
|
|
42
41
|
continue;
|
|
43
42
|
}
|
|
44
|
-
const position = step.position, stepTransformData = particle.trailTransform
|
|
45
|
-
? (step.transformData ?? defaultTransform)
|
|
46
|
-
: defaultTransform;
|
|
43
|
+
const position = step.position, stepTransformData = particle.trailTransform ? (step.transformData ?? defaultTransform) : defaultTransform;
|
|
47
44
|
context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);
|
|
48
45
|
context.beginPath();
|
|
49
46
|
context.moveTo(lastPos.x - position.x, lastPos.y - position.y);
|
package/esm/index.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
export function loadTrailEffect(engine) {
|
|
2
|
-
engine.checkVersion("4.0.0-alpha.
|
|
3
|
-
engine.register(
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
export async function loadTrailEffect(engine) {
|
|
2
|
+
engine.checkVersion("4.0.0-alpha.14");
|
|
3
|
+
await engine.register(e => {
|
|
4
|
+
e.addEffect("trail", async () => {
|
|
5
|
+
const { TrailDrawer } = await import("./TrailDrawer.js");
|
|
6
|
+
return new TrailDrawer();
|
|
7
|
+
});
|
|
6
8
|
});
|
|
7
9
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/effect-trail",
|
|
3
|
-
"version": "4.0.0-alpha.
|
|
3
|
+
"version": "4.0.0-alpha.14",
|
|
4
4
|
"description": "tsParticles trail effect",
|
|
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.14"
|
|
104
104
|
},
|
|
105
105
|
"publishConfig": {
|
|
106
106
|
"access": "public"
|