@tsparticles/effect-trail 3.7.0 → 3.8.0
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/browser/TrailDrawer.js +4 -4
- package/browser/index.js +1 -2
- package/cjs/TrailDrawer.js +7 -7
- package/cjs/index.js +1 -2
- package/esm/TrailDrawer.js +4 -4
- package/esm/index.js +1 -2
- package/package.json +2 -2
- package/report.html +1 -1
- package/tsparticles.effect.trail.js +3 -3
- package/tsparticles.effect.trail.min.js +1 -1
- package/tsparticles.effect.trail.min.js.LICENSE.txt +1 -1
- package/umd/TrailDrawer.js +7 -7
- package/umd/index.js +2 -3
package/browser/TrailDrawer.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { getRangeValue, } from "@tsparticles/engine";
|
|
2
|
-
const
|
|
1
|
+
import { defaultAlpha, double, getRangeValue, half, none, originPoint, } from "@tsparticles/engine";
|
|
2
|
+
const minTrailLength = 2, trailLengthOffset = 1, minWidth = -1, defaultLength = 10;
|
|
3
3
|
const defaultTransform = {
|
|
4
4
|
a: 1,
|
|
5
5
|
b: 0,
|
|
@@ -32,7 +32,7 @@ export class TrailDrawer {
|
|
|
32
32
|
height: particle.container.canvas.size.height + diameter,
|
|
33
33
|
};
|
|
34
34
|
let lastPos = trail[trailLength - trailLengthOffset].position;
|
|
35
|
-
for (let i = trailLength; i >
|
|
35
|
+
for (let i = trailLength; i > none; i--) {
|
|
36
36
|
const step = trail[i - trailLengthOffset], position = step.position, stepTransformData = particle.trailTransform
|
|
37
37
|
? (step.transformData ?? defaultTransform)
|
|
38
38
|
: defaultTransform;
|
|
@@ -48,7 +48,7 @@ export class TrailDrawer {
|
|
|
48
48
|
lastPos = position;
|
|
49
49
|
continue;
|
|
50
50
|
}
|
|
51
|
-
context.lineTo(Math.abs(lastPos.x - position.x) > canvasSize.width * half ? warp.x :
|
|
51
|
+
context.lineTo(Math.abs(lastPos.x - position.x) > canvasSize.width * half ? warp.x : originPoint.x, Math.abs(lastPos.y - position.y) > canvasSize.height * half ? warp.y : originPoint.y);
|
|
52
52
|
const width = Math.max((i / trailLength) * diameter, pxRatio, particle.trailMinWidth ?? minWidth), oldAlpha = context.globalAlpha;
|
|
53
53
|
context.globalAlpha = particle.trailFade ? i / trailLength : defaultAlpha;
|
|
54
54
|
context.lineWidth = particle.trailMaxWidth ? Math.min(width, particle.trailMaxWidth) : width;
|
package/browser/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { assertValidVersion } from "@tsparticles/engine";
|
|
2
1
|
import { TrailDrawer } from "./TrailDrawer.js";
|
|
3
2
|
export async function loadTrailEffect(engine, refresh = true) {
|
|
4
|
-
|
|
3
|
+
engine.checkVersion("3.8.0");
|
|
5
4
|
await engine.addEffect("trail", new TrailDrawer(), refresh);
|
|
6
5
|
}
|
package/cjs/TrailDrawer.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.TrailDrawer = void 0;
|
|
4
4
|
const engine_1 = require("@tsparticles/engine");
|
|
5
|
-
const
|
|
5
|
+
const minTrailLength = 2, trailLengthOffset = 1, minWidth = -1, defaultLength = 10;
|
|
6
6
|
const defaultTransform = {
|
|
7
7
|
a: 1,
|
|
8
8
|
b: 0,
|
|
@@ -11,7 +11,7 @@ const defaultTransform = {
|
|
|
11
11
|
};
|
|
12
12
|
class TrailDrawer {
|
|
13
13
|
draw(data) {
|
|
14
|
-
const { context, radius, particle, transformData } = data, diameter = radius * double, pxRatio = particle.container.retina.pixelRatio, currentPos = particle.getPosition(), trail = particle.trail;
|
|
14
|
+
const { context, radius, particle, transformData } = data, diameter = radius * engine_1.double, pxRatio = particle.container.retina.pixelRatio, currentPos = particle.getPosition(), trail = particle.trail;
|
|
15
15
|
if (!trail || !particle.trailLength) {
|
|
16
16
|
return;
|
|
17
17
|
}
|
|
@@ -35,7 +35,7 @@ class TrailDrawer {
|
|
|
35
35
|
height: particle.container.canvas.size.height + diameter,
|
|
36
36
|
};
|
|
37
37
|
let lastPos = trail[trailLength - trailLengthOffset].position;
|
|
38
|
-
for (let i = trailLength; i >
|
|
38
|
+
for (let i = trailLength; i > engine_1.none; i--) {
|
|
39
39
|
const step = trail[i - trailLengthOffset], position = step.position, stepTransformData = particle.trailTransform
|
|
40
40
|
? (step.transformData ?? defaultTransform)
|
|
41
41
|
: defaultTransform;
|
|
@@ -46,14 +46,14 @@ class TrailDrawer {
|
|
|
46
46
|
x: (lastPos.x + canvasSize.width) % canvasSize.width,
|
|
47
47
|
y: (lastPos.y + canvasSize.height) % canvasSize.height,
|
|
48
48
|
};
|
|
49
|
-
if (Math.abs(lastPos.x - position.x) > canvasSize.width * half ||
|
|
50
|
-
Math.abs(lastPos.y - position.y) > canvasSize.height * half) {
|
|
49
|
+
if (Math.abs(lastPos.x - position.x) > canvasSize.width * engine_1.half ||
|
|
50
|
+
Math.abs(lastPos.y - position.y) > canvasSize.height * engine_1.half) {
|
|
51
51
|
lastPos = position;
|
|
52
52
|
continue;
|
|
53
53
|
}
|
|
54
|
-
context.lineTo(Math.abs(lastPos.x - position.x) > canvasSize.width * half ? warp.x :
|
|
54
|
+
context.lineTo(Math.abs(lastPos.x - position.x) > canvasSize.width * engine_1.half ? warp.x : engine_1.originPoint.x, Math.abs(lastPos.y - position.y) > canvasSize.height * engine_1.half ? warp.y : engine_1.originPoint.y);
|
|
55
55
|
const width = Math.max((i / trailLength) * diameter, pxRatio, particle.trailMinWidth ?? minWidth), oldAlpha = context.globalAlpha;
|
|
56
|
-
context.globalAlpha = particle.trailFade ? i / trailLength : defaultAlpha;
|
|
56
|
+
context.globalAlpha = particle.trailFade ? i / trailLength : engine_1.defaultAlpha;
|
|
57
57
|
context.lineWidth = particle.trailMaxWidth ? Math.min(width, particle.trailMaxWidth) : width;
|
|
58
58
|
context.strokeStyle = step.color;
|
|
59
59
|
context.stroke();
|
package/cjs/index.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.loadTrailEffect = loadTrailEffect;
|
|
4
|
-
const engine_1 = require("@tsparticles/engine");
|
|
5
4
|
const TrailDrawer_js_1 = require("./TrailDrawer.js");
|
|
6
5
|
async function loadTrailEffect(engine, refresh = true) {
|
|
7
|
-
|
|
6
|
+
engine.checkVersion("3.8.0");
|
|
8
7
|
await engine.addEffect("trail", new TrailDrawer_js_1.TrailDrawer(), refresh);
|
|
9
8
|
}
|
package/esm/TrailDrawer.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { getRangeValue, } from "@tsparticles/engine";
|
|
2
|
-
const
|
|
1
|
+
import { defaultAlpha, double, getRangeValue, half, none, originPoint, } from "@tsparticles/engine";
|
|
2
|
+
const minTrailLength = 2, trailLengthOffset = 1, minWidth = -1, defaultLength = 10;
|
|
3
3
|
const defaultTransform = {
|
|
4
4
|
a: 1,
|
|
5
5
|
b: 0,
|
|
@@ -32,7 +32,7 @@ export class TrailDrawer {
|
|
|
32
32
|
height: particle.container.canvas.size.height + diameter,
|
|
33
33
|
};
|
|
34
34
|
let lastPos = trail[trailLength - trailLengthOffset].position;
|
|
35
|
-
for (let i = trailLength; i >
|
|
35
|
+
for (let i = trailLength; i > none; i--) {
|
|
36
36
|
const step = trail[i - trailLengthOffset], position = step.position, stepTransformData = particle.trailTransform
|
|
37
37
|
? (step.transformData ?? defaultTransform)
|
|
38
38
|
: defaultTransform;
|
|
@@ -48,7 +48,7 @@ export class TrailDrawer {
|
|
|
48
48
|
lastPos = position;
|
|
49
49
|
continue;
|
|
50
50
|
}
|
|
51
|
-
context.lineTo(Math.abs(lastPos.x - position.x) > canvasSize.width * half ? warp.x :
|
|
51
|
+
context.lineTo(Math.abs(lastPos.x - position.x) > canvasSize.width * half ? warp.x : originPoint.x, Math.abs(lastPos.y - position.y) > canvasSize.height * half ? warp.y : originPoint.y);
|
|
52
52
|
const width = Math.max((i / trailLength) * diameter, pxRatio, particle.trailMinWidth ?? minWidth), oldAlpha = context.globalAlpha;
|
|
53
53
|
context.globalAlpha = particle.trailFade ? i / trailLength : defaultAlpha;
|
|
54
54
|
context.lineWidth = particle.trailMaxWidth ? Math.min(width, particle.trailMaxWidth) : width;
|
package/esm/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { assertValidVersion } from "@tsparticles/engine";
|
|
2
1
|
import { TrailDrawer } from "./TrailDrawer.js";
|
|
3
2
|
export async function loadTrailEffect(engine, refresh = true) {
|
|
4
|
-
|
|
3
|
+
engine.checkVersion("3.8.0");
|
|
5
4
|
await engine.addEffect("trail", new TrailDrawer(), refresh);
|
|
6
5
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/effect-trail",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.8.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.8.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 [23 Jan 2025 at 08:55]</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.8.0
|
|
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_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 */ TrailDrawer: () => (/* binding */ TrailDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst
|
|
37
|
+
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/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst minTrailLength = 2,\n trailLengthOffset = 1,\n minWidth = -1,\n defaultLength = 10;\nconst defaultTransform = {\n a: 1,\n b: 0,\n c: 0,\n d: 1\n};\nclass TrailDrawer {\n draw(data) {\n const {\n context,\n radius,\n particle,\n transformData\n } = data,\n diameter = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double,\n pxRatio = particle.container.retina.pixelRatio,\n currentPos = particle.getPosition(),\n 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 ...data.transformData\n }\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),\n canvasSize = {\n width: particle.container.canvas.size.width + diameter,\n height: particle.container.canvas.size.height + diameter\n };\n let lastPos = trail[trailLength - trailLengthOffset].position;\n for (let i = trailLength; i > _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.none; i--) {\n const step = trail[i - trailLengthOffset],\n position = step.position,\n 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),\n 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//# sourceURL=webpack://@tsparticles/effect-trail/./dist/browser/TrailDrawer.js?");
|
|
38
38
|
|
|
39
39
|
/***/ }),
|
|
40
40
|
|
|
@@ -44,7 +44,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
44
44
|
\*******************************/
|
|
45
45
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
46
46
|
|
|
47
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ loadTrailEffect: () => (/* binding */ loadTrailEffect)\n/* harmony export */ });\n/* harmony import */ var
|
|
47
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ loadTrailEffect: () => (/* binding */ loadTrailEffect)\n/* harmony export */ });\n/* harmony import */ var _TrailDrawer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TrailDrawer.js */ \"./dist/browser/TrailDrawer.js\");\n\nasync function loadTrailEffect(engine, refresh = true) {\n engine.checkVersion(\"3.8.0\");\n await engine.addEffect(\"trail\", new _TrailDrawer_js__WEBPACK_IMPORTED_MODULE_0__.TrailDrawer(), refresh);\n}\n\n//# sourceURL=webpack://@tsparticles/effect-trail/./dist/browser/index.js?");
|
|
48
48
|
|
|
49
49
|
/***/ }),
|
|
50
50
|
|
|
@@ -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={};i.r(r),i.d(r,{loadTrailEffect:()=>
|
|
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:()=>s});var o=i(303);const n={a:1,b:0,c:0,d:1};class l{draw(t){const{context:e,radius:a,particle:i,transformData:r}=t,l=a*o.double,s=i.container.retina.pixelRatio,f=i.getPosition(),c=i.trail;if(!c||!i.trailLength)return;const d=i.trailLength+a;if(c.push({color:e.fillStyle??e.strokeStyle,position:{x:f.x,y:f.y},transformData:{...t.transformData}}),c.length<2)return;for(;c.length>d;)c.shift();const h=Math.min(c.length,d),p=i.container.canvas.size.width+l,x=i.container.canvas.size.height+l;let y=c[h-1].position;for(let t=h;t>o.none;t--){const a=c[t-1],r=a.position,f=i.trailTransform?a.transformData??n:n;e.setTransform(f.a,f.b,f.c,f.d,r.x,r.y),e.beginPath(),e.moveTo(y.x-r.x,y.y-r.y);const d={x:(y.x+p)%p,y:(y.y+x)%x};if(Math.abs(y.x-r.x)>p*o.half||Math.abs(y.y-r.y)>x*o.half){y=r;continue}e.lineTo(Math.abs(y.x-r.x)>p*o.half?d.x:o.originPoint.x,Math.abs(y.y-r.y)>x*o.half?d.y:o.originPoint.y);const g=Math.max(t/h*l,s,i.trailMinWidth??-1),u=e.globalAlpha;e.globalAlpha=i.trailFade?t/h:o.defaultAlpha,e.lineWidth=i.trailMaxWidth?Math.min(g,i.trailMaxWidth):g,e.strokeStyle=a.color,e.stroke(),e.globalAlpha=u,y=r}e.setTransform(r.a,r.b,r.c,r.d,f.x,f.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 s(t,e=!0){t.checkVersion("3.8.0"),await t.addEffect("trail",new l,e)}return r})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tsParticles Trail Shape v3.
|
|
1
|
+
/*! tsParticles Trail Shape v3.8.0 by Matteo Bruni */
|
package/umd/TrailDrawer.js
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
12
|
exports.TrailDrawer = void 0;
|
|
13
13
|
const engine_1 = require("@tsparticles/engine");
|
|
14
|
-
const
|
|
14
|
+
const minTrailLength = 2, trailLengthOffset = 1, minWidth = -1, defaultLength = 10;
|
|
15
15
|
const defaultTransform = {
|
|
16
16
|
a: 1,
|
|
17
17
|
b: 0,
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
};
|
|
21
21
|
class TrailDrawer {
|
|
22
22
|
draw(data) {
|
|
23
|
-
const { context, radius, particle, transformData } = data, diameter = radius * double, pxRatio = particle.container.retina.pixelRatio, currentPos = particle.getPosition(), trail = particle.trail;
|
|
23
|
+
const { context, radius, particle, transformData } = data, diameter = radius * engine_1.double, pxRatio = particle.container.retina.pixelRatio, currentPos = particle.getPosition(), trail = particle.trail;
|
|
24
24
|
if (!trail || !particle.trailLength) {
|
|
25
25
|
return;
|
|
26
26
|
}
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
height: particle.container.canvas.size.height + diameter,
|
|
45
45
|
};
|
|
46
46
|
let lastPos = trail[trailLength - trailLengthOffset].position;
|
|
47
|
-
for (let i = trailLength; i >
|
|
47
|
+
for (let i = trailLength; i > engine_1.none; i--) {
|
|
48
48
|
const step = trail[i - trailLengthOffset], position = step.position, stepTransformData = particle.trailTransform
|
|
49
49
|
? (step.transformData ?? defaultTransform)
|
|
50
50
|
: defaultTransform;
|
|
@@ -55,14 +55,14 @@
|
|
|
55
55
|
x: (lastPos.x + canvasSize.width) % canvasSize.width,
|
|
56
56
|
y: (lastPos.y + canvasSize.height) % canvasSize.height,
|
|
57
57
|
};
|
|
58
|
-
if (Math.abs(lastPos.x - position.x) > canvasSize.width * half ||
|
|
59
|
-
Math.abs(lastPos.y - position.y) > canvasSize.height * half) {
|
|
58
|
+
if (Math.abs(lastPos.x - position.x) > canvasSize.width * engine_1.half ||
|
|
59
|
+
Math.abs(lastPos.y - position.y) > canvasSize.height * engine_1.half) {
|
|
60
60
|
lastPos = position;
|
|
61
61
|
continue;
|
|
62
62
|
}
|
|
63
|
-
context.lineTo(Math.abs(lastPos.x - position.x) > canvasSize.width * half ? warp.x :
|
|
63
|
+
context.lineTo(Math.abs(lastPos.x - position.x) > canvasSize.width * engine_1.half ? warp.x : engine_1.originPoint.x, Math.abs(lastPos.y - position.y) > canvasSize.height * engine_1.half ? warp.y : engine_1.originPoint.y);
|
|
64
64
|
const width = Math.max((i / trailLength) * diameter, pxRatio, particle.trailMinWidth ?? minWidth), oldAlpha = context.globalAlpha;
|
|
65
|
-
context.globalAlpha = particle.trailFade ? i / trailLength : defaultAlpha;
|
|
65
|
+
context.globalAlpha = particle.trailFade ? i / trailLength : engine_1.defaultAlpha;
|
|
66
66
|
context.lineWidth = particle.trailMaxWidth ? Math.min(width, particle.trailMaxWidth) : width;
|
|
67
67
|
context.strokeStyle = step.color;
|
|
68
68
|
context.stroke();
|
package/umd/index.js
CHANGED
|
@@ -4,16 +4,15 @@
|
|
|
4
4
|
if (v !== undefined) module.exports = v;
|
|
5
5
|
}
|
|
6
6
|
else if (typeof define === "function" && define.amd) {
|
|
7
|
-
define(["require", "exports", "
|
|
7
|
+
define(["require", "exports", "./TrailDrawer.js"], factory);
|
|
8
8
|
}
|
|
9
9
|
})(function (require, exports) {
|
|
10
10
|
"use strict";
|
|
11
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
12
|
exports.loadTrailEffect = loadTrailEffect;
|
|
13
|
-
const engine_1 = require("@tsparticles/engine");
|
|
14
13
|
const TrailDrawer_js_1 = require("./TrailDrawer.js");
|
|
15
14
|
async function loadTrailEffect(engine, refresh = true) {
|
|
16
|
-
|
|
15
|
+
engine.checkVersion("3.8.0");
|
|
17
16
|
await engine.addEffect("trail", new TrailDrawer_js_1.TrailDrawer(), refresh);
|
|
18
17
|
}
|
|
19
18
|
});
|