乐于分享
好东西不私藏

SuperSplat:把 3D 高斯泼溅编辑器塞进浏览器,打开就能用

SuperSplat:把 3D 高斯泼溅编辑器塞进浏览器,打开就能用

手机拍一圈就能生成一个可交互的 3D 场景——这就是 3D Gaussian Splatting(3DGS)最吸引普通开发者的地方。但拿到 .ply 文件之后呢?文件动辄几百 MB 甚至上 GB,大多数编辑工具都需要本地安装,对显卡还有要求。PlayCanvas 团队做了一个相当激进的选择:把整个编辑器塞进浏览器里

项目卡片

  • 项目:SuperSplat[1]
  • 状态:v2.27.3 / 8.9k Star / 2026 年以来 37 次提交,全年 395 次
  • 一句话判断:目前最完整的浏览器端 3DGS 编辑器,从查看到发布全流程打通,免安装即开即用
打开浏览器就能编辑 Splat

SuperSplat 做的事情很直接:加载 .ply 文件,在 3D 视口中查看和编辑 Gaussian Splat,然后导出或发布。

功能清单不长,但每项都到位——8 种选择工具(画笔、套索、多边形、球形区域、泛洪填充等)用于裁剪;GPU 直方图面板展示 23+ 个属性,可以按 opacity、scale、color 等维度批量选中问题 Splat;支持平移/旋转/缩放和多个 Splat 合并;格式覆盖 PLY、compressed PLY、.splat、SOG、SPZ、KSplat、LCC。

我一开始以为浏览器工具能做到渲染就不错了,但它还塞进了相机关键帧动画系统、视频录制导出、一键发布到 superspl.at 平台(支持 LOD 生成),甚至能导出独立 HTML/ZIP 查看器。全都在 WebGL/WebGPU 上跑,不依赖任何本地软件。

为什么值得关注

“拍完”到”能用”之间缺一个编辑器

3D Gaussian Splatting 的拍摄门槛已经很低了——Luma AI、Polycam 这些手机 App 拍一圈就能生成 .ply 文件。但实际拿到手你会发现:多余的人影、穿帮的背景、浮空的噪点,到处都是。

没有好的编辑工具,”拍完”和”能用”之间有很大距离。以前的选择要么装 Blender 插件,要么配 CUDA 跑本地工具。SuperSplat 直接把这个环节搬到了浏览器里——打开网址、拖入文件、开始修。不需要本地环境。

一个浏览器工具能做到什么程度

说实话,功能完整度超出了我的预期。

不只是选和删。GPU 直方图可以按任意属性做 range select,时间线系统支持相机关键帧动画并录制视频,发布功能直接托管到 superspl.at 并生成可分享链接。技术栈是 TypeScript + PlayCanvas 引擎 v2.18 + Rollup,MIT 开源,源码里 shader 和数据处理管线都是自己写的,没有套重框架。

如果你需要在 Web 项目中渲染 Splat,PlayCanvas 引擎本身就是一个可以直接用的渲染方案,不一定要用 SuperSplat 编辑器。

怎么上手

打开 https://superspl.at/editor[2] 就能用。也可以装成 PWA,关联 .ply 文件后双击直接打开。本地开发:

git clone https://github.com/playcanvas/supersplat.git
cd supersplat
npm install
npm run develop

然后访问 http://localhost:3000

日常使用的最短路径:

  1. 加载文件:直接把 .ply 文件拖进浏览器窗口,或通过 Scene > Open 菜单选择
  2. 选择要删除的区域:用画笔工具(B 键)或套索工具在 3D 视口中框选不需要的 Splat
  3. 删除:按 Delete 键
  4. 保存/导出Scene > Save 保存为 .ply,或 Scene > Export 导出为 compressed PLY 等格式

也可以通过 URL 参数直接加载远程文件:https://superspl.at/editor?load=<PLY_URL>,方便在社交平台上分享 Splat 场景。

边界在哪

几个实测或从源码确认的限制:

  • 只编辑,不生成:SuperSplat 不做 Splat 重建,不做 NeRF,不做 Mesh。如果你需要从照片生成 Splat,得用 COLMAP、NERFStudio 或手机 App
  • 大文件有延迟:百万级 Splat 在浏览器中操作会有明显卡顿,GPU 直方图受限于 WebGPU 的 compute 能力
  • 发布走平台:一键发布依赖 superspl.at,数据存他们的服务器。完全离线工作流只能导出文件自行托管
  • 输入限制:只接受 Gaussian Splat 格式的 .ply,普通点云 PLY 加载不了
  • Node.js ≥ 20.19.0:本地开发环境要求较新,package.json 里写死了引擎版本
适合谁

用 Luma AI、Polycam 拍过 Splat 但不知道怎么清理的人——这大概是最大的一群用户。SuperSplat 就是给这个场景做的。

需要在网页中展示 3D 场景的 Web 开发者——PlayCanvas 引擎 + SuperSplat 的导出格式提供了从拍摄到上线的工作流。

在评估 3DGS 可行性的人——零成本体验完整流程,比看 PPT 直观。

不太适合:精细 Mesh 编辑(用 Blender)、从照片重建(用 COLMAP/NERFStudio)、工业级点云处理(用 CloudCompare)。


如果你想继续看这类 AI 工具拆解,我会把上手路径、关键限制和可复用配置整理成清单,方便你直接判断值不值得试。

引用链接

[1]SuperSplat: https://github.com/playcanvas/supersplat

[2]https://superspl.at/editor