@tsparticles/effect-trail 3.4.0 → 3.6.0-beta.0
Sign up to get free protection for your applications and to get access to all the features.
- package/browser/TrailDrawer.js +3 -1
- package/cjs/TrailDrawer.js +3 -1
- package/cjs/index.js +1 -2
- package/esm/TrailDrawer.js +3 -1
- package/package.json +2 -2
- package/report.html +1 -1
- package/tsparticles.effect.trail.js +1 -1
- package/tsparticles.effect.trail.min.js +1 -1
- package/tsparticles.effect.trail.min.js.LICENSE.txt +1 -1
- package/umd/TrailDrawer.js +3 -1
- package/umd/index.js +1 -2
package/browser/TrailDrawer.js
CHANGED
@@ -33,7 +33,9 @@ export class TrailDrawer {
|
|
33
33
|
};
|
34
34
|
let lastPos = trail[trailLength - trailLengthOffset].position;
|
35
35
|
for (let i = trailLength; i > noItems; i--) {
|
36
|
-
const step = trail[i - trailLengthOffset], position = step.position, stepTransformData = particle.trailTransform
|
36
|
+
const step = trail[i - trailLengthOffset], position = step.position, stepTransformData = particle.trailTransform
|
37
|
+
? (step.transformData ?? defaultTransform)
|
38
|
+
: defaultTransform;
|
37
39
|
context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);
|
38
40
|
context.beginPath();
|
39
41
|
context.moveTo(lastPos.x - position.x, lastPos.y - position.y);
|
package/cjs/TrailDrawer.js
CHANGED
@@ -36,7 +36,9 @@ class TrailDrawer {
|
|
36
36
|
};
|
37
37
|
let lastPos = trail[trailLength - trailLengthOffset].position;
|
38
38
|
for (let i = trailLength; i > noItems; i--) {
|
39
|
-
const step = trail[i - trailLengthOffset], position = step.position, stepTransformData = particle.trailTransform
|
39
|
+
const step = trail[i - trailLengthOffset], position = step.position, stepTransformData = particle.trailTransform
|
40
|
+
? (step.transformData ?? defaultTransform)
|
41
|
+
: defaultTransform;
|
40
42
|
context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);
|
41
43
|
context.beginPath();
|
42
44
|
context.moveTo(lastPos.x - position.x, lastPos.y - position.y);
|
package/cjs/index.js
CHANGED
@@ -1,8 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.loadTrailEffect =
|
3
|
+
exports.loadTrailEffect = loadTrailEffect;
|
4
4
|
const TrailDrawer_js_1 = require("./TrailDrawer.js");
|
5
5
|
async function loadTrailEffect(engine, refresh = true) {
|
6
6
|
await engine.addEffect("trail", new TrailDrawer_js_1.TrailDrawer(), refresh);
|
7
7
|
}
|
8
|
-
exports.loadTrailEffect = loadTrailEffect;
|
package/esm/TrailDrawer.js
CHANGED
@@ -33,7 +33,9 @@ export class TrailDrawer {
|
|
33
33
|
};
|
34
34
|
let lastPos = trail[trailLength - trailLengthOffset].position;
|
35
35
|
for (let i = trailLength; i > noItems; i--) {
|
36
|
-
const step = trail[i - trailLengthOffset], position = step.position, stepTransformData = particle.trailTransform
|
36
|
+
const step = trail[i - trailLengthOffset], position = step.position, stepTransformData = particle.trailTransform
|
37
|
+
? (step.transformData ?? defaultTransform)
|
38
|
+
: defaultTransform;
|
37
39
|
context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);
|
38
40
|
context.beginPath();
|
39
41
|
context.moveTo(lastPos.x - position.x, lastPos.y - position.y);
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@tsparticles/effect-trail",
|
3
|
-
"version": "3.
|
3
|
+
"version": "3.6.0-beta.0",
|
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": "^3.
|
103
|
+
"@tsparticles/engine": "^3.6.0-beta.0"
|
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/effect-trail [
|
6
|
+
<title>@tsparticles/effect-trail [7 Oct 2024 at 10:30]</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>
|
@@ -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
|
-
* v3.
|
7
|
+
* v3.6.0-beta.0
|
8
8
|
*/
|
9
9
|
/*
|
10
10
|
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
|
@@ -1,2 +1,2 @@
|
|
1
1
|
/*! For license information please see tsparticles.effect.trail.min.js.LICENSE.txt */
|
2
|
-
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var a="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var i in a)("object"==typeof exports?exports:t)[i]=a[i]}}(this,(t=>(()=>{var e={303:e=>{e.exports=t}},a={};function i(t){var r=a[t];if(void 0!==r)return r.exports;var o=a[t]={exports:{}};return e[t](o,o.exports,i),o.exports}i.d=(t,e)=>{for(var a in e)i.o(e,a)&&!i.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:e[a]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var r={};
|
2
|
+
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var a="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var i in a)("object"==typeof exports?exports:t)[i]=a[i]}}(this,(t=>(()=>{var e={303:e=>{e.exports=t}},a={};function i(t){var r=a[t];if(void 0!==r)return r.exports;var o=a[t]={exports:{}};return e[t](o,o.exports,i),o.exports}i.d=(t,e)=>{for(var a in e)i.o(e,a)&&!i.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:e[a]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var r={};i.r(r),i.d(r,{loadTrailEffect:()=>d});var o=i(303);const n=.5,l=0,s=0,f={a:1,b:0,c:0,d:1};class c{draw(t){const{context:e,radius:a,particle:i,transformData:r}=t,o=2*a,c=i.container.retina.pixelRatio,d=i.getPosition(),p=i.trail;if(!p||!i.trailLength)return;const h=i.trailLength+a;if(p.push({color:e.fillStyle??e.strokeStyle,position:{x:d.x,y:d.y},transformData:{...t.transformData}}),p.length<2)return;for(;p.length>h;)p.shift();const x=Math.min(p.length,h),y=i.container.canvas.size.width+o,g=i.container.canvas.size.height+o;let u=p[x-1].position;for(let t=x;t>0;t--){const a=p[t-1],r=a.position,d=i.trailTransform?a.transformData??f:f;e.setTransform(d.a,d.b,d.c,d.d,r.x,r.y),e.beginPath(),e.moveTo(u.x-r.x,u.y-r.y);const h={x:(u.x+y)%y,y:(u.y+g)%g};if(Math.abs(u.x-r.x)>y*n||Math.abs(u.y-r.y)>g*n){u=r;continue}e.lineTo(Math.abs(u.x-r.x)>y*n?h.x:l,Math.abs(u.y-r.y)>g*n?h.y:s);const m=Math.max(t/x*o,c,i.trailMinWidth??-1),b=e.globalAlpha;e.globalAlpha=i.trailFade?t/x:1,e.lineWidth=i.trailMaxWidth?Math.min(m,i.trailMaxWidth):m,e.strokeStyle=a.color,e.stroke(),e.globalAlpha=b,u=r}e.setTransform(r.a,r.b,r.c,r.d,d.x,d.y)}particleInit(t,e){e.trail=[];const a=e.effectData;e.trailFade=a?.fade??!0,e.trailLength=(0,o.getRangeValue)(a?.length??10)*t.retina.pixelRatio,e.trailMaxWidth=a?.maxWidth?(0,o.getRangeValue)(a.maxWidth)*t.retina.pixelRatio:void 0,e.trailMinWidth=a?.minWidth?(0,o.getRangeValue)(a.minWidth)*t.retina.pixelRatio:void 0,e.trailTransform=a?.transform??!1}}async function d(t,e=!0){await t.addEffect("trail",new c,e)}return r})()));
|
@@ -1 +1 @@
|
|
1
|
-
/*! tsParticles Trail Shape v3.
|
1
|
+
/*! tsParticles Trail Shape v3.6.0-beta.0 by Matteo Bruni */
|
package/umd/TrailDrawer.js
CHANGED
@@ -45,7 +45,9 @@
|
|
45
45
|
};
|
46
46
|
let lastPos = trail[trailLength - trailLengthOffset].position;
|
47
47
|
for (let i = trailLength; i > noItems; i--) {
|
48
|
-
const step = trail[i - trailLengthOffset], position = step.position, stepTransformData = particle.trailTransform
|
48
|
+
const step = trail[i - trailLengthOffset], position = step.position, stepTransformData = particle.trailTransform
|
49
|
+
? (step.transformData ?? defaultTransform)
|
50
|
+
: defaultTransform;
|
49
51
|
context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);
|
50
52
|
context.beginPath();
|
51
53
|
context.moveTo(lastPos.x - position.x, lastPos.y - position.y);
|
package/umd/index.js
CHANGED
@@ -9,10 +9,9 @@
|
|
9
9
|
})(function (require, exports) {
|
10
10
|
"use strict";
|
11
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
12
|
-
exports.loadTrailEffect =
|
12
|
+
exports.loadTrailEffect = loadTrailEffect;
|
13
13
|
const TrailDrawer_js_1 = require("./TrailDrawer.js");
|
14
14
|
async function loadTrailEffect(engine, refresh = true) {
|
15
15
|
await engine.addEffect("trail", new TrailDrawer_js_1.TrailDrawer(), refresh);
|
16
16
|
}
|
17
|
-
exports.loadTrailEffect = loadTrailEffect;
|
18
17
|
});
|