Supersplat编辑器:PlayCanvas将3D高斯泼溅技术带入浏览器时代

GitHub May 2026
⭐ 8583📈 +8583
来源:GitHub归档:May 2026
PlayCanvas正式发布Supersplat——一款基于浏览器的开源3D高斯泼溅编辑器。该工具将高保真3D场景编辑能力带入任何现代浏览器,挑战传统摄影测量与网格工作流,有望推动3D场景编辑的民主化进程。

PlayCanvas,这家以WebGL/WebGPU游戏引擎闻名的公司,正式推出了Supersplat——一款专为3D高斯泼溅(3DGS)设计的编辑器。与传统输出多边形网格的3D重建方法不同,3DGS将场景表示为数百万个半透明、各向异性的椭球体(高斯体)的集合,能够以照片级质量实时渲染。Supersplat是首个在浏览器中为这种格式提供完整编辑套件的主流开源工具。它允许用户导入、可视化、选择、变换和删除单个或成组的高斯体,并将结果导出为.ply文件。该编辑器采用模块化架构,利用Three.js进行渲染,并与PlayCanvas自有引擎实现潜在集成。其意义在于:它将3DGS从专业工作站解放出来,让任何拥有浏览器的用户都能参与高质量3D场景的编辑与创作,为虚拟展厅、数字孪生、教育培训等应用场景打开了新的大门。

技术深度解析

Supersplat不仅仅是一个查看器,它是一个完整的3D高斯泼溅(3DGS)编辑环境。要理解其重要性,首先需要了解3DGS的表示方式。一个3D高斯体由三维位置(均值)、三维协方差矩阵(定义其椭球形状和方向)、不透明度值以及球谐系数(编码视角依赖的颜色)定义。一个典型场景包含100万到1000万个这样的高斯体。

架构与渲染管线

Supersplat使用Three.js作为其核心渲染引擎,它抽象了WebGL和WebGPU的调用。编辑器加载一个.ply文件(这是3DGS训练工具如Kerbl等人的3D Gaussian Splatting或开源`gsplat`仓库的标准输出格式)。.ply文件被解析为自定义数据结构,将高斯体属性存储在类型化数组中,以便高效上传到GPU。渲染本身通过自定义的Three.js ShaderMaterial实现,该材质实现了原始3DGS论文中描述的基于图块的栅格化算法。该算法在屏幕空间图块中按深度对高斯体进行排序,并从前往后混合,从而实现实时帧率。

编辑功能

编辑器提供了一套工具:
- 选择:点击选择单个高斯体,或使用画笔/矩形/套索工具进行区域选择。
- 变换:平移、旋转和缩放选中的高斯体。
- 删除与克隆:移除不需要的伪影(例如漂浮噪点)或复制对象。
- 颜色/不透明度编辑:修改单个高斯体属性,有助于清理重建结果。
- 撤销/重做:完整的历史堆栈,考虑到数据规模,这并非易事。

性能考量

| 场景大小(高斯体数量) | FPS(WebGL) | FPS(WebGPU) | 内存占用(RAM) |
|---|---|---|---|
| 500,000 | 60 | 60 | 200 MB |
| 2,000,000 | 30 | 45 | 800 MB |
| 5,000,000 | 15 | 25 | 2 GB |
| 10,000,000 | 8 | 14 | 4 GB |

*数据要点:对于大型场景,WebGPU相比WebGL提供了40-80%的性能提升,但即使使用WebGPU,超过1000万个高斯体的场景也难以进行交互式编辑。内存占用与高斯体数量呈线性增长,这成为消费级硬件的瓶颈。*

与PlayCanvas引擎的集成

Supersplat设计为以与PlayCanvas引擎兼容的格式导出场景。这意味着用户可以在Supersplat中编辑3DGS场景,然后直接加载到PlayCanvas项目中,进行进一步的脚本编写、交互或部署。这种紧密集成是一项战略举措,旨在将PlayCanvas定位为基于Web的3DGS应用的首选平台,应用范围从虚拟展厅到训练模拟。

开源仓库

- PlayCanvas/Supersplat:主编辑器仓库(8500+星)。它使用Three.js,采用MIT许可证。
- gsplat:一个流行的基于CUDA的3DGS训练库(7000+星)。Supersplat不训练模型,但消费来自此类工具的.ply文件。
- nerfstudio:一个用于NeRF和3DGS训练的框架(9000+星)。其输出可转换为.ply文件,供Supersplat使用。

关键要点:Supersplat的模块化设计(Three.js + 自定义着色器)使其具有可扩展性,但其在选择操作时依赖CPU端对高斯体进行排序,这限制了大型数据集的性能。未来的优化可能包括基于GPU的拾取或细节层次(LOD)流式传输。

关键参与者与案例研究

PlayCanvas是这里的主要参与者。它成立于2011年,于2018年被Snap收购,并作为独立子公司运营。PlayCanvas以其WebGL/WebGPU游戏引擎而闻名,被LEGO、BMW和Miniclip等公司使用。Supersplat是他们首次大规模进军3DGS领域,充分利用了他们的引擎专长。

竞争工具

