@realsee/dnalogel 3.77.4 → 3.77.6

package/libs/PanoTagPlugin/controller/Tag/MaskTag.shaders.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Mask 标签的 Shader 代码
+ * 参考 itemMask 插件实现
+ */
+/**
+ * Vertex Shader
+ */
+export declare const maskVertexShader = "\nvarying vec2 vUv;\nvoid main() {\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n";
+/** 多 style：mergedTexture 中每组 3 像素为 color(id)/tolerance+highlight/opacity，用 color 作 id 匹配 */
+export declare const maskFragmentShaderMulti = "\n#define RESOLUTION 2048.0\n#define MAX_GROUPS 64\n#define STRICT_MATCH 0.5/255.0\n\nvarying vec2 vUv;\nuniform sampler2D map;\nuniform sampler2D mergedTexture;\nuniform float groupCount;\nuniform float textureWidth;\nuniform float pixelsPerGroup;\n\nfloat colorGap(vec3 a, vec3 b) {\n  return abs(a.r - b.r) + abs(a.g - b.g) + abs(a.b - b.b);\n}\n\nvec4 readStyleColor(float groupIndex) {\n  float px = groupIndex * pixelsPerGroup;\n  float texX = (px + 0.5) / textureWidth;\n  return texture2D(mergedTexture, vec2(texX, 0.5));\n}\n\nvec4 readStyleToleranceHighlight(float groupIndex) {\n  float px = groupIndex * pixelsPerGroup + 1.0;\n  float texX = (px + 0.5) / textureWidth;\n  return texture2D(mergedTexture, vec2(texX, 0.5));\n}\n\nfloat readStyleOpacity(float groupIndex) {\n  float px = groupIndex * pixelsPerGroup + 2.0;\n  float texX = (px + 0.5) / textureWidth;\n  return texture2D(mergedTexture, vec2(texX, 0.5)).r;\n}\n\nfloat detectEdge(sampler2D map, vec2 uv, vec3 matchColor, float tolerance) {\n  vec4 centerColor = texture2D(map, uv);\n  if (colorGap(centerColor.rgb, matchColor) >= tolerance) return 0.0;\n  float step = 1.0 / RESOLUTION;\n  vec4 u = texture2D(map, uv + vec2(0.0, -step));\n  vec4 l = texture2D(map, uv + vec2(-step, 0.0));\n  vec4 r = texture2D(map, uv + vec2(step, 0.0));\n  vec4 d = texture2D(map, uv + vec2(0.0, step));\n  bool edge = colorGap(u.rgb, matchColor) >= tolerance || colorGap(l.rgb, matchColor) >= tolerance\n    || colorGap(r.rgb, matchColor) >= tolerance || colorGap(d.rgb, matchColor) >= tolerance;\n  return edge ? 1.0 : 0.0;\n}\n\nvoid main() {\n  vec4 image = texture2D(map, vUv);\n  if (image.r == 0.0 && image.g == 0.0 && image.b == 0.0) discard;\n\n  // WebGL 1.0 \u8981\u6C42\u5FAA\u73AF\u7EC8\u6B62\u6761\u4EF6\u5FC5\u987B\u662F\u7F16\u8BD1\u65F6\u5E38\u91CF\uFF0C\u6240\u4EE5\u7528 MAX_GROUPS\uFF0C\u5FAA\u73AF\u5185\u68C0\u67E5 groupCount\n  for (float i = 0.0; i < float(MAX_GROUPS); i += 1.0) {\n    if (i < groupCount) {\n      vec4 styleColor = readStyleColor(i);\n      vec3 colorRgb = styleColor.rgb;\n      float tol = readStyleToleranceHighlight(i).r * 3.0;\n      vec3 highlight = readStyleToleranceHighlight(i).gba;\n      float opacity = readStyleOpacity(i);\n      \n      if (opacity > 0.0) {\n        float gap = colorGap(image.rgb, colorRgb);\n        if (gap > STRICT_MATCH) continue;\n        float smoothRange = 0.01;\n        float matchFactor = 1.0 - smoothstep(tol - smoothRange, tol + smoothRange, gap);\n        if (matchFactor > 0.0) {\n          float isEdge = detectEdge(map, vUv, colorRgb, tol);\n          float alpha = mix(opacity, 1.0, isEdge);\n          alpha *= max(matchFactor, 0.9);\n          gl_FragColor = vec4(highlight, alpha);\n          return;\n        }\n      }\n    }\n  }\n  discard;\n}\n";

