@d5techs/3dgs-lib 1.4.0 → 1.4.2

package/dist/App.d.ts

@@ -49,6 +49,7 @@ export declare class App {
     private isRunning;
     private animationId;
     private useMobileRenderer;
+    private lastCompactData;
     private boundOnResize;
     constructor(canvas: HTMLCanvasElement);
     /**
@@ -154,6 +155,8 @@ export declare class App {
     getGSRenderer(): GSSplatRenderer | undefined;
     getGSRendererMobile(): GSSplatRendererMobile | undefined;
     isUsingMobileRenderer(): boolean;
+    getLastCompactData(): import('./gs/PLYLoaderMobile').CompactSplatData | null;
+    setLastCompactData(data: import('./gs/PLYLoaderMobile').CompactSplatData): void;
     getHotspotManager(): HotspotManager;
     enterHotspotMode(objUrl: string): void;
     exitHotspotMode(): void;

package/dist/editor/EditHistory.d.ts

@@ -0,0 +1,13 @@
+import type { EditOp } from './EditOps';
+export declare class EditHistory {
+    private history;
+    private cursor;
+    private onChange?;
+    constructor(onChange?: () => void);
+    add(op: EditOp): void;
+    canUndo(): boolean;
+    canRedo(): boolean;
+    undo(): void;
+    redo(): void;
+    clear(): void;
+}

package/dist/editor/EditOps.d.ts

@@ -0,0 +1,56 @@
+import { SplatState } from './SplatState';
+export interface EditOp {
+    name: string;
+    do(): void;
+    undo(): void;
+    destroy?(): void;
+}
+export declare class SelectOp implements EditOp {
+    name: string;
+    private inner;
+    constructor(state: SplatState, op: 'add' | 'remove' | 'set', predicate: (i: number) => boolean);
+    do(): void;
+    undo(): void;
+}
+export declare class SelectAllOp implements EditOp {
+    name: string;
+    private inner;
+    constructor(state: SplatState);
+    do(): void;
+    undo(): void;
+}
+export declare class SelectNoneOp implements EditOp {
+    name: string;
+    private inner;
+    constructor(state: SplatState);
+    do(): void;
+    undo(): void;
+}
+export declare class SelectInvertOp implements EditOp {
+    name: string;
+    private inner;
+    constructor(state: SplatState);
+    do(): void;
+    undo(): void;
+}
+export declare class DeleteSelectionOp implements EditOp {
+    name: string;
+    private inner;
+    constructor(state: SplatState);
+    do(): void;
+    undo(): void;
+}
+export declare class HideSelectionOp implements EditOp {
+    name: string;
+    private inner;
+    constructor(state: SplatState);
+    do(): void;
+    undo(): void;
+}
+export declare class UnhideAllOp implements EditOp {
+    name: string;
+    private inner;
+    constructor(state: SplatState);
+    do(): void;
+    undo(): void;
+}

package/dist/editor/Events.d.ts

@@ -0,0 +1,13 @@
+type Listener = (...args: any[]) => void;
+type AsyncListener = (...args: any[]) => Promise<any>;
+export declare class Events {
+    private listeners;
+    private asyncHandlers;
+    on(event: string, fn: Listener): () => void;
+    off(event: string, fn: Listener): void;
+    fire(event: string, ...args: any[]): void;
+    handler(event: string, fn: AsyncListener): void;
+    invoke(event: string, ...args: any[]): Promise<any>;
+    destroy(): void;
+}
+export {};

package/dist/editor/SplatEditor.d.ts

@@ -0,0 +1,80 @@
+/**
+ * SplatEditor - 3DGS 模型编辑器核心类
+ *
+ * 协调选择工具、编辑历史、状态管理和渲染器集成。
+ * 将 splat 中心投影到屏幕空间来判断哪些 splat 在选区内。
+ */
+import type { Camera } from '../core/Camera';
+import type { GSSplatRenderer } from '../gs/GSSplatRenderer';
+import type { CompactSplatData } from '../gs/PLYLoaderMobile';
+import { SplatState } from './SplatState';
+import { EditHistory } from './EditHistory';
+import { ToolManager } from './tools/ToolManager';
+export interface SplatEditorCallbacks {
+    onStateChanged?: () => void;
+    onToolChanged?: (tool: string | null) => void;
+    onHistoryChanged?: (canUndo: boolean, canRedo: boolean) => void;
+    /** 退出编辑模式时调用，传回精简后的 CompactSplatData（已剔除删除的 splat） */
+    onApplyEdits?: (newData: CompactSplatData) => void;
+}
+export declare class SplatEditor {
+    private camera;
+    private gsRenderer;
+    private container;
+    private splatState;
+    private editHistory;
+    private toolManager;
+    private compactData;
+    private callbacks;
+    private maskCanvas;
+    private maskCtx;
+    private toolOverlay;
+    private projectedPositions;
+    private projDirty;
+    private _active;
+    private overlayCleanup;
+    constructor(camera: Camera, gsRenderer: GSSplatRenderer, container: HTMLElement, callbacks?: SplatEditorCallbacks);
+    get active(): boolean;
+    get state(): SplatState;
+    get history(): EditHistory;
+    get tools(): ToolManager;
+    /**
+     * 设置 compact 数据引用（用于导出和颜色匹配）
+     */
+    setCompactData(data: CompactSplatData): void;
+    /**
+     * 进入编辑模式
+     */
+    enter(): void;
+    /**
+     * 退出编辑模式，将编辑结果永久写入渲染数据
+     */
+    exit(): void;
+    /**
+     * 将编辑结果写回渲染器：从 CompactSplatData 中剔除被标记为 deleted 的 splat，
+     * 用精简数据重建 GPU 缓冲区。
+     */
+    private applyEditsToRenderer;
+    selectAll(): void;
+    selectNone(): void;
+    selectInvert(): void;
+    deleteSelection(): void;
+    hideSelection(): void;
+    unhideAll(): void;
+    undo(): void;
+    redo(): void;
+    exportPLY(): ArrayBuffer | null;
+    downloadPLY(filename?: string): void;
+    private selectByRect;
+    private selectByMask;
+    private selectByColor;
+    /**
+     * 每帧调用，标记投影需要更新
+     */
+    markProjectionDirty(): void;
+    private ensureProjection;
+    private onStateChanged;
+    private setupOverlayEventForwarding;
+    private _keyHandler;
+    private _onKeyDown;
+}

package/dist/editor/SplatExporter.d.ts

@@ -0,0 +1,6 @@
+import { SplatState } from './SplatState';
+/**
+ * 将编辑后的 splat 数据导出为 PLY 文件
+ * 仅包含未删除的 splats
+ */
+export declare function exportEditedPLY(positions: Float32Array, scales: Float32Array, rotations: Float32Array, colors: Float32Array, opacities: Float32Array, shCoeffs: Float32Array | null, state: SplatState): ArrayBuffer;

package/dist/editor/SplatState.d.ts

@@ -0,0 +1,18 @@
+export declare enum State {
+    selected = 1,
+    hidden = 2,
+    deleted = 4
+}
+export declare class SplatState {
+    readonly count: number;
+    readonly data: Uint8Array;
+    private _numSelected;
+    private _numHidden;
+    private _numDeleted;
+    constructor(count: number);
+    get numSelected(): number;
+    get numHidden(): number;
+    get numDeleted(): number;
+    recalcCounts(): void;
+    clear(): void;
+}

package/dist/editor/index.d.ts

@@ -0,0 +1,7 @@
+export { SplatEditor } from './SplatEditor';
+export type { SplatEditorCallbacks } from './SplatEditor';
+export { SplatState, State } from './SplatState';
+export { EditHistory } from './EditHistory';
+export { ToolManager } from './tools/ToolManager';
+export type { Tool } from './tools/ToolManager';
+export { exportEditedPLY } from './SplatExporter';

package/dist/editor/tools/BrushSelection.d.ts

@@ -0,0 +1,21 @@
+import type { Tool } from './ToolManager';
+export declare class BrushSelection implements Tool {
+    private parent;
+    private svg;
+    private circle;
+    private maskCanvas;
+    private maskCtx;
+    private onMaskSelect;
+    private radius;
+    private prev;
+    private dragId;
+    constructor(parent: HTMLElement, maskCanvas: HTMLCanvasElement, maskCtx: CanvasRenderingContext2D, onMaskSelect: (op: 'add' | 'remove' | 'set', canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D) => void);
+    activate(): void;
+    deactivate(): void;
+    private update;
+    private pointerdown;
+    private pointermove;
+    private dragEnd;
+    private pointerup;
+    private wheel;
+}

package/dist/editor/tools/EyedropperSelection.d.ts

@@ -0,0 +1,21 @@
+import type { Tool } from './ToolManager';
+/**
+ * EyedropperSelection - 吸管/颜色匹配选择工具
+ * 点击拾取一个 splat 的颜色，然后选择所有颜色相似的 splats
+ */
+export declare class EyedropperSelection implements Tool {
+    private parent;
+    private onColorMatch;
+    private thresholdEl;
+    private threshold;
+    private pointerId;
+    constructor(parent: HTMLElement, onColorMatch: (op: 'add' | 'remove' | 'set', normalizedPoint: {
+        x: number;
+        y: number;
+    }, threshold: number) => void);
+    activate(): void;
+    deactivate(): void;
+    private pointerdown;
+    private pointermove;
+    private pointerup;
+}

package/dist/editor/tools/FloodSelection.d.ts

@@ -0,0 +1,22 @@
+import type { Tool } from './ToolManager';
+/**
+ * FloodSelection - 基于不透明度的洪水填充选择工具
+ * 从点击位置开始，向相邻像素扩展，选择不透明度相近的区域
+ */
+export declare class FloodSelection implements Tool {
+    private parent;
+    private maskCanvas;
+    private maskCtx;
+    private onMaskSelect;
+    private getOffscreenImage;
+    private thresholdEl;
+    private threshold;
+    private clicked;
+    private imageData;
+    constructor(parent: HTMLElement, maskCanvas: HTMLCanvasElement, maskCtx: CanvasRenderingContext2D, onMaskSelect: (op: 'add' | 'remove' | 'set', canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D) => void, getOffscreenImage: (width: number, height: number) => Uint8Array | null);
+    activate(): void;
+    deactivate(): void;
+    private pointerdown;
+    private pointermove;
+    private pointerup;
+}

package/dist/editor/tools/LassoSelection.d.ts

@@ -0,0 +1,24 @@
+import type { Tool } from './ToolManager';
+export declare class LassoSelection implements Tool {
+    private parent;
+    private svg;
+    private polygon;
+    private maskCanvas;
+    private maskCtx;
+    private onMaskSelect;
+    private points;
+    private currentPoint;
+    private lastPointTime;
+    private dragId;
+    constructor(parent: HTMLElement, maskCanvas: HTMLCanvasElement, maskCtx: CanvasRenderingContext2D, onMaskSelect: (op: 'add' | 'remove' | 'set', canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D) => void);
+    activate(): void;
+    deactivate(): void;
+    private dist;
+    private paint;
+    private update;
+    private commitSelection;
+    private pointerdown;
+    private pointermove;
+    private dragEnd;
+    private pointerup;
+}

package/dist/editor/tools/PolygonSelection.d.ts

@@ -0,0 +1,22 @@
+import type { Tool } from './ToolManager';
+export declare class PolygonSelection implements Tool {
+    private parent;
+    private svg;
+    private polyline;
+    private maskCanvas;
+    private maskCtx;
+    private onMaskSelect;
+    private points;
+    private currentPoint;
+    constructor(parent: HTMLElement, maskCanvas: HTMLCanvasElement, maskCtx: CanvasRenderingContext2D, onMaskSelect: (op: 'add' | 'remove' | 'set', canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D) => void);
+    activate(): void;
+    deactivate(): void;
+    private dist;
+    private isClosed;
+    private paint;
+    private commitSelection;
+    private pointerdown;
+    private pointermove;
+    private pointerup;
+    private dblclick;
+}

package/dist/editor/tools/RectSelection.d.ts

@@ -0,0 +1,24 @@
+import type { Tool } from './ToolManager';
+export declare class RectSelection implements Tool {
+    private parent;
+    private svg;
+    private rect;
+    private onSelect;
+    private start;
+    private end;
+    private dragId;
+    private dragMoved;
+    constructor(parent: HTMLElement, onSelect: (op: 'add' | 'remove' | 'set', rect: {
+        startX: number;
+        startY: number;
+        endX: number;
+        endY: number;
+    }) => void);
+    activate(): void;
+    deactivate(): void;
+    private updateRect;
+    private pointerdown;
+    private pointermove;
+    private dragEnd;
+    private pointerup;
+}

package/dist/editor/tools/ToolManager.d.ts

@@ -0,0 +1,14 @@
+export interface Tool {
+    activate(): void;
+    deactivate(): void;
+}
+export declare class ToolManager {
+    private tools;
+    private _active;
+    private onToolChanged?;
+    constructor(onToolChanged?: (name: string | null) => void);
+    get active(): string | null;
+    register(name: string, tool: Tool): void;
+    activate(name: string | null): void;
+    deactivateAll(): void;
+}

package/dist/gs/GSSplatRenderer.d.ts

@@ -48,6 +48,11 @@ export declare class GSSplatRenderer implements IGSSplatRendererWithCapabilities
     private sortStateInitialized;
     private sortFrequency;
     private frameCounter;
+    private editorStateBuffer;
+    private editorPipeline;
+    private editorBindGroupLayout;
+    private editorBindGroup;
+    private editorEnabled;
     private depthNormalPipeline;
     private depthRT;
     private depthRTView;
@@ -109,5 +114,21 @@ export declare class GSSplatRenderer implements IGSSplatRendererWithCapabilities
     } | null;
     supportsSHMode(mode: SHMode): boolean;
     getCapabilities(): RendererCapabilities;
