@realsee/dnalogel 2.20.2 → 2.20.3

package/libs/GuideLinePlugin/GuideLineModeItem/index.js

@@ -1,18 +1,18 @@
-var C = Object.defineProperty, y = Object.defineProperties;
-var k = Object.getOwnPropertyDescriptors;
-var c = Object.getOwnPropertySymbols;
-var w = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
-var m = (o, e, i) => e in o ? C(o, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[e] = i, u = (o, e) => {
+var k = Object.defineProperty, w = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
+var C = Object.getOwnPropertySymbols;
+var F = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
+var c = (n, e, i) => e in n ? k(n, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[e] = i, f = (n, e) => {
   for (var i in e || (e = {}))
-    w.call(e, i) && m(o, i, e[i]);
-  if (c)
-    for (var i of c(e))
-      F.call(e, i) && m(o, i, e[i]);
-  return o;
-}, g = (o, e) => y(o, k(e));
-var t = (o, e, i) => (m(o, typeof e != "symbol" ? e + "" : e, i), i);
-import * as l from "three";
-import { logWarning as V, logError as T } from "../../shared-utils/log.js";
+    F.call(e, i) && c(n, i, e[i]);
+  if (C)
+    for (var i of C(e))
+      T.call(e, i) && c(n, i, e[i]);
+  return n;
+}, v = (n, e) => w(n, P(e));
+var t = (n, e, i) => (c(n, typeof e != "symbol" ? e + "" : e, i), i);
+import * as h from "three";
+import { logWarning as V, logError as L } from "../../shared-utils/log.js";
 import { createLineGeometry as U } from "../utils/createLineGeometry.js";
 import { isPanoramaLike as x, isModelLike as _ } from "../../shared-utils/five/mode.js";
 import "hammerjs";
@@ -20,13 +20,13 @@ import "@realsee/five";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { BetterTween as M, tweenProgress as E } from "../../shared-utils/animationFrame/BetterTween.js";
-import { loadTexture as L } from "../../shared-utils/three/loadTexture.js";
-import b from "../../PanoTagPlugin/controller/index.js";
+import { BetterTween as G, tweenProgress as M } from "../../shared-utils/animationFrame/BetterTween.js";
+import { loadTexture as E } from "../../shared-utils/three/loadTexture.js";
+import y from "../../PanoTagPlugin/controller/index.js";
 import O from "../Components/Tag.js";
-import { filterAdjacentDistinct as P } from "../utils/index.js";
-import { objectAssignDeepExports as G } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-const S = (
+import { filterAdjacentDistinct as S } from "../utils/index.js";
+import { objectAssignDeepExports as A } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+const B = (
   /* glsl */
   `
   varying vec2 vUv;
@@ -36,7 +36,7 @@ const S = (
     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
   }
 `
-), A = (
+), I = (
   /* glsl */
   `
   // 是否使用颜色
@@ -120,7 +120,7 @@ const S = (
   }
 `
 );
-class B {
+class R {
   constructor(e, i) {
     t(this, "startTagContainer");
     t(this, "endTagContainer");
@@ -128,7 +128,9 @@ class B {
     t(this, "five");
     t(this, "mode");
     t(this, "path", []);
-    t(this, "_panoGroup", null);
+    t(this, "_curvePath", null);
+    t(this, "_curvePoints", null);
+    t(this, "_panoGroup", []);
     t(this, "skippedPositions", null);
     t(this, "textureUrl", "");
     t(this, "scale", 1);
@@ -149,8 +151,10 @@ class B {
     t(this, "plugin");
     t(this, "textureHasLoaded", !1);
     t(this, "disposed", !1);
-    t(this, "flowAnime", new M({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
-    t(this, "flickerAnime", E(300).yoyo(!0).repeat(5));
+    t(this, "flowAnime", new G({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
+    t(this, "flickerAnime", M(300).yoyo(!0).repeat(5));
+    /** 缓存 panoGroup 中每个点距离起点的长度 */
+    t(this, "cacheLengths", []);
     t(this, "dispose", () => {
       var e, i;
       this.disposed || (this.disposed = !0, this.parent.hooks.off("show", this.updateVisible), this.parent.hooks.off("hide", this.updateVisible), this.plugin.hooks.off("show", this.updateVisible), this.plugin.hooks.off("hide", this.updateVisible), this.plugin.hooks.off("enable", this.updateVisible), this.plugin.hooks.off("disable", this.updateVisible), this.five.off("modeChange", this.onFiveModeChange), this.five.off("modelShownFloorChange", this.onFiveModelShownFloorChange), this.doHide(), (e = this.startTagContainer) == null || e.plugin.dispose(), (i = this.endTagContainer) == null || i.plugin.dispose());
@@ -180,26 +184,26 @@ class B {
       this.mesh.material.uniforms.vOffset.value = i, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
     });
     t(this, "onFlickerAnimeUpdate", (e) => {
-      var n, s;
-      const { progress: i } = e, r = 1 - i;
-      this.mesh.material.uniforms.flicker.value = r, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0, this.startTagContainer.tag && f(this.startTagContainer.tag) && ((n = this.startTagContainer.app) == null || n.$set(g(u({}, this.startTagContainer.tag.data), { opacity: r }))), this.endTagContainer.tag && f(this.endTagContainer.tag) && ((s = this.endTagContainer.app) == null || s.$set(g(u({}, this.endTagContainer.tag.data), { opacity: r })));
+      var a, r;
+      const { progress: i } = e, s = 1 - i;
+      this.mesh.material.uniforms.flicker.value = s, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0, this.startTagContainer.tag && b(this.startTagContainer.tag) && ((a = this.startTagContainer.app) == null || a.$set(v(f({}, this.startTagContainer.tag.data), { opacity: s }))), this.endTagContainer.tag && b(this.endTagContainer.tag) && ((r = this.endTagContainer.app) == null || r.$set(v(f({}, this.endTagContainer.tag.data), { opacity: s })));
     });
     t(this, "logWarning", (e) => V("GuideLineModeItem: ", e));
-    t(this, "logError", (e) => T("GuideLineModeItem: ", e));
-    var s, a;
-    this.five = e, this.mode = i.mode, this.plugin = i.plugin, this.parent = i.parent, this.startTagContainer = { tag: null, plugin: new b(this.five) }, this.endTagContainer = { tag: null, plugin: new b(this.five) };
-    const r = new l.BufferGeometry(), n = new l.ShaderMaterial({
-      vertexShader: S,
-      fragmentShader: A,
+    t(this, "logError", (e) => L("GuideLineModeItem: ", e));
+    var r, o;
+    this.five = e, this.mode = i.mode, this.plugin = i.plugin, this.parent = i.parent, this.startTagContainer = { tag: null, plugin: new y(this.five) }, this.endTagContainer = { tag: null, plugin: new y(this.five) };
+    const s = new h.BufferGeometry(), a = new h.ShaderMaterial({
+      vertexShader: B,
+      fragmentShader: I,
       transparent: !0,
       uniforms: {
         map: { value: null },
         useMapColor: { value: 0 },
-        mapColor: { value: new l.Color() },
+        mapColor: { value: new h.Color() },
         mapOpacity: { value: 1 },
-        backgroundColor: { value: new l.Color() },
+        backgroundColor: { value: new h.Color() },
         backgroundOpacity: { value: 0 },
-        borderColor: { value: new l.Color() },
+        borderColor: { value: new h.Color() },
         borderOpacity: { value: 0 },
         opacity: { value: 1 },
         flicker: { value: 1 },
@@ -207,7 +211,7 @@ class B {
         vOffset: { value: 0 }
       }
     });
-    this.mesh = new l.Mesh(r, n), this.mesh.name = "GuideLineModeItem", this.mode === "panorama" && (this.parent.hooks.on("walkStart", this.onWalkAnimationStart), this.parent.hooks.on("walkEnded", this.onWalkAnimationEnd)), this.updateVisible(), this.onFiveModeChange(this.five.getCurrentState().mode), this.onFiveModelShownFloorChange((a = (s = this.five.model) == null ? void 0 : s.shownFloor) != null ? a : null), this.flowAnime.onUpdate(this.onFlowAnimeUpdate), this.flickerAnime.onUpdate(this.onFlickerAnimeUpdate), this.parent.hooks.on("show", this.updateVisible), this.parent.hooks.on("hide", this.updateVisible), this.plugin.hooks.on("show", this.updateVisible), this.plugin.hooks.on("hide", this.updateVisible), this.plugin.hooks.on("enable", this.updateVisible), this.plugin.hooks.on("disable", this.updateVisible), this.plugin.hooks.on("dispose", this.dispose), this.five.on("modeChange", this.onFiveModeChange), this.five.on("modelShownFloorChange", this.onFiveModelShownFloorChange);
+    this.mesh = new h.Mesh(s, a), this.mesh.name = "GuideLineModeItem", this.mode === "panorama" && (this.parent.hooks.on("walkStart", this.onWalkAnimationStart), this.parent.hooks.on("walkEnded", this.onWalkAnimationEnd)), this.updateVisible(), this.onFiveModeChange(this.five.getCurrentState().mode), this.onFiveModelShownFloorChange((o = (r = this.five.model) == null ? void 0 : r.shownFloor) != null ? o : null), this.flowAnime.onUpdate(this.onFlowAnimeUpdate), this.flickerAnime.onUpdate(this.onFlickerAnimeUpdate), this.parent.hooks.on("show", this.updateVisible), this.parent.hooks.on("hide", this.updateVisible), this.plugin.hooks.on("show", this.updateVisible), this.plugin.hooks.on("hide", this.updateVisible), this.plugin.hooks.on("enable", this.updateVisible), this.plugin.hooks.on("disable", this.updateVisible), this.plugin.hooks.on("dispose", this.dispose), this.five.on("modeChange", this.onFiveModeChange), this.five.on("modelShownFloorChange", this.onFiveModelShownFloorChange);
   }
   get panoGroup() {
     return this._panoGroup;
@@ -216,6 +220,14 @@ class B {
   get visibleFloorIndexes() {
     return this._visibleFloorIndexes;
   }
+  /** THREE Curve 路径 */
+  get curvePath() {
+    return this._curvePath;
+  }
+  /** THREE Curve 路径上的点 */
+  get curvePoints() {
+    return this._curvePoints;
+  }
   /** 自定义展示 */
   setCustomVisible(e) {
     if (this.disposed)
@@ -246,28 +258,28 @@ class B {
       return this.logError("disposed");
     if (!this.five.work)
       return this.logError("setPathByPanoGroup: work is not ready");
-    const r = P(e);
-    if (this._panoGroup = r, (i == null ? void 0 : i.skipPanoGroup) !== void 0) {
-      const s = i.skipPanoGroup ? r.map((a) => this.five.work.observers[a]).map((a) => a.standingPosition.clone()) : null;
-      this.skippedPositions = s;
+    const s = S(e);
+    if (this._panoGroup = s, (i == null ? void 0 : i.skipPanoGroup) !== void 0) {
+      const r = i.skipPanoGroup ? s.map((o) => this.five.work.observers[o]).map((o) => o.standingPosition.clone()) : null;
+      this.skippedPositions = r;
     }
-    const n = this.getPathFromPanoGroup(r, this.five.work, i);
-    this.path = n, this.setGeometryByPath(n, i);
+    const a = this.getPathFromPanoGroup(s, this.five.work, i);
+    this.path = a, this.setGeometryByPath(a, i);
   }
   /** 通过路径设置线条形状 */
   setGeometryByPath(e, i) {
-    var h, p, v;
+    var m, g, p;
     if (this.disposed)
       return this.logError("disposed");
-    const r = (h = i == null ? void 0 : i.scale) != null ? h : this.scale, n = (p = i == null ? void 0 : i.width) != null ? p : this.width, s = (v = i == null ? void 0 : i.unit_length) != null ? v : this.unitLength;
-    this.path = e, this.scale = r, this.width = n, this.unitLength = s;
-    const { geometry: a, maxU: d } = U({
+    const s = (m = i == null ? void 0 : i.scale) != null ? m : this.scale, a = (g = i == null ? void 0 : i.width) != null ? g : this.width, r = (p = i == null ? void 0 : i.unit_length) != null ? p : this.unitLength;
+    this.path = e, this.scale = s, this.width = a, this.unitLength = r;
+    const { geometry: o, maxU: d, curvePath: u, curvePoints: l } = U({
       path: e,
-      width: n * r,
-      unitLength: s * r,
+      width: a * s,
+      unitLength: r * s,
       skipPositions: this.skippedPositions
     });
-    this.mesh.geometry = a, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = d, this.five.needsRender = !0;
+    this._curvePath = u, this._curvePoints = l, this.mesh.geometry = o, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = d, this.five.needsRender = !0;
   }
   /** 设置线条材质 */
   setMartial(e) {
@@ -280,13 +292,13 @@ class B {
   setColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    e && (this.mesh.material.uniforms.mapColor.value = new l.Color().set(e)), this.mesh.material.uniforms.useMapColor.value = e ? 1 : 0, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    e && (this.mesh.material.uniforms.mapColor.value = new h.Color().set(e)), this.mesh.material.uniforms.useMapColor.value = e ? 1 : 0, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置边框 */
   setBorderColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.borderColor.value = new l.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.borderColor.value = new h.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置边框透明度 */
   setBorderOpacity(e) {
@@ -298,7 +310,7 @@ class B {
   setBackgroundColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.backgroundColor.value = new l.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.backgroundColor.value = new h.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置背景透明度 */
   setBackgroundOpacity(e) {
@@ -322,15 +334,15 @@ class B {
   setTextureUrl(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.textureUrl = e, L(e).then((i) => {
-      this.disposed || this.textureUrl === e && (i.wrapT = l.RepeatWrapping, this.textureHasLoaded = !0, this.mesh.material.uniforms.map.value = i, this.mesh.material.uniformsNeedUpdate = !0, this.mesh.material.needsUpdate = !0, this.five.needsRender = !0, this.updateVisible());
+    this.textureUrl = e, E(e).then((i) => {
+      this.disposed || this.textureUrl === e && (i.wrapT = h.RepeatWrapping, this.textureHasLoaded = !0, this.mesh.material.uniforms.map.value = i, this.mesh.material.uniformsNeedUpdate = !0, this.mesh.material.needsUpdate = !0, this.five.needsRender = !0, this.updateVisible());
     });
   }
   setVisibleFloorIndexes(e) {
-    var i, r;
+    var i, s;
     if (this.disposed)
       return this.logError("disposed");
-    this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange((r = (i = this.five.model) == null ? void 0 : i.shownFloor) != null ? r : null);
+    this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange((s = (i = this.five.model) == null ? void 0 : i.shownFloor) != null ? s : null);
   }
   setStartTag(e) {
     this.setTag("start", e);
@@ -344,22 +356,42 @@ class B {
       return this.logError("disposed");
     this.flickerAnime.play();
   }
+  /** 求起点到 panoIndex 曲线长度
+   * @param index panoIndex 在 panoGroup 中的索引
+   *
+   * @description 为什么不使用 panoIndex 作为参数？
+   * - panoIndex 在一个曲线中可能出现多次，无法确定是哪一个。
+   */
+  getLengthByPanoGroupIndex(e) {
+    return this.disposed ? this.logError("disposed") : this.cacheLengths.length !== 0 ? this.cacheLengths[e] : (this.cacheLengths = this.getPanoGroupLengths(), this.cacheLengths[e]);
+  }
+  getPanoGroupLengths() {
+    const e = this.panoGroup.map((l) => this.five.work.observers[l]), i = this.curvePoints.length, s = this.curvePath.getLength(), a = i - 1, r = s / a, o = this.curvePath.getLengths(a), d = [];
+    let u = 0;
+    for (let l = 0; l < i; l++) {
+      const m = this.curvePoints[l], g = e[u];
+      if (!g)
+        break;
+      g.standingPosition.clone().setY(0).distanceTo(m.clone().setY(0)) < r && (d.push(o[l]), u += 1);
+    }
+    return d;
+  }
   setTag(e, i) {
-    const r = e === "start" ? this.startTagContainer : this.endTagContainer;
-    i || r.plugin.clearTags();
-    const s = G({}, {
+    const s = e === "start" ? this.startTagContainer : this.endTagContainer;
+    i || s.plugin.clearTags();
+    const r = A({}, {
       contentType: "Custom",
       stickType: "2DPoint",
       config: { visibleConfig: { visibleFiveMode: ["Floorplan", "Mapview"], followModelVisibility: !1 } },
       style: { point: { enabled: !1 } },
       data: {}
     }, i);
-    r.tag = s, f(s) && (r.tag.element = (a) => {
-      var h;
-      (h = r.app) == null || h.$destroy();
-      const d = new O({ target: a, intro: !0, props: s.data });
-      return r.app = d, () => d.$destroy();
-    }), r.plugin.load({ tagList: [r.tag] });
+    s.tag = r, b(r) && (s.tag.element = (o) => {
+      var u;
+      (u = s.app) == null || u.$destroy();
+      const d = new O({ target: o, intro: !0, props: r.data });
+      return s.app = d, () => d.$destroy();
+    }), s.plugin.load({ tagList: [s.tag] });
   }
   doShow() {
     this.mode === "model" && this.flowAnime.play(), this.five.scene.add(this.mesh), this.startTagContainer.plugin.show(), this.endTagContainer.plugin.show(), this.five.needsRender = !0;
@@ -368,21 +400,21 @@ class B {
     this.mode === "model" && this.flowAnime.stop(), this.five.scene.remove(this.mesh), this.startTagContainer.plugin.hide(), this.endTagContainer.plugin.hide(), this.five.needsRender = !0;
   }
   /** 通过 panoIndex 数组计算路径 */
-  getPathFromPanoGroup(e, i, r) {
+  getPathFromPanoGroup(e, i, s) {
     if (e.length < 2)
       return [];
-    const s = e.map((a) => i.observers[a]).map((a) => a.standingPosition.toArray());
-    return [u({ type: "CatmullRomCurve3", points: s }, r)];
+    const r = e.map((o) => i.observers[o]).map((o) => o.standingPosition.toArray());
+    return [f({ type: "CatmullRomCurve3", points: r }, s)];
   }
 }
-function f(o) {
-  return o.contentType === "Custom";
+function b(n) {
+  return n.contentType === "Custom";
 }
-const Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GuideLineModeItem: B
+  GuideLineModeItem: R
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  B as GuideLineModeItem,
-  Z as GuideLineModeItem$1
+  R as GuideLineModeItem,
+  ie as GuideLineModeItem$1
 };

package/libs/GuideLinePlugin/GuideLineModeItem.d.ts

@@ -18,12 +18,18 @@ declare class GuideLineModeItem {
     get panoGroup(): number[];
     /** 可展示的楼层 */
     get visibleFloorIndexes(): number[];
+    /** THREE Curve 路径 */
+    get curvePath(): THREE.CurvePath<THREE.Vector3>;
+    /** THREE Curve 路径上的点 */
+    get curvePoints(): THREE.Vector3[];
     startTagContainer: GuideLineTagContainer;
     endTagContainer: GuideLineTagContainer;
     readonly mesh: THREE.Mesh<THREE.BufferGeometry, THREE.ShaderMaterial>;
     private five;
     private mode;
     private path;
+    private _curvePath;
+    private _curvePoints;
     private _panoGroup;
     private skippedPositions;
     private textureUrl;
@@ -47,6 +53,8 @@ declare class GuideLineModeItem {
     private disposed;
     private flowAnime;
     private flickerAnime;
+    /** 缓存 panoGroup 中每个点距离起点的长度 */
+    private cacheLengths;
     constructor(five: Five, options: {
         mode: PluginType.GuideLineModeItemMode;
         plugin: GuideLinePlugin;
@@ -90,6 +98,14 @@ declare class GuideLineModeItem {
     setEndTag(tag: Tag | PluginType.ModelGuideLineTagData | null): void;
     /** 闪烁 */
     flicker(): void;
+    /** 求起点到 panoIndex 曲线长度
+     * @param index panoIndex 在 panoGroup 中的索引
+     *
+     * @description 为什么不使用 panoIndex 作为参数？
+     * - panoIndex 在一个曲线中可能出现多次，无法确定是哪一个。
+     */
+    getLengthByPanoGroupIndex(index: number): number | void;
+    private getPanoGroupLengths;
     private setTag;
     /** 开始走点动画 */
     private onWalkAnimationStart;

package/libs/GuideLinePlugin/utils/createLineGeometry.d.ts

@@ -19,5 +19,12 @@ interface LineGeometryOption {
 export declare function createLineGeometry(options: LineGeometryOption): {
     geometry: THREE.BufferGeometry;
     maxU: number;
+    curvePath?: undefined;
+    curvePoints?: undefined;
+} | {
+    geometry: THREE.BufferGeometry;
+    maxU: number;
+    curvePath: THREE.CurvePath<THREE.Vector3>;
+    curvePoints: THREE.Vector3[];
 };
 export {};

package/libs/GuideLinePlugin/utils/createLineGeometry.js

@@ -1,5 +1,5 @@
 import * as n from "three";
-import { Vector3 as P } from "three";
+import { Vector3 as x } from "three";
 import { polylineNormals as G } from "../../vendor/polyline-normals/index.js";
 import "../../vendor/polyline-miter-util/index.js";
 import "../../vendor/gl-vec2/add.js";
@@ -12,33 +12,35 @@ function Q(e) {
   const i = e.width, g = e.unitLength / i, c = i / 2, E = e.path;
   if (E.length === 0)
     return { geometry: new n.BufferGeometry(), maxU: 0 };
-  const h = new n.CurvePath();
+  const u = new n.CurvePath();
   E.forEach((t) => {
-    const a = I(t);
-    a && h.add(a);
+    const m = I(t);
+    m && u.add(m);
   });
-  const x = Math.ceil(h.getLength() * 100), o = h.getPoints(x), w = o.length, L = G(o.map((t) => [t.x, t.z])), B = (w - 1) * z * M, y = 2 * w, C = y * X, U = y * k, r = new Uint32Array(B), s = new Float32Array(C), u = new Float32Array(U);
-  let d = 0, N = 0;
+  const w = Math.ceil(u.getLength() * 100);
+  u.arcLengthDivisions = w;
+  const o = u.getPoints(w), y = o.length, L = G(o.map((t) => [t.x, t.z])), B = (y - 1) * z * M, d = 2 * y, C = d * X, U = d * k, r = new Uint32Array(B), s = new Float32Array(C), a = new Float32Array(U);
+  let N = 0, R = 0;
   for (let t = 0; t < o.length; t++) {
-    const [a, R] = L[t][0], T = o[t], { x: A, y: _, z: b } = T, l = new P(A + a * c, _ + 0.05, b + R * c);
-    s[t * 6 + 0] = l.x, s[t * 6 + 1] = l.y, s[t * 6 + 2] = l.z;
-    const f = new P(A - a * c, _ + 0.05, b - R * c);
-    s[t * 6 + 3] = f.x, s[t * 6 + 4] = f.y, s[t * 6 + 5] = f.z, d += t > 0 ? o[t - 1].clone().sub(o[t]).length() : 0;
-    const p = d / i / g;
-    if (N = p, u[t * 4 + 0] = 0, u[t * 4 + 1] = p, u[t * 4 + 2] = 1, u[t * 4 + 3] = p, e.skipPositions) {
-      const V = new n.Vector3().lerpVectors(l, f, 0.5);
+    const [m, A] = L[t][0], T = o[t], { x: _, y: b, z: P } = T, f = new x(_ + m * c, b + 0.05, P + A * c);
+    s[t * 6 + 0] = f.x, s[t * 6 + 1] = f.y, s[t * 6 + 2] = f.z;
+    const h = new x(_ - m * c, b + 0.05, P - A * c);
+    s[t * 6 + 3] = h.x, s[t * 6 + 4] = h.y, s[t * 6 + 5] = h.z, N += t > 0 ? o[t - 1].clone().sub(o[t]).length() : 0;
+    const v = N / i / g;
+    if (R = v, a[t * 4 + 0] = 0, a[t * 4 + 1] = v, a[t * 4 + 2] = 1, a[t * 4 + 3] = v, e.skipPositions) {
+      const V = new n.Vector3().lerpVectors(f, h, 0.5);
       if (e.skipPositions.some((F) => F.distanceTo(V) < 0.26))
         continue;
     }
     t !== o.length - 1 && (r[t * 6 + 0] = t * 2 + 0, r[t * 6 + 1] = t * 2 + 2, r[t * 6 + 2] = t * 2 + 1, r[t * 6 + 3] = t * 2 + 2, r[t * 6 + 4] = t * 2 + 3, r[t * 6 + 5] = t * 2 + 1);
   }
-  const m = new n.BufferGeometry();
-  return m.setAttribute("position", new n.BufferAttribute(s, 3)), m.setAttribute("uv", new n.BufferAttribute(u, 2)), m.setIndex(new n.BufferAttribute(r, 1)), { geometry: m, maxU: N };
+  const l = new n.BufferGeometry();
+  return l.setAttribute("position", new n.BufferAttribute(s, 3)), l.setAttribute("uv", new n.BufferAttribute(a, 2)), l.setIndex(new n.BufferAttribute(r, 1)), { geometry: l, maxU: R, curvePath: u, curvePoints: o };
 }
 function I(e) {
   if (O(e)) {
-    const i = [e.closed, e.curve_type, e.tension], v = e.points.map((c) => new n.Vector3().fromArray(c));
-    return new n.CatmullRomCurve3(v, ...i);
+    const i = [e.closed, e.curve_type, e.tension], p = e.points.map((c) => new n.Vector3().fromArray(c));
+    return new n.CatmullRomCurve3(p, ...i);
   }
 }
 function O(e) {