@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.
@@ -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 ? step.transformData ?? defaultTransform : defaultTransform;
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);
@@ -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 ? step.transformData ?? defaultTransform : defaultTransform;
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 = void 0;
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;
@@ -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 ? step.transformData ?? defaultTransform : defaultTransform;
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.4.0",
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.4.0"
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 [13 May 2024 at 00:06]</title>
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.4.0
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={};return(()=>{i.r(r),i.d(r,{loadTrailEffect:()=>s});var t=i(303);const e=.5,a=0,o=0,n={a:1,b:0,c:0,d:1};class l{draw(t){const{context:i,radius:r,particle:l,transformData:s}=t,f=2*r,c=l.container.retina.pixelRatio,d=l.getPosition(),p=l.trail;if(!p||!l.trailLength)return;const h=l.trailLength+r;if(p.push({color:i.fillStyle??i.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=l.container.canvas.size.width+f,g=l.container.canvas.size.height+f;let u=p[x-1].position;for(let t=x;t>0;t--){const r=p[t-1],s=r.position,d=l.trailTransform?r.transformData??n:n;i.setTransform(d.a,d.b,d.c,d.d,s.x,s.y),i.beginPath(),i.moveTo(u.x-s.x,u.y-s.y);const h={x:(u.x+y)%y,y:(u.y+g)%g};if(Math.abs(u.x-s.x)>y*e||Math.abs(u.y-s.y)>g*e){u=s;continue}i.lineTo(Math.abs(u.x-s.x)>y*e?h.x:a,Math.abs(u.y-s.y)>g*e?h.y:o);const m=Math.max(t/x*f,c,l.trailMinWidth??-1),b=i.globalAlpha;i.globalAlpha=l.trailFade?t/x:1,i.lineWidth=l.trailMaxWidth?Math.min(m,l.trailMaxWidth):m,i.strokeStyle=r.color,i.stroke(),i.globalAlpha=b,u=s}i.setTransform(s.a,s.b,s.c,s.d,d.x,d.y)}particleInit(e,a){a.trail=[];const i=a.effectData;a.trailFade=i?.fade??!0,a.trailLength=(0,t.getRangeValue)(i?.length??10)*e.retina.pixelRatio,a.trailMaxWidth=i?.maxWidth?(0,t.getRangeValue)(i.maxWidth)*e.retina.pixelRatio:void 0,a.trailMinWidth=i?.minWidth?(0,t.getRangeValue)(i.minWidth)*e.retina.pixelRatio:void 0,a.trailTransform=i?.transform??!1}}async function s(t,e=!0){await t.addEffect("trail",new l,e)}})(),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.4.0 by Matteo Bruni */
1
+ /*! tsParticles Trail Shape v3.6.0-beta.0 by Matteo Bruni */
@@ -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 ? step.transformData ?? defaultTransform : defaultTransform;
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 = void 0;
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
  });