@tsparticles/effect-trail 4.0.0-beta.12 → 4.0.0-beta.16

package/browser/TrailDrawer.js

@@ -1,4 +1,4 @@
-import { defaultAlpha, double, getDistances, getRangeValue, half, originPoint, } from "@tsparticles/engine";
+import { defaultAlpha, double, getRangeValue, half, originPoint, } from "@tsparticles/engine";
 const minTrailLength = 3, trailLengthOffset = 1, minWidth = -1, firstIndex = 0, defaultLength = 10, loopTrailLengthOffset = 2, loopTrailLengthMinIndex = 0;
 const defaultTransform = {
     a: 1,
@@ -18,6 +18,7 @@ export class TrailDrawer {
         }
         const currentPos = drawPosition, pathLength = particle.trailLength * drawScale + drawRadius;
         trail.push({
+            break: particle.justWarped,
             color: context.fillStyle || context.strokeStyle,
             position: {
                 x: currentPos.x,
@@ -32,10 +33,7 @@ export class TrailDrawer {
         if (trail.length > pathLengthFloor) {
             trail.splice(firstIndex, trail.length - pathLengthFloor);
         }
-        const trailLength = Math.min(trail.length, pathLength), canvasSize = {
-            width: container.canvas.size.width * drawScale + diameter,
-            height: container.canvas.size.height * drawScale + diameter,
-        };
+        const trailLength = Math.min(trail.length, pathLength);
         context.save();
         context.lineCap = "butt";
         context.lineJoin = "round";
@@ -44,14 +42,8 @@ export class TrailDrawer {
             if (!previousStep || !step || !nextStep) {
                 continue;
             }
-            const previousPosition = previousStep.position, position = step.position, nextPosition = nextStep.position, stepTransformData = particle.trailTransform ? (step.transformData ?? defaultTransform) : defaultTransform, { distance: previousDistance } = getDistances(previousPosition, position), { distance: nextDistance } = getDistances(position, nextPosition);
-            if (previousDistance > pathLength * double || nextDistance > pathLength * double) {
-                continue;
-            }
-            if (Math.abs(previousPosition.x - position.x) > canvasSize.width * half ||
-                Math.abs(previousPosition.y - position.y) > canvasSize.height * half ||
-                Math.abs(position.x - nextPosition.x) > canvasSize.width * half ||
-                Math.abs(position.y - nextPosition.y) > canvasSize.height * half) {
+            const previousPosition = previousStep.position, position = step.position, nextPosition = nextStep.position, stepTransformData = particle.trailTransform ? (step.transformData ?? defaultTransform) : defaultTransform;
+            if (step.break || previousStep.break || nextStep.break) {
                 continue;
             }
             context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);

package/browser/browser.js

@@ -0,0 +1,5 @@
+import { loadTrailEffect } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadTrailEffect = loadTrailEffect;
+export * from "./index.js";

package/browser/index.js

@@ -1,9 +1,9 @@
+import { TrailDrawer } from "./TrailDrawer.js";
 export async function loadTrailEffect(engine) {
-    engine.checkVersion("4.0.0-beta.12");
+    engine.checkVersion("4.0.0-beta.16");
     await engine.pluginManager.register(e => {
-        e.pluginManager.addEffect("trail", async (container) => {
-            const { TrailDrawer } = await import("./TrailDrawer.js");
-            return new TrailDrawer(container);
+        e.pluginManager.addEffect("trail", container => {
+            return Promise.resolve(new TrailDrawer(container));
         });
     });
 }

package/browser/index.lazy.js

@@ -0,0 +1,9 @@
+export async function loadTrailEffect(engine) {
+    engine.checkVersion("4.0.0-beta.16");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addEffect("trail", async (container) => {
+            const { TrailDrawer } = await import("./TrailDrawer.js");
+            return new TrailDrawer(container);
+        });
+    });
+}

package/cjs/TrailDrawer.js

@@ -1,4 +1,4 @@
-import { defaultAlpha, double, getDistances, getRangeValue, half, originPoint, } from "@tsparticles/engine";
+import { defaultAlpha, double, getRangeValue, half, originPoint, } from "@tsparticles/engine";
 const minTrailLength = 3, trailLengthOffset = 1, minWidth = -1, firstIndex = 0, defaultLength = 10, loopTrailLengthOffset = 2, loopTrailLengthMinIndex = 0;
 const defaultTransform = {
     a: 1,
@@ -18,6 +18,7 @@ export class TrailDrawer {
         }
         const currentPos = drawPosition, pathLength = particle.trailLength * drawScale + drawRadius;
         trail.push({
+            break: particle.justWarped,
             color: context.fillStyle || context.strokeStyle,
             position: {
                 x: currentPos.x,
@@ -32,10 +33,7 @@ export class TrailDrawer {
         if (trail.length > pathLengthFloor) {
             trail.splice(firstIndex, trail.length - pathLengthFloor);
         }
-        const trailLength = Math.min(trail.length, pathLength), canvasSize = {
-            width: container.canvas.size.width * drawScale + diameter,
-            height: container.canvas.size.height * drawScale + diameter,
-        };
+        const trailLength = Math.min(trail.length, pathLength);
         context.save();
         context.lineCap = "butt";
         context.lineJoin = "round";
@@ -44,14 +42,8 @@ export class TrailDrawer {
             if (!previousStep || !step || !nextStep) {
                 continue;
             }
-            const previousPosition = previousStep.position, position = step.position, nextPosition = nextStep.position, stepTransformData = particle.trailTransform ? (step.transformData ?? defaultTransform) : defaultTransform, { distance: previousDistance } = getDistances(previousPosition, position), { distance: nextDistance } = getDistances(position, nextPosition);
-            if (previousDistance > pathLength * double || nextDistance > pathLength * double) {
-                continue;
-            }
-            if (Math.abs(previousPosition.x - position.x) > canvasSize.width * half ||
-                Math.abs(previousPosition.y - position.y) > canvasSize.height * half ||
-                Math.abs(position.x - nextPosition.x) > canvasSize.width * half ||
-                Math.abs(position.y - nextPosition.y) > canvasSize.height * half) {
+            const previousPosition = previousStep.position, position = step.position, nextPosition = nextStep.position, stepTransformData = particle.trailTransform ? (step.transformData ?? defaultTransform) : defaultTransform;
+            if (step.break || previousStep.break || nextStep.break) {
                 continue;
             }
             context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);

package/cjs/browser.js

@@ -0,0 +1,5 @@
+import { loadTrailEffect } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadTrailEffect = loadTrailEffect;
+export * from "./index.js";

package/cjs/index.js

@@ -1,9 +1,9 @@
+import { TrailDrawer } from "./TrailDrawer.js";
 export async function loadTrailEffect(engine) {
-    engine.checkVersion("4.0.0-beta.12");
+    engine.checkVersion("4.0.0-beta.16");
     await engine.pluginManager.register(e => {
-        e.pluginManager.addEffect("trail", async (container) => {
-            const { TrailDrawer } = await import("./TrailDrawer.js");
-            return new TrailDrawer(container);
+        e.pluginManager.addEffect("trail", container => {
+            return Promise.resolve(new TrailDrawer(container));
         });
     });
 }

package/cjs/index.lazy.js

@@ -0,0 +1,9 @@
+export async function loadTrailEffect(engine) {
+    engine.checkVersion("4.0.0-beta.16");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addEffect("trail", async (container) => {
+            const { TrailDrawer } = await import("./TrailDrawer.js");
+            return new TrailDrawer(container);
+        });
+    });
+}

package/esm/TrailDrawer.js

@@ -1,4 +1,4 @@
-import { defaultAlpha, double, getDistances, getRangeValue, half, originPoint, } from "@tsparticles/engine";
+import { defaultAlpha, double, getRangeValue, half, originPoint, } from "@tsparticles/engine";
 const minTrailLength = 3, trailLengthOffset = 1, minWidth = -1, firstIndex = 0, defaultLength = 10, loopTrailLengthOffset = 2, loopTrailLengthMinIndex = 0;
 const defaultTransform = {
     a: 1,
@@ -18,6 +18,7 @@ export class TrailDrawer {
         }
         const currentPos = drawPosition, pathLength = particle.trailLength * drawScale + drawRadius;
         trail.push({
+            break: particle.justWarped,
             color: context.fillStyle || context.strokeStyle,
             position: {
                 x: currentPos.x,
@@ -32,10 +33,7 @@ export class TrailDrawer {
         if (trail.length > pathLengthFloor) {
             trail.splice(firstIndex, trail.length - pathLengthFloor);
         }
-        const trailLength = Math.min(trail.length, pathLength), canvasSize = {
-            width: container.canvas.size.width * drawScale + diameter,
-            height: container.canvas.size.height * drawScale + diameter,
-        };
+        const trailLength = Math.min(trail.length, pathLength);
         context.save();
         context.lineCap = "butt";
         context.lineJoin = "round";
@@ -44,14 +42,8 @@ export class TrailDrawer {
             if (!previousStep || !step || !nextStep) {
                 continue;
             }
-            const previousPosition = previousStep.position, position = step.position, nextPosition = nextStep.position, stepTransformData = particle.trailTransform ? (step.transformData ?? defaultTransform) : defaultTransform, { distance: previousDistance } = getDistances(previousPosition, position), { distance: nextDistance } = getDistances(position, nextPosition);
-            if (previousDistance > pathLength * double || nextDistance > pathLength * double) {
-                continue;
-            }
-            if (Math.abs(previousPosition.x - position.x) > canvasSize.width * half ||
-                Math.abs(previousPosition.y - position.y) > canvasSize.height * half ||
-                Math.abs(position.x - nextPosition.x) > canvasSize.width * half ||
-                Math.abs(position.y - nextPosition.y) > canvasSize.height * half) {
+            const previousPosition = previousStep.position, position = step.position, nextPosition = nextStep.position, stepTransformData = particle.trailTransform ? (step.transformData ?? defaultTransform) : defaultTransform;
+            if (step.break || previousStep.break || nextStep.break) {
                 continue;
             }
             context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);

package/esm/browser.js

@@ -0,0 +1,5 @@
+import { loadTrailEffect } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadTrailEffect = loadTrailEffect;
+export * from "./index.js";

package/esm/index.js

@@ -1,9 +1,9 @@
+import { TrailDrawer } from "./TrailDrawer.js";
 export async function loadTrailEffect(engine) {
-    engine.checkVersion("4.0.0-beta.12");
+    engine.checkVersion("4.0.0-beta.16");
     await engine.pluginManager.register(e => {
-        e.pluginManager.addEffect("trail", async (container) => {
-            const { TrailDrawer } = await import("./TrailDrawer.js");
-            return new TrailDrawer(container);
+        e.pluginManager.addEffect("trail", container => {
+            return Promise.resolve(new TrailDrawer(container));
         });
     });
 }

package/esm/index.lazy.js

@@ -0,0 +1,9 @@
+export async function loadTrailEffect(engine) {
+    engine.checkVersion("4.0.0-beta.16");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addEffect("trail", async (container) => {
+            const { TrailDrawer } = await import("./TrailDrawer.js");
+            return new TrailDrawer(container);
+        });
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/effect-trail",
-  "version": "4.0.0-beta.12",
+  "version": "4.0.0-beta.16",
   "description": "tsParticles trail effect",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -96,10 +96,17 @@
       "require": "./cjs/index.js",
       "default": "./esm/index.js"
     },
+    "./lazy": {
+      "types": "./types/index.lazy.d.ts",
+      "browser": "./browser/index.lazy.js",
+      "import": "./esm/index.lazy.js",
+      "require": "./cjs/index.lazy.js",
+      "default": "./esm/index.lazy.js"
+    },
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "@tsparticles/engine": "4.0.0-beta.12"
+    "@tsparticles/engine": "4.0.0-beta.16"
   },
   "publishConfig": {
     "access": "public"