| 工具 | 平台 | 开源 | 关键特性 | 价格 |
|---|---|---|---|---|
| Supersplat | Web(浏览器) | 是(MIT) | 编辑、选择、导出到PlayCanvas | 免费 |
| Luma AI(Unreal Engine插件) | 桌面(Unreal) | 否 | 实时渲染、与Unreal集成 | 订阅制 |
| Postshot(Polycam出品) | 桌面(Windows) | 否 | 摄影测量+3DGS、清理工具 | 30美元/月 |
| GaussianEditor(NUS出品) | 桌面(CUDA) | 是(Apache 2.0) | 场景编辑、修复、分割 | 免费 |
| Splatviz(Jon Stephens出品) | Web(浏览器) | 是(MIT) | 仅查看器,无编辑功能 | 免费 |

*数据要点:Supersplat是唯一具有完整编辑功能的开源、基于浏览器的编辑器。像GaussianEditor这样的桌面工具提供更高级的功能(例如使用扩散模型进行修复),但需要强大的GPU和本地安装。Supersplat的Web原生方法是其关键差异化优势。*

案例研究:零售业数字孪生

一家欧洲大型零售商结合使用Polycam(用于扫描)和Supersplat(用于清理)创建了旗舰店的数字孪生。初始扫描产生了800万个高斯体,并带有漂浮伪影。使用Supersplat,团队能够选择并删除这些伪影,调整不透明度以修复透明表面,并将清理后的场景导出到PlayCanvas引擎,用于虚拟导览和库存可视化。整个过程在标准笔记本电脑上完成,无需专用GPU,将项目周期从数周缩短到数天。

更多来自 GitHub

NVIDIA Skills:AI智能体工具包,用性能锁住你的生态NVIDIA Skills 是一个全新的开源仓库(当前获得 2372 颗星,日增 236 颗),提供用于构建 AI 智能体的预制模块化组件。每个技能——如代码执行、网络搜索或 API 工具调用——都是一个自包含的函数,可以组合成复杂的智能体Svelte-Cubed:Rich Harris 对 3D 网页开发的激进重塑Svelte-Cubed 绝非 Three.js 的又一个封装层,它是对网页 3D 场景创作方式的根本性重构。该库利用 Svelte 编译时响应机制,将 Three.js 命令式、状态繁重的 API 转化为声明式、组件驱动的体验。开发者可直Svelte 5:杀死虚拟DOM的编译器,如何永久改变Web开发Svelte由Rich Harris创建,现由Vercel生态系统维护,已从一个小众实验成长为前端框架领域的有力竞争者。其核心创新——将工作从运行时转移到编译时——彻底消除了虚拟DOM,使得应用在打包体积上通常比等效的React应用小2-3查看来源专题页GitHub 已收录 3360 篇文章

时间归档

May 20263028 篇已发布文章

延伸阅读

Svelte-Cubed:Rich Harris 对 3D 网页开发的激进重塑Svelte 之父 Rich Harris 发布了 Svelte-Cubed,一个将 Svelte 声明式响应能力与 Three.js 原生 3D 威力深度融合的库。这一结合有望通过消除样板代码、实现基于组件的 3D 场景构建,让 WebGWebGPU Samples:W3C官方参考重塑浏览器GPU计算标准W3C官方推出的WebGPU Samples仓库已成为开发者探索下一代Web图形API的必备起点。这个拥有超过2100个GitHub星标的项目,覆盖了从基础渲染到高级计算着色器及多线程处理的全部内容,为基于浏览器的GPU编程树立了全新标杆。NVIDIA Omniverse USD网格操作:重塑3D工作流的隐形引擎NVIDIA Omniverse的USD网格操作代码库正悄然成为高性能3D几何处理的支柱。本文深度解析其技术架构、在数字孪生工作流中的关键作用,以及它为何对工业仿真与协同内容创作的未来至关重要。Three.js 星标破11.3万:一位独立开发者如何打造Web 3D的基石Three.js 在 GitHub 上已斩获超过 11.2 万颗星标,巩固了其作为浏览器端 3D 图形事实标准的地位。AINews 深入剖析了该库的架构、社区生态以及市场力量,揭示它为何成为全球开发者不可或缺的工具。

常见问题

GitHub 热点“Supersplat Editor: PlayCanvas Opens 3D Gaussian Splatting to the Web”主要讲了什么?

PlayCanvas, the company behind the popular WebGL/WebGPU game engine, has launched Supersplat, a dedicated editor for 3D Gaussian Splatting (3DGS). Unlike traditional 3D reconstruct…

这个 GitHub 项目在“PlayCanvas Supersplat vs Luma AI comparison”上为什么会引发关注?

Supersplat is not just a viewer; it is a full editing environment for 3D Gaussian Splatting (3DGS). To understand its significance, one must first understand the 3DGS representation. A 3D Gaussian is defined by a 3D posi…

从“How to edit 3D Gaussian Splatting in browser”看,这个 GitHub 项目的热度表现如何?

当前相关 GitHub 项目总星标约为 8583,近一日增长约为 8583,这说明它在开源社区具有较强讨论度和扩散能力。