package/libs/PanoTagPlugin/controller/Tag/MaskTag.shaders.js

@@ -0,0 +1,94 @@
+const e = (
+  /* glsl */
+  `
+varying vec2 vUv;
+void main() {
+  vUv = uv;
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}
+`
+), t = (
+  /* glsl */
+  `
+#define RESOLUTION 2048.0
+#define MAX_GROUPS 64
+#define STRICT_MATCH 0.5/255.0
+
+varying vec2 vUv;
+uniform sampler2D map;
+uniform sampler2D mergedTexture;
+uniform float groupCount;
+uniform float textureWidth;
+uniform float pixelsPerGroup;
+
+float colorGap(vec3 a, vec3 b) {
+  return abs(a.r - b.r) + abs(a.g - b.g) + abs(a.b - b.b);
+}
+
+vec4 readStyleColor(float groupIndex) {
+  float px = groupIndex * pixelsPerGroup;
+  float texX = (px + 0.5) / textureWidth;
+  return texture2D(mergedTexture, vec2(texX, 0.5));
+}
+
+vec4 readStyleToleranceHighlight(float groupIndex) {
+  float px = groupIndex * pixelsPerGroup + 1.0;
+  float texX = (px + 0.5) / textureWidth;
+  return texture2D(mergedTexture, vec2(texX, 0.5));
+}
+
+float readStyleOpacity(float groupIndex) {
+  float px = groupIndex * pixelsPerGroup + 2.0;
+  float texX = (px + 0.5) / textureWidth;
+  return texture2D(mergedTexture, vec2(texX, 0.5)).r;
+}
+
+float detectEdge(sampler2D map, vec2 uv, vec3 matchColor, float tolerance) {
+  vec4 centerColor = texture2D(map, uv);
+  if (colorGap(centerColor.rgb, matchColor) >= tolerance) return 0.0;
+  float step = 1.0 / RESOLUTION;
+  vec4 u = texture2D(map, uv + vec2(0.0, -step));
+  vec4 l = texture2D(map, uv + vec2(-step, 0.0));
+  vec4 r = texture2D(map, uv + vec2(step, 0.0));
+  vec4 d = texture2D(map, uv + vec2(0.0, step));
+  bool edge = colorGap(u.rgb, matchColor) >= tolerance || colorGap(l.rgb, matchColor) >= tolerance
+    || colorGap(r.rgb, matchColor) >= tolerance || colorGap(d.rgb, matchColor) >= tolerance;
+  return edge ? 1.0 : 0.0;
+}
+
+void main() {
+  vec4 image = texture2D(map, vUv);
+  if (image.r == 0.0 && image.g == 0.0 && image.b == 0.0) discard;
+
+  // WebGL 1.0 要求循环终止条件必须是编译时常量，所以用 MAX_GROUPS，循环内检查 groupCount
+  for (float i = 0.0; i < float(MAX_GROUPS); i += 1.0) {
+    if (i < groupCount) {
+      vec4 styleColor = readStyleColor(i);
+      vec3 colorRgb = styleColor.rgb;
+      float tol = readStyleToleranceHighlight(i).r * 3.0;
+      vec3 highlight = readStyleToleranceHighlight(i).gba;
+      float opacity = readStyleOpacity(i);
+      
+      if (opacity > 0.0) {
+        float gap = colorGap(image.rgb, colorRgb);
+        if (gap > STRICT_MATCH) continue;
+        float smoothRange = 0.01;
+        float matchFactor = 1.0 - smoothstep(tol - smoothRange, tol + smoothRange, gap);
+        if (matchFactor > 0.0) {
+          float isEdge = detectEdge(map, vUv, colorRgb, tol);
+          float alpha = mix(opacity, 1.0, isEdge);
+          alpha *= max(matchFactor, 0.9);
+          gl_FragColor = vec4(highlight, alpha);
+          return;
+        }
+      }
+    }
+  }
+  discard;
+}
+`
+);
+export {
+  t as maskFragmentShaderMulti,
+  e as maskVertexShader
+};

