@realsee/dnalogel 3.64.23-alpha.3 → 3.64.23-ke-webgpu.1

package/libs/shared-utils/three/PointSelector/utils/PointHelper.js

@@ -1,49 +1,34 @@
 var a = Object.defineProperty;
 var h = (r, s, e) => s in r ? a(r, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[s] = e;
-var n = (r, s, e) => (h(r, typeof s != "symbol" ? s + "" : s, e), e);
+var o = (r, s, e) => (h(r, typeof s != "symbol" ? s + "" : s, e), e);
 import * as t from "three";
-import { POINT_HELPER_TEXTURE_URL as l } from "../../Assets/index.js";
-import { CSS3DObjectPlus as d } from "../../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import { rangePieceImg as c } from "./html.js";
-import { initialCSS3DRender as p } from "../../../CSS3DRender/index.js";
-const M = `
-varying vec2 vUv;
-void main() {
-  vUv = uv;
-  vec4 mvPosition = modelViewMatrix * vec4(position, 1);
-  gl_Position = projectionMatrix * mvPosition;
-}
-`, u = `
-varying vec2 vUv;
-void main() {
-  vec2 uv = vec2(vUv.x, vUv.y);
-  float a = 1.0;
-  float match = 1.0 - uv.x;
-  gl_FragColor = vec4(1.0,1.0,1.0,match);
-}
-`;
-function v() {
-  const r = new t.PlaneGeometry(0.4, 0.4), s = l, e = new t.TextureLoader().load(s);
-  e.encoding = t.sRGBEncoding, e.minFilter = t.LinearFilter;
-  const o = new t.MeshBasicMaterial({
+import { MeshBasicNodeMaterial as l } from "three/webgpu";
+import { uv as d } from "three/tsl";
+import { POINT_HELPER_TEXTURE_URL as c } from "../../Assets/index.js";
+import { CSS3DObjectPlus as p } from "../../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import { rangePieceImg as M } from "./html.js";
+import { initialCSS3DRender as u } from "../../../CSS3DRender/index.js";
+function m() {
+  const r = new t.PlaneGeometry(0.4, 0.4), s = c, e = new t.TextureLoader().load(s);
+  e.colorSpace = t.SRGBColorSpace, e.minFilter = t.LinearFilter;
+  const n = new t.MeshBasicMaterial({
     map: e,
     transparent: !0,
     depthTest: !1
   });
-  return new t.Mesh(r, o);
+  return new t.Mesh(r, n);
 }
-function m() {
+function b() {
   const r = new t.CurvePath();
   r.add(new t.LineCurve3(new t.Vector3(0, 0, 0), new t.Vector3(0, 0, 0.1)));
-  const s = new t.TubeGeometry(r, 8, 3e-3), e = new t.ShaderMaterial({
-    vertexShader: M,
-    fragmentShader: u,
+  const s = new t.TubeGeometry(r, 8, 3e-3), e = new l({
+    color: 16777215,
     depthTest: !1,
     transparent: !0
   });
-  return new t.Mesh(s, e);
+  return e.opacityNode = d().x.oneMinus(), new t.Mesh(s, e);
 }
-function b() {
+function w() {
   const r = new t.SphereGeometry(0.01, 20, 20), s = new t.MeshBasicMaterial({
     color: 10349931,
     depthTest: !1,
@@ -52,8 +37,8 @@ function b() {
   }), e = new t.Mesh(r, s);
   return e.position.set(0, 0, 0.1), e;
 }
-function w() {
-  const s = new d({
+function f() {
+  const s = new p({
     pointerEvents: "none",
     cornerPoints: [
       new t.Vector3(-0.2, 0.2, 0),
@@ -62,26 +47,26 @@ function w() {
       new t.Vector3(0.2, 0.2, 0)
     ]
   }), e = document.createElement("div");
-  return e.style.width = "100%", e.style.height = "100%", e.style.backgroundImage = `url(${c})`, e.style.backgroundSize = "100%", e.style.backgroundRepeat = "no-repeat", s.container.appendChild(e), s;
+  return e.style.width = "100%", e.style.height = "100%", e.style.backgroundImage = `url(${M})`, e.style.backgroundSize = "100%", e.style.backgroundRepeat = "no-repeat", s.container.appendChild(e), s;
 }
-class T extends t.Object3D {
+class V extends t.Object3D {
   constructor(e) {
     super();
-    n(this, "planeMesh");
-    n(this, "lineMesh");
-    n(this, "ballMesh");
-    n(this, "borderMesh");
-    n(this, "five");
-    this.planeMesh = v(), this.lineMesh = m(), this.ballMesh = b(), this.borderMesh = w(), this.addEventListener("added", () => {
+    o(this, "planeMesh");
+    o(this, "lineMesh");
+    o(this, "ballMesh");
+    o(this, "borderMesh");
+    o(this, "five");
+    this.planeMesh = m(), this.lineMesh = b(), this.ballMesh = w(), this.borderMesh = f(), this.addEventListener("added", () => {
       this.add(this.planeMesh, this.lineMesh, this.ballMesh, this.borderMesh);
     }), this.addEventListener("removed", () => {
       this.remove(this.planeMesh, this.lineMesh, this.ballMesh, this.borderMesh);
-    }), p(e), this.five = e;
+    }), u(e), this.five = e;
   }
   updateWithIntersect(e) {
     var i;
-    const o = (i = e == null ? void 0 : e.face) != null && i.normal ? new t.Vector3().addVectors(e.point, e.face.normal) : this.five.camera.position;
-    this.position.copy(e.point), this.lookAt(o);
+    const n = (i = e == null ? void 0 : e.face) != null && i.normal ? new t.Vector3().addVectors(e.point, e.face.normal) : this.five.camera.position;
+    this.position.copy(e.point), this.lookAt(n);
   }
   show() {
     this.visible = !0, this.borderMesh.parent || this.add(this.borderMesh);
@@ -95,5 +80,5 @@ class T extends t.Object3D {
   }
 }
 export {
-  T as PointHelper
+  V as PointHelper
 };

package/libs/shared-utils/three/PointSelector/utils/PointHelper2.d.ts

@@ -1,6 +1,7 @@
 import * as THREE from 'three';
+import { MeshBasicNodeMaterial } from 'three/webgpu';
 import type { Intersection } from '../../../../typings/typings';
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import type { PointHelperAbstract } from './typing';
 import { ICSS3DSprite } from '../../../../CSS3DRenderPlugin/utils/three/CSS3DSprite';
 export interface MouseGroupParameter {
@@ -8,11 +9,11 @@ export interface MouseGroupParameter {
     useNormalVector?: boolean;
     ballColor?: number;
 }
-declare function createPlaneMesh(): THREE.Mesh<THREE.CircleGeometry, THREE.ShaderMaterial>;
-declare function createCrossline(): THREE.Group;
-declare function createLineMesh(length: number): THREE.Mesh<THREE.TubeGeometry, THREE.MeshBasicMaterial>;
-declare function createRingMesh(): THREE.Mesh<THREE.RingGeometry, THREE.MeshBasicMaterial>;
-declare function createBallMesh(): THREE.Mesh<THREE.SphereGeometry, THREE.MeshBasicMaterial>;
+declare function createPlaneMesh(): THREE.Mesh<THREE.CircleGeometry, MeshBasicNodeMaterial, THREE.Object3DEventMap>;
+declare function createCrossline(): THREE.Group<THREE.Object3DEventMap>;
+declare function createLineMesh(length: number): THREE.Mesh<THREE.TubeGeometry, THREE.MeshBasicMaterial, THREE.Object3DEventMap>;
+declare function createRingMesh(): THREE.Mesh<THREE.RingGeometry, THREE.MeshBasicMaterial, THREE.Object3DEventMap>;
+declare function createBallMesh(): THREE.Mesh<THREE.SphereGeometry, THREE.MeshBasicMaterial, THREE.Object3DEventMap>;
 declare function createCSSBallMesh(): ICSS3DSprite;
 export declare class PointHelper2 extends THREE.Object3D implements PointHelperAbstract {
     disableGetPixel: boolean;

package/libs/shared-utils/three/PointSelector/utils/PointHelper2.js

@@ -1,146 +1,103 @@
-var M = Object.defineProperty, v = Object.defineProperties;
-var p = Object.getOwnPropertyDescriptors;
-var d = Object.getOwnPropertySymbols;
-var f = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var l = (s, t, r) => t in s ? M(s, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[t] = r, c = (s, t) => {
-  for (var r in t || (t = {}))
-    f.call(t, r) && l(s, r, t[r]);
-  if (d)
-    for (var r of d(t))
-      m.call(t, r) && l(s, r, t[r]);
-  return s;
-}, h = (s, t) => v(s, p(t));
-var o = (s, t, r) => (l(s, typeof t != "symbol" ? t + "" : t, r), r);
-import * as e from "three";
-import { initialCSS3DRender as A } from "../../../CSS3DRender/index.js";
-import { LineMesh as u } from "../../../../Sculpt/Meshes/Line.js";
-import { ICSS3DSprite as g } from "../../../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
-const w = (
-  /* glsl */
-  `
-varying vec2 vUv;
-varying float vRadius;
-varying float vDistanceToCamera;
-varying float vCenterDistanceToCamera;
-void main() {
-  vUv = uv;
-  // 计算顶点到圆心的距离
-  vRadius = length(position.xy);
-  // 计算顶点到摄像机的距离
-  vec3 worldPosition = vec3(modelViewMatrix * vec4(position, 1.0));
-  vDistanceToCamera = distance(cameraPosition, worldPosition);
-  vCenterDistanceToCamera = distance(cameraPosition, vec3(0.0));
-
-  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1);
-}
-`
-), y = (
-  /* glsl */
-  `
-varying vec2 vUv;
-varying float vRadius;
-
-uniform float borderWidth;
-uniform float radius;
-
-void main() {
-  vec2 uv = vUv;
-
-  if (vRadius > radius - borderWidth && vRadius < radius) {
-    // 如果顶点在边框区域，则使用边框颜色
-    gl_FragColor = vec4(1.0, 1.0, 1.0, 0.3);
-  } else {
-    // 如果顶点在填充区域，则使用填充颜色
-    gl_FragColor = vec4(1.0, 1.0, 1.0, 0.2);
-  }
-}
-`
-);
-function P() {
-  const t = new e.CircleGeometry(0.2, 64), r = new e.ShaderMaterial({
-    side: e.DoubleSide,
-    uniforms: {
-      borderWidth: { value: 0.01 },
-      radius: { value: 0.2 }
-    },
-    vertexShader: w,
-    fragmentShader: y,
+var A = Object.defineProperty, f = Object.defineProperties;
+var m = Object.getOwnPropertyDescriptors;
+var u = Object.getOwnPropertySymbols;
+var w = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
+var a = (n, e, s) => e in n ? A(n, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[e] = s, c = (n, e) => {
+  for (var s in e || (e = {}))
+    w.call(e, s) && a(n, s, e[s]);
+  if (u)
+    for (var s of u(e))
+      g.call(e, s) && a(n, s, e[s]);
+  return n;
+}, h = (n, e) => f(n, m(e));
+var i = (n, e, s) => (a(n, typeof e != "symbol" ? e + "" : e, s), s);
+import * as t from "three";
+import { MeshBasicNodeMaterial as P } from "three/webgpu";
+import { positionLocal as b, select as y, float as M } from "three/tsl";
+import { initialCSS3DRender as B } from "../../../CSS3DRender/index.js";
+import { LineMesh as p } from "../../../../Sculpt/Meshes/Line.js";
+import { ICSS3DSprite as V } from "../../../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
+const d = 0.2, S = 0.01, x = 0.3, C = 0.2;
+function E() {
+  const n = new t.CircleGeometry(d, 64), e = new P({
+    color: 16777215,
+    side: t.DoubleSide,
     depthTest: !1,
     transparent: !0,
-    blending: e.CustomBlending,
-    blendEquation: e.AddEquation,
-    blendSrc: e.DstColorFactor,
-    blendDst: e.SrcAlphaFactor,
-    blendDstAlpha: e.DstAlphaFactor
-  });
-  return new e.Mesh(t, r);
+    blending: t.CustomBlending,
+    blendEquation: t.AddEquation,
+    blendSrc: t.DstColorFactor,
+    blendDst: t.SrcAlphaFactor,
+    blendDstAlpha: t.DstAlphaFactor
+  }), s = b.xy.length(), r = s.greaterThan(d - S).and(s.lessThan(d));
+  return e.opacityNode = y(r, M(x), M(C)), new t.Mesh(n, e);
 }
-function b() {
-  const t = new e.Group(), r = {
+function R() {
+  const e = new t.Group(), s = {
     lineWidth: 1,
     lineColor: 3407837,
     lineOpacity: 0.7,
     occlusionVisibility: !0
-  }, i = new u(h(c({ points: [{ x: -0.5 }, { x: 0.5 }] }, r), { lineColor: 3407837 })), a = new u(h(c({ points: [{ y: -0.5 }, { y: 0.5 }] }, r), { lineColor: 3407837 }));
-  return t.add(i, a), t;
+  }, r = new p(h(c({ points: [{ x: -0.5 }, { x: 0.5 }] }, s), { lineColor: 3407837 })), l = new p(h(c({ points: [{ y: -0.5 }, { y: 0.5 }] }, s), { lineColor: 3407837 }));
+  return e.add(r, l), e;
 }
-function V(s) {
-  const t = new e.CurvePath();
-  t.add(new e.LineCurve3(new e.Vector3(0, 0, 0), new e.Vector3(0, 0, s)));
-  const r = new e.TubeGeometry(t, 32, 3e-3), i = new e.MeshBasicMaterial({
+function D(n) {
+  const e = new t.CurvePath();
+  e.add(new t.LineCurve3(new t.Vector3(0, 0, 0), new t.Vector3(0, 0, n)));
+  const s = new t.TubeGeometry(e, 32, 3e-3), r = new t.MeshBasicMaterial({
     color: 10994687,
     depthTest: !1,
     transparent: !0
     // 必须要开启透明度，要和PlaneMesh一起渲染
   });
-  return new e.Mesh(r, i);
+  return new t.Mesh(s, r);
 }
-function C() {
-  const s = new e.RingGeometry(0.03, 0.035, 64), t = new e.MeshBasicMaterial({
+function v() {
+  const n = new t.RingGeometry(0.03, 0.035, 64), e = new t.MeshBasicMaterial({
     color: 16777215,
     depthTest: !1,
     transparent: !0,
     // 必须要开启透明度，要和PlaneMesh一起渲染
-    side: e.DoubleSide
+    side: t.DoubleSide
   });
-  return new e.Mesh(s, t);
+  return new t.Mesh(n, e);
 }
-function x() {
-  const s = new e.SphereGeometry(0.018, 32, 32), t = new e.MeshBasicMaterial({
+function O() {
+  const n = new t.SphereGeometry(0.018, 32, 32), e = new t.MeshBasicMaterial({
     color: 5085183,
     depthTest: !1,
     transparent: !0
     // 必须要开启透明度，要和PlaneMesh一起渲染
   });
-  return new e.Mesh(s, t);
+  return new t.Mesh(n, e);
 }
-function S() {
-  const s = document.createElement("img");
-  s.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAMAAAB8FU7dAAAAw1BMVEUAAACDuuiAsu11q/x8r/+HxtKHxtKIx9J4ut6Hx9Jcn/uNwNlmmf+RuP9ppf9orel3ud2HxtJrpf9oremev/9ppP9orelQmP9ZoPWSuP92q/9cnv9prel4ut53qv9orelYoPWIxdJPmP+HxtGRuP9oo/+Suf9Qmf92q/+RuP+DsP9Pmv+FxdFtre2SyMiRuP9PmP+evv9ppf9cnv+rxf9orepZofV4ut52q/+Dsf+Esv+5y/93q/9aofbF0f93rP9qpf8IzZ1iAAAAL3RSTlMAEg4s3dK5nodgVQoF/Pf39vbt7evr39rV1NTOzs6srJ+fiIZ9fWlpW09ERCwcHMH8LhIAAADRSURBVBjTjdDHkoMwEIThBrzOm3POOQwSYCRhe/f9n2p75FD2zX/VXL5qOAjzkixLsFL6fOFF5PwpXUj/eEwx7Oh9Jq+FdV5MqZkXlU9K4KZsmqY02x/A8LSwv14o0ylJWkP087WVhDfcjmjj5b/E3+CEpDPdGY58C7tKfzSiiA9uB4dV/NIF7yVQ7AGuq0lOIzrvnLP2Et2aMzUqryge8FVX0Zjl5XkG3KsR593pM2zVEScjvbMU7IdGjF19IzZ43Ceyve4Ai5Jep93u9BJs3j/gXjHbRgy31AAAAABJRU5ErkJggg==";
-  const t = new g(s);
-  return s.style.pointerEvents = "none", t.scale.set(3e-3, 3e-3, 3e-3), t;
+function z() {
+  const n = document.createElement("img");
+  n.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAMAAAB8FU7dAAAAw1BMVEUAAACDuuiAsu11q/x8r/+HxtKHxtKIx9J4ut6Hx9Jcn/uNwNlmmf+RuP9ppf9orel3ud2HxtJrpf9oremev/9ppP9orelQmP9ZoPWSuP92q/9cnv9prel4ut53qv9orelYoPWIxdJPmP+HxtGRuP9oo/+Suf9Qmf92q/+RuP+DsP9Pmv+FxdFtre2SyMiRuP9PmP+evv9ppf9cnv+rxf9orepZofV4ut52q/+Dsf+Esv+5y/93q/9aofbF0f93rP9qpf8IzZ1iAAAAL3RSTlMAEg4s3dK5nodgVQoF/Pf39vbt7evr39rV1NTOzs6srJ+fiIZ9fWlpW09ERCwcHMH8LhIAAADRSURBVBjTjdDHkoMwEIThBrzOm3POOQwSYCRhe/f9n2p75FD2zX/VXL5qOAjzkixLsFL6fOFF5PwpXUj/eEwx7Oh9Jq+FdV5MqZkXlU9K4KZsmqY02x/A8LSwv14o0ylJWkP087WVhDfcjmjj5b/E3+CEpDPdGY58C7tKfzSiiA9uB4dV/NIF7yVQ7AGuq0lOIzrvnLP2Et2aMzUqryge8FVX0Zjl5XkG3KsR593pM2zVEScjvbMU7IdGjF19IzZ43Ceyve4Ai5Jep93u9BJs3j/gXjHbRgy31AAAAABJRU5ErkJggg==";
+  const e = new V(n);
+  return n.style.pointerEvents = "none", e.scale.set(3e-3, 3e-3, 3e-3), e;
 }
-class E extends e.Object3D {
-  constructor(r) {
+class j extends t.Object3D {
+  constructor(s) {
     super();
-    o(this, "disableGetPixel", !0);
-    o(this, "planeMesh");
-    o(this, "ringMesh");
-    o(this, "crossline");
-    o(this, "lineMesh");
-    o(this, "ballMesh");
-    o(this, "cssBallMesh");
-    const i = 0.18;
-    this.planeMesh = P(), this.ringMesh = C(), this.crossline = b(), this.lineMesh = V(i), this.ballMesh = x(), this.cssBallMesh = S(), this.ballMesh.position.setZ(i), this.cssBallMesh.position.setZ(i), this.planeMesh.renderOrder = 0, this.ringMesh.renderOrder = 1, this.crossline.renderOrder = 2, this.lineMesh.renderOrder = 3, this.ballMesh.renderOrder = 4, this.add(this.planeMesh, this.lineMesh, this.ballMesh, this.ringMesh, this.cssBallMesh), A(r);
+    i(this, "disableGetPixel", !0);
+    i(this, "planeMesh");
+    i(this, "ringMesh");
+    i(this, "crossline");
+    i(this, "lineMesh");
+    i(this, "ballMesh");
+    i(this, "cssBallMesh");
+    const r = 0.18;
+    this.planeMesh = E(), this.ringMesh = v(), this.crossline = R(), this.lineMesh = D(r), this.ballMesh = O(), this.cssBallMesh = z(), this.ballMesh.position.setZ(r), this.cssBallMesh.position.setZ(r), this.planeMesh.renderOrder = 0, this.ringMesh.renderOrder = 1, this.crossline.renderOrder = 2, this.lineMesh.renderOrder = 3, this.ballMesh.renderOrder = 4, this.add(this.planeMesh, this.lineMesh, this.ballMesh, this.ringMesh, this.cssBallMesh), B(s);
   }
-  updateWithIntersect(r) {
-    if (!r.face)
+  updateWithIntersect(s) {
+    if (!s.face)
       return;
-    const i = (() => {
-      const n = r.face.normal.clone().normalize();
-      return n.y > 0.99 ? new e.Vector3(0, 1, 0) : n.y < -0.99 ? new e.Vector3(0, -1, 0) : n.x > 0.99 ? new e.Vector3(1, 0, 0) : n.x < -0.99 ? new e.Vector3(-1, 0, 0) : n.z > 0.99 ? new e.Vector3(0, 0, 1) : n.z < -0.99 ? new e.Vector3(0, 0, -1) : n.y < 0.01 && n.y > -0.01 ? new e.Vector3(n.x, 0, n.z) : n;
-    })(), a = new e.Vector3().addVectors(r.point, i);
-    this.position.copy(r.point), this.lookAt(a);
+    const r = (() => {
+      const o = s.face.normal.clone().normalize();
+      return o.y > 0.99 ? new t.Vector3(0, 1, 0) : o.y < -0.99 ? new t.Vector3(0, -1, 0) : o.x > 0.99 ? new t.Vector3(1, 0, 0) : o.x < -0.99 ? new t.Vector3(-1, 0, 0) : o.z > 0.99 ? new t.Vector3(0, 0, 1) : o.z < -0.99 ? new t.Vector3(0, 0, -1) : o.y < 0.01 && o.y > -0.01 ? new t.Vector3(o.x, 0, o.z) : o;
+    })(), l = new t.Vector3().addVectors(s.point, r);
+    this.position.copy(s.point), this.lookAt(l);
   }
   show() {
     this.visible = !0, this.add(this.cssBallMesh);
@@ -152,5 +109,5 @@ class E extends e.Object3D {
   }
 }
 export {
-  E as PointHelper2
+  j as PointHelper2
 };

package/libs/shared-utils/three/PointSelector/utils/PointSelectorHelper.d.ts

@@ -1,5 +1,5 @@
 import * as THREE from 'three';
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import { Magnifier } from '../..';
 import type { Intersection } from '../../../../typings/typings';
 import { Subscribe } from '../../../Subscribe';

package/libs/shared-utils/three/PointSelector/utils/PointSelectorHelper.js

@@ -4,21 +4,15 @@ var t = (a, i, e) => (m(a, typeof i != "symbol" ? i + "" : i, e), e);
 import * as p from "three";
 import { Magnifier as u } from "../../Magnifier.js";
 import "../index.js";
-import { PointHelper as o } from "./PointHelper.js";
-import { Subscribe as b } from "../../../Subscribe.js";
-import { PointHelper2 as g } from "./PointHelper2.js";
+import { PointHelper as b } from "./PointHelper.js";
+import { Subscribe as g } from "../../../Subscribe.js";
+import { PointHelper2 as o } from "./PointHelper2.js";
 import "../../core/Sphere.js";
 import "../../../../vendor/animejs/lib/anime.es.js";
-import "../../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../tag.js";
-import "../../CSS3DRenderer/index.js";
-import "../../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../../five/FivePuppet.js";
-import "../../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-class T {
+class R {
   constructor(i, e) {
     t(this, "five");
-    t(this, "hooks", new b());
+    t(this, "hooks", new g());
     t(this, "position", null);
     t(this, "magnifier", null);
     t(this, "pointHelper", null);
@@ -48,7 +42,7 @@ class T {
     var s, n, l, h, f;
     this.five = i, this.magnifier = (e == null ? void 0 : e.magnifier) !== void 0 ? e.magnifier : new u(i, (s = e == null ? void 0 : e.magnifierParams) != null ? s : { dragEnabled: !0 });
     let r;
-    (e == null ? void 0 : e.pointHelper) === "default" || (e == null ? void 0 : e.pointHelper) === void 0 ? r = new o(i) : (e == null ? void 0 : e.pointHelper) === "highlight" ? r = new g(i) : r = e.pointHelper, this.pointHelper = r, this.group.name = "five-point-selector", this.five.scene.add(this.group), (f = this.magnifier) == null || f.appendTo((h = (l = e.container) != null ? l : (n = i.getElement()) == null ? void 0 : n.parentElement) != null ? h : document.body);
+    (e == null ? void 0 : e.pointHelper) === "default" || (e == null ? void 0 : e.pointHelper) === void 0 ? r = new b(i) : (e == null ? void 0 : e.pointHelper) === "highlight" ? r = new o(i) : r = e.pointHelper, this.pointHelper = r, this.group.name = "five-point-selector", this.five.scene.add(this.group), (f = this.magnifier) == null || f.appendTo((h = (l = e.container) != null ? l : (n = i.getElement()) == null ? void 0 : n.parentElement) != null ? h : document.body);
   }
   enable() {
     var i;
@@ -63,5 +57,5 @@ class T {
   }
 }
 export {
-  T as PointSelectorHelper
+  R as PointSelectorHelper
 };

package/libs/shared-utils/three/applyObjectMatrixWorld.d.ts

@@ -1,3 +1,4 @@
+import type * as THREE from 'three';
 import type { Object3D } from 'three';
 export declare function localToWorld<P extends THREE.Vector3 | THREE.Vector3[]>(object: Object3D, point: P): P;
 export declare function worldToLocal<P extends THREE.Vector3 | THREE.Vector3[]>(object: Object3D, point: P): P;

package/libs/shared-utils/three/boundingBox.js

@@ -1,7 +1,7 @@
 import * as z from "three";
-import { THREESphere as S } from "./core/Sphere.js";
-function O(u) {
-  const { max: t, min: n } = u;
+import { THREESphere as M } from "./core/Sphere.js";
+function O(i) {
+  const { max: t, min: n } = i;
   return [
     new z.Vector3(t.x, t.y, t.z),
     new z.Vector3(n.x, t.y, t.z),
@@ -13,8 +13,8 @@ function O(u) {
     new z.Vector3(t.x, n.y, n.z)
   ];
 }
-function P(u, t) {
-  const { max: n, min: e } = u;
+function R(i, t) {
+  const { max: n, min: e } = i;
   switch (t) {
     case 0:
       return new z.Vector3(n.x, n.y, n.z);
@@ -34,57 +34,52 @@ function P(u, t) {
       return new z.Vector3(n.x, e.y, e.z);
   }
 }
-function R(u) {
-  return M(u, "box3");
+function T(i) {
+  return S(i, "box3");
 }
-function T(u) {
-  return M(u, "sphere");
+function A(i) {
+  return S(i, "sphere");
 }
-function A(u) {
-  return h(u, "box3");
+function I(i) {
+  return h(i, "box3");
 }
-function I(u) {
-  return h(u, "sphere");
+function L(i) {
+  return h(i, "sphere");
 }
-function h(u, t) {
-  const n = t === "box3" ? new z.Box3() : new S(), e = new z.Vector3();
-  if (u.updateWorldMatrix(!1, !1), u.traverse((r) => {
-    var x;
+function h(i, t) {
+  const n = t === "box3" ? new z.Box3() : new M(), e = new z.Vector3();
+  if (i.updateWorldMatrix(!1, !1), i.traverse((r) => {
+    var u;
     if (r.name === "shadow" || r.type === "Line2")
       return;
     const o = r.geometry;
     if (r.updateWorldMatrix(!1, !1), o !== void 0) {
-      const s = (x = o == null ? void 0 : o.attributes) == null ? void 0 : x.position;
-      if (s)
-        for (let c = 0, i = s.count; c < i; c++)
-          e.fromBufferAttribute(s, c).applyMatrix4(r.matrixWorld), n.expandByPoint(e);
-      else
-        o.vertices && o.vertices.forEach((c) => {
-          const i = c.clone().applyMatrix4(r.matrixWorld);
-          n.expandByPoint(i);
-        });
+      const c = (u = o == null ? void 0 : o.attributes) == null ? void 0 : u.position;
+      if (c)
+        for (let s = 0, x = c.count; s < x; s++)
+          e.fromBufferAttribute(c, s).applyMatrix4(r.matrixWorld), n.expandByPoint(e);
     }
   }), !n.isEmpty())
     return n;
 }
-function M(u, t) {
-  const n = h(u, t);
-  return n && n.applyMatrix4(W(u.matrixWorld.clone())), n;
+function S(i, t) {
+  const n = h(i, t);
+  return n && n.applyMatrix4(W(i.matrixWorld.clone())), n;
 }
-const W = (u) => {
-  const t = u.elements, n = t[0], e = t[1], r = t[2], o = t[3], x = t[4], s = t[5], c = t[6], i = t[7], a = t[8], f = t[9], p = t[10], w = t[11], y = t[12], d = t[13], l = t[14], V = t[15], B = f * l * i - d * p * i + d * c * w - s * l * w - f * c * V + s * p * V, v = y * p * i - a * l * i - y * c * w + x * l * w + a * c * V - x * p * V, g = a * d * i - y * f * i + y * s * w - x * d * w - a * s * V + x * f * V, E = y * f * c - a * d * c - y * s * p + x * d * p + a * s * l - x * f * l, b = n * B + e * v + r * g + o * E;
-  if (b === 0)
-    return u.set(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
-  const m = 1 / b;
-  return t[0] = B * m, t[1] = (d * p * o - f * l * o - d * r * w + e * l * w + f * r * V - e * p * V) * m, t[2] = (s * l * o - d * c * o + d * r * i - e * l * i - s * r * V + e * c * V) * m, t[3] = (f * c * o - s * p * o - f * r * i + e * p * i + s * r * w - e * c * w) * m, t[4] = v * m, t[5] = (a * l * o - y * p * o + y * r * w - n * l * w - a * r * V + n * p * V) * m, t[6] = (y * c * o - x * l * o - y * r * i + n * l * i + x * r * V - n * c * V) * m, t[7] = (x * p * o - a * c * o + a * r * i - n * p * i - x * r * w + n * c * w) * m, t[8] = g * m, t[9] = (y * f * o - a * d * o - y * e * w + n * d * w + a * e * V - n * f * V) * m, t[10] = (x * d * o - y * s * o + y * e * i - n * d * i - x * e * V + n * s * V) * m, t[11] = (a * s * o - x * f * o - a * e * i + n * f * i + x * e * w - n * s * w) * m, t[12] = E * m, t[13] = (a * d * r - y * f * r + y * e * p - n * d * p - a * e * l + n * f * l) * m, t[14] = (y * s * r - x * d * r - y * e * c + n * d * c + x * e * l - n * s * l) * m, t[15] = (x * f * r - a * s * r + a * e * c - n * f * c - x * e * p + n * s * p) * m, u;
+const W = (i) => {
+  const t = i.elements, n = t[0], e = t[1], r = t[2], o = t[3], u = t[4], c = t[5], s = t[6], x = t[7], a = t[8], f = t[9], w = t[10], p = t[11], y = t[12], d = t[13], V = t[14], l = t[15], B = f * V * x - d * w * x + d * s * p - c * V * p - f * s * l + c * w * l, b = y * w * x - a * V * x - y * s * p + u * V * p + a * s * l - u * w * l, g = a * d * x - y * f * x + y * c * p - u * d * p - a * c * l + u * f * l, v = y * f * s - a * d * s - y * c * w + u * d * w + a * c * V - u * f * V, E = n * B + e * b + r * g + o * v;
+  if (E === 0)
+    return i.set(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
+  const m = 1 / E;
+  return t[0] = B * m, t[1] = (d * w * o - f * V * o - d * r * p + e * V * p + f * r * l - e * w * l) * m, t[2] = (c * V * o - d * s * o + d * r * x - e * V * x - c * r * l + e * s * l) * m, t[3] = (f * s * o - c * w * o - f * r * x + e * w * x + c * r * p - e * s * p) * m, t[4] = b * m, t[5] = (a * V * o - y * w * o + y * r * p - n * V * p - a * r * l + n * w * l) * m, t[6] = (y * s * o - u * V * o - y * r * x + n * V * x + u * r * l - n * s * l) * m, t[7] = (u * w * o - a * s * o + a * r * x - n * w * x - u * r * p + n * s * p) * m, t[8] = g * m, t[9] = (y * f * o - a * d * o - y * e * p + n * d * p + a * e * l - n * f * l) * m, t[10] = (u * d * o - y * c * o + y * e * x - n * d * x - u * e * l + n * c * l) * m, t[11] = (a * c * o - u * f * o - a * e * x + n * f * x + u * e * p - n * c * p) * m, t[12] = v * m, t[13] = (a * d * r - y * f * r + y * e * w - n * d * w - a * e * V + n * f * V) * m, t[14] = (y * c * r - u * d * r - y * e * s + n * d * s + u * e * V - n * c * V) * m, t[15] = (u * f * r - a * c * r + a * e * s - n * f * s - u * e * w + n * c * w) * m, i;
 };
 export {
-  M as bounding,
-  R as boundingBox,
-  T as boundingSphere,
-  P as boxVertex,
+  S as bounding,
+  T as boundingBox,
+  A as boundingSphere,
+  R as boxVertex,
   O as boxVertexes,
   h as worldBounding,
-  A as worldBoundingBox,
-  I as worldBoundingSphere
+  I as worldBoundingBox,
+  L as worldBoundingSphere
 };

package/libs/shared-utils/three/circleImageURL.d.ts

@@ -0,0 +1,21 @@
+import { Texture } from 'three';
+/**
+ * 圆形点贴图（32x32 PNG，白色实心圆带柔边）
+ *
+ * 原先分别存在于 five 的 `lib/line/circle_png.ts` 与 dnalogel 的 `Sculpt/Meshes/Point.ts`，
+ * 两份 base64 实测完全相同。WebGPU 迁移后 five 不再提供 `line` 入口，故收敛到 shared-utils，
+ * 由 `FiveLine` 与 `Sculpt/Meshes/Point` 共用。
+ */
+export declare const circleImageURL: string;
+/**
+ * 取共享的圆形点贴图。
+ *
+ * 收敛前 `Sculpt/Meshes/Point.ts` 与 `shared-utils/five/FiveLine.ts` 各自维护了一个
+ * 模块级 `sharedCircleTexture` 缓存，加载的却是同一张 base64，等于白占一份显存。
+ *
+ * 这里统一成一份，并显式声明 `SRGBColorSpace`：
+ * r183 起贴图默认 `NoColorSpace`（按线性数据处理），颜色贴图需自己声明 sRGB 才会做
+ * sRGB→linear 解码。本图是纯黑白 + alpha 柔边，0 和 1 在两种色彩空间下等价，
+ * 所以此处补声明是为了统一口径与避免误导，不改变实际观感。
+ */
+export declare function getSharedCircleTexture(): Texture;

package/libs/shared-utils/three/circleImageURL.js

@@ -0,0 +1,9 @@
+import { TextureLoader as C, SRGBColorSpace as w } from "three";
+const e = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sHDgwCEMBJZu0AAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAABM5JREFUWMO1V0tPG2cUPZ4Hxh6DazIOrjFNqJs0FIMqWFgWQkatsmvVbtggKlSVRVf5AWz4AWz4AUSKEChll19QJYSXkECuhFxsHjEhxCYm+DWGMZ5HF72DJq4bAzFXurI0M/I5997v3u9cC65vTJVn2lX/xHINQOYSBLTLEuIuCWw4Z3IGAEvf6ASmVHjNzHCXBG4A0AjACsAOwEbO0nsFQBnAGYASAIl+ZRMR7SolMEdsByD09fV5R0ZGgg8ePPjW5/N1iqLYpuu6RZblciKR2I9Go69evnwZnZ+fjwI4IS8AKBIRzeQfJWCANwKwh0KhtrGxsYehUOin1tbW+zzP23ietzY2NnIAoGmaLsuyUiqVyvl8XtrY2NiamZn589mzZxsAUgCOAeQAnFI2tI+VxIjaAeDzoaGh7xYWFuZOTk6OZVk+12uYqqq6JEnn0Wg0OT4+/geAXwGEAdwDIFJQXC1wO4DWR48e/RCPxxclSSroVzRFUbSDg4P848ePFwH8DuAhkWih83TRQWxFOXgAwvDwcOfo6OhvXV1d39tsNtuVBwTDWBwOh1UUxVsMw1hXVlbSdCgNV43uYSvrHg6H24aHh38eHBz85TrgF9FYLHA4HLzH43FvbW2d7u/vG+dANp8FpqIlbd3d3V8Fg8EfBUFw4BONZVmL3+9vHhkZCQL4AoAHgJPK8G+yzC0XDofdoVAo5PP5vkadTBAEtr+/39ff3x8gAp/RPOEqx2qjx+NpvXv3bk9DQ0NDvQgwDIOWlhZrMBj8kgi0UJdxRgYMArzL5XJ7vd57qLPZ7Xamp6fnNgBXtQxcjFuHw+Hyer3t9SYgCAITCAScAJoBNNEY/08GOFVVrfVMv7kMNDntFD1vjIAPrlRN0xjckOm6biFQ3jwNPwDMZrOnqVTqfb3Bi8Wivru7W/VCYkwPlKOjo0IikXh7EwQikYgE4Nw0CfXKDCipVCoTj8df3QABbW1tLUc6oUgkFPMkVACUNjc337148eKvw8PDbJ2jP1taWkoCyNDVXDSECmNSK4qiKNLq6urW8+fPI/UicHx8rD59+jSVy+WOAKSJhKENwFItLtoxk8mwsixzHR0dHe3t7c5PAU+n09rs7OzJkydPYqVSaQfANoDXALIk31S2smU1TWMPDg7K5XKZ7+3t9TudTut1U7+wsFCcmJiIpdPpbQBxADsAknQWymYCOukBHYCuKApisdhpMpnURFEU79y503TVyKenpzOTk5M7e3t7MQKPV0Zv1gNm+awB0MvlshqLxfLb29uyJElWURSbXC4XXyvqxcXFs6mpqeTc3Nzu3t7e3wQcA7BPZ8Cov1pNlJplmQtAG8MwHV6v95tAINA5MDBwPxAIuLu6upr8fr/VAN3c3JQjkcjZ+vp6fnl5+d2bN29SuVzuNYAEpf01CdRChUL+X1VskHACuA3Ay3Fcu9vt7nA6nZ7m5uYWQRCaNE3jVVW15PP580KhIGUymWw2m00DOAJwSP4WwPtq4LX2Ao6USxNlQyS/RcQcdLGwlNIz6vEMAaZpNzCk2Pll94LK/cDYimxERiBwG10sxjgvEZBE0UpE6vxj+0Ct5bTaXthgEhRmja8QWNkkPGsuIpfdjpkK+cZUWTC0KredVmtD/gdlSl6EG4AMvQAAAABJRU5ErkJggg==";
+let A = null;
+function t() {
+  return A || (A = new C().load(e), A.colorSpace = w), A;
+}
+export {
+  t as getSharedCircleTexture
+};

package/libs/shared-utils/three/core/Line2.d.ts

@@ -1,13 +1,10 @@
-import { THREE_Line2 as Five_THREE_Line2 } from '@realsee/five/line';
+import { Line2 as Three_Line2 } from 'three/examples/jsm/lines/webgpu/Line2.js';
+import type * as THREE from 'three';
 import type { LineMaterial } from './LineMaterial';
 import type { LineGeometry } from './LineGeometry';
-export declare class THREE_Line2 extends Five_THREE_Line2 {
+export declare class THREE_Line2 extends Three_Line2 {
     material: LineMaterial;
     constructor(geometry: LineGeometry, material: LineMaterial);
-    toJSON(): {
-        type: string;
-        geometryAttributes: {
-            [name: string]: import("three").BufferAttribute | import("three").InterleavedBufferAttribute;
-        };
-    };
+    /** 同 FiveLine：ke 既有的调试用重写，不满足 r183 的 `MeshJSON` 契约，无调用方，仅做类型让行 */
+    toJSON(): THREE.MeshJSON;
 }

package/libs/shared-utils/three/core/Line2.js

@@ -1,8 +1,9 @@
-import { THREE_Line2 as r } from "@realsee/five/line";
-class o extends r {
-  constructor(e, t) {
-    super(e, t);
+import { Line2 as r } from "three/examples/jsm/lines/webgpu/Line2.js";
+class s extends r {
+  constructor(t, e) {
+    super(t, e);
   }
+  /** 同 FiveLine：ke 既有的调试用重写，不满足 r183 的 `MeshJSON` 契约，无调用方，仅做类型让行 */
   toJSON() {
     return {
       type: "Five_THREE_Line2",
@@ -11,5 +12,5 @@ class o extends r {
   }
 }
 export {
-  o as THREE_Line2
+  s as THREE_Line2
 };