+    /**
+     * 启用编辑器模式，传入每个 splat 的状态数据
+     */
+    setEditorState(stateData: Uint8Array): void;
+    /**
+     * 更新编辑器状态数据
+     */
+    updateEditorState(stateData: Uint8Array): void;
+    private alignStateData;
+    /**
+     * 禁用编辑器模式
+     */
+    clearEditorState(): void;
+    private createEditorPipeline;
+    private rebuildEditorBindGroup;
+    private buildEditorShader;
     destroy(): void;
 }

package/dist/index.d.ts

@@ -45,5 +45,12 @@ export type { HotspotInfo, HotspotLabelConfig, HotspotLabelPosition } from './in
 export type { TransformableObject } from './core/gizmo/TransformGizmo';
 export { TransformGizmo, GizmoMode } from './core/gizmo/TransformGizmo';
 export type { GizmoTheme, TransformGizmoConfig, GizmoSpace } from './core/gizmo/TransformGizmo';
+export { SplatEditor } from './editor/SplatEditor';
+export type { SplatEditorCallbacks } from './editor/SplatEditor';
+export { SplatState, State } from './editor/SplatState';
+export { EditHistory } from './editor/EditHistory';
+export { ToolManager } from './editor/tools/ToolManager';
+export type { Tool } from './editor/tools/ToolManager';
+export { exportEditedPLY } from './editor/SplatExporter';
 export { App } from './App';
 export type { ProgressCallback } from './App';

package/dist/interaction/HotspotManager.d.ts

@@ -37,6 +37,8 @@ export interface HotspotInfo {
     label?: HotspotLabelConfig;
     /** 标签 DOM 元素（内部使用） */
     _labelElement?: HTMLDivElement;
+    /** billboard 模式下上一帧设定的第一个 mesh 世界位置（内部使用，用于检测 Gizmo 外部移动） */
+    _lastBillboardMeshPos?: Vec3Tuple;
 }
 /**
  * HotspotManager

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@d5techs/3dgs-lib",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "description": "可扩展的 WebGPU 3D 渲染引擎",
   "type": "module",
   "main": "./dist/3dgs-lib.cjs",