免费上手 3D 高斯斑点编辑：SuperSplat 快速使用指南

免费上手 3D 高斯斑点编辑：SuperSplat 快速使用指南

【免费下载链接】super-splat3D Gaussian Splat Editor项目地址: https://gitcode.com/gh_mirrors/su/super-splat

SuperSplat 是一款免费、开源、完全运行在浏览器里的 3D 高斯斑点编辑工具，用于查看、裁剪、清理、优化 .ply 格式的 3D 高斯斑点场景。它不需要安装任何软件，打开浏览器就能开始工作，编辑结果可以实时反馈在 3D 视图中。

先解释一下术语：3D 高斯斑点（3D Gaussian Splatting）是用成千上万个"高斯点"重建出来的三维场景，每个点都带有位置、大小和颜色。SuperSplat 里的 3D 高斯斑点编辑，本质就是围绕这些点做筛选、变换和整理。

🚀 导入 PLY 并查看 3D 高斯斑点的最快步骤

SuperSplat 只加载包含 3D 高斯斑点数据的 .ply 文件，导入有三种方式：把 .ply 文件直接拖进视口；通过Scene菜单的Open选择文件；在网址后加?load=<PLY_URL>参数加载网络上的文件——这一招适合把某个场景直接分享给别人，对方点开链接就能看到同一份数据。

导入后先熟悉相机操作：左键轨道旋转、中键推拉、右键平移，方向键移动视点，按 F 把选中对象框到视野中央。在视口任意位置双击，可以重新设置轨道旋转的中心点。

✂️ 用选择工具裁剪和变换高斯斑点

清理多余的高斯点是最常用的工作。选择工具的实现都放在 src/tools/ 目录下，包括：

• Picker Select：单击选点，按住拖拽变成矩形框选；
• Brush Select：按住拖出一个圆形选择区域，用[和]键调整笔刷大小；
• Sphere Select：放一个球体体量的选择器，单击 Add 加入、Remove 移出，双击可重新定位；
• 另有套索（Lasso）、多边形（Polygon）、洪泛（Flood）、吸管（Eyedropper）等更精细的选择方式。

用 All、None、Invert 切换"全选 / 清空 / 反选"，选中后按 Delete 删除。所有操作都能用 Ctrl+Z / Ctrl+Shift+Z 撤销和重做，可以放心试错。

变换工具同样走"选择 + gizmo"路线：在 Scene 面板里选中一个 splat，再通过移动、旋转、缩放工具调整它的位置和姿态。想要精确控制时，在 TRANSFORM 面板里直接输入位置、旋转、缩放数值；双击视口则可以把 gizmo 的原点放到任意位置。如果你的场景是动态序列，时间轴面板还支持逐帧打关键帧做动画。

🔍 用可视化模式和 Data Panel 检查斑点数据

除了正常渲染，SuperSplat 提供两种分析显示模式：

• Centers Mode：在每个高斯点的中心画一个蓝色小点；
• Rings Mode：在每个高斯点的边界画一个圈。

按 Space 键可以隐藏叠加显示，还原成真实渲染效果；CAMERA 面板里的 Splat Size 滑杆控制这些点和圈的大小，方便观察密度分布。

底部的 Data Panel 是另一件利器，按 D 键或点击面板标题打开。它把场景的各种属性画成直方图，你可以直接在直方图上拖动来按属性范围圈选斑点——Shift 加选、Ctrl 减选。当场景里有几十万个高斯点时，这比任何框选都快。实现可以看 src/ui/data-panel.ts。

📦 导出压缩格式与合并场景

编辑完成后，Scene菜单提供三种导出格式：

• Ply file：标准 .ply，兼容性最好；
• Compressed Ply：.compressed.ply，对数据做了量化并移除球谐函数，体积比同内容的 .ply 小得多；
• Splat file：另一种压缩格式，适合配合 PlayCanvas 引擎使用。

合并场景也很直接：把多个 .ply 文件都加载进 Scene 面板，各自做好变换和清理后，用Scene > Save保存，得到的就是一个合并后的单一 .ply 文件。

🛠️ 在本地搭建 SuperSplat 开发环境

想阅读源码或做二次开发，需要 Node.js 20.19 及以上版本：

git clone https://gitcode.com/gh_mirrors/su/super-splat cd super-splat npm install npm run develop

然后访问 http://localhost:3000 即可打开编辑器，源码有改动会自动重新构建，刷新页面就能看到变化。

接下来从哪里深入：功能用法可以读仓库内的 docs/index.md 用户指南；想理解代码，建议从 src/tools/ 的选择工具和src/render.ts的渲染流程开始；想给界面加一门新语言，在static/locales/下新增一个<locale>.json并到src/ui/localization.ts里注册即可。

【免费下载链接】super-splat3D Gaussian Splat Editor项目地址: https://gitcode.com/gh_mirrors/su/super-splat