package/libs/PanoTagPlugin/controller/Tag/PolygonTag.d.ts

@@ -0,0 +1,112 @@
+import type PanoTagPluginController from '..';
+import type { TagContentType, Tag as TagData, TagInstance, ArrayPosition, TagClickParams } from '../..';
+import { BaseTag } from './BaseTag';
+import * as THREE from 'three';
+import type { PartialObjectDeep } from '../../../typings/typings';
+import type { Tag } from '../..';
+import { Polygon } from '../../../Sculpt/Objects/Polygon';
+export type PolygonTagInterface<C extends TagContentType = TagContentType> = TagInstance<C, 'Polygon'>;
+/**
+ * Polygon 类型的标签
+ * 使用 Sculpt Polygon 进行渲染
+ */
+export declare class PolygonTag<C extends TagContentType = TagContentType> extends BaseTag<C, 'Polygon'> {
+    polygonShape?: Polygon;
+    private tagStyle?;
+    private clickEventDispose?;
+    private domClickDispose?;
+    screenPosition: {
+        leftPx: number;
+        topPx: number;
+        scale: number;
+    } | null;
+    constructor(plugin: PanoTagPluginController, tagData: TagData);
+    /**
+     * 获取 Polygon 样式配置（合并用户配置和默认值）
+     */
+    private getPolygonStyle;
+    /**
+     * 更新 Polygon 样式
+     */
+    private updatePolygonStyle;
+    /**
+     * 更新标签数据
+     */
+    set(tag: PartialObjectDeep<Tag<C, 'Polygon'>>, deepMerge?: boolean): void;
+    /**
+     * 获取多边形的所有角点（世界坐标）
+     */
+    getCorners(): THREE.Vector3[];
+    getCenter(): ArrayPosition;
+    /**
+     * 计算多边形的法向量
+     * 使用前三个点来计算平面的法向量
+     */
+    computeNormal(): THREE.Vector3 | undefined;
+    /**
+     * 初始化 Sculpt Polygon
+     */
+    private initializeSculptPolygon;
+    /**
+     * 设置点击事件
+     */
+    private setupClickEvents;
+    /**
+     * 清理点击事件
+     */
+    private cleanupClickEvents;
+    /**
+     * 更新 Sculpt Polygon 的数据
+     */
+    private updateSculptPolygon;
+    /**
+     * 启用编辑器
+     * 用于编辑已存在的 Polygon
+     */
+    editorEnable(): Promise<void>;
+    /**
+     * 禁用编辑器
+     */
+    editorDisable(): void;
+    /**
+     * 同步 Sculpt Polygon 的数据到 PolygonPosition
+     */
+    private syncPolygonPositionFromSculpt;
+    /**
+     * @description 点击事件处理
+     */
+    onClick(params: Pick<TagClickParams, 'target'>): void;
+    /**
+     * @description 展开自己，收起其他标签
+     */
+    unfoldAndFoldOthers(): void;
+    /**
+     * 展开标签详情
+     */
+    unfold(): void;
+    /**
+     * 折叠标签详情
+     */
+    fold(): void;
+    /**
+     * 设置展开/折叠状态
+     */
+    setUnfold(unfolded: boolean): void;
+    /**
+     * 获取多边形的中心点
+     */
+    private getPolygonCenter;
+    /**
+     * 更新屏幕位置（用于在 2D UI 中显示内容）
+     * 显示在 Polygon 最右侧的顶点位置
+     */
+    updateScreenPosition(): void;
+    /**
+     * 应用可见性变化
+     */
+    applyVisible(): void;
+    /**
+     * 销毁标签
+     */
+    dispose(): void;
+}