🎯 SuperSplat:5.9k Stars,浏览器里直接编辑 3D Gaussian Splatting,无需安装
项目地址:playcanvas/supersplat | ⭐ 5,900 Stars | 🛠 TypeScript | 作者:PlayCanvas
老实说,3D Gaussian Splatting 这两年火得不行,但一直缺一个好用的编辑工具。市面上要么是命令行工具链,要么是研究原型,上手门槛不低。
SuperSplat 是 PlayCanvas 出品的免费开源 3D Gaussian Splat 编辑器,纯 Web 技术构建,在浏览器里直接跑,不用下载安装。打开 https://superspl.at/editor 就能用。
5.9k Stars、684 Forks、619 Commits、162 个 Release,最新 v2.25.1。
一、它能干什么
SuperSplat 是一个完整的 3D Gaussian Splat 编辑工作台:
| 功能 | 说明 |
|------|------|
| 查看 | 加载和预览 .ply / .splat 文件 |
| 编辑 | 选择、裁剪、删除、合并 splat |
| 优化 | 压缩、量化、减少 splat 数量 |
| 发布 | 导出为优化后的 splat 文件 |
| 场景管理 | 多文件加载、场景层级管理 |
所有操作在浏览器中完成,不需要 GPU 集群、不需要本地安装。
二、直接在线使用
打开浏览器访问:
https://superspl.at/editor
就是这个链接,其他什么都不用装。支持 Chrome、Safari、Firefox、Edge。
支持的文件格式:
| 格式 | 说明 |
|------|------|
| .ply | 标准 Point Cloud 格式(3DGS 常用) |
| .splat | SuperSplat 原生格式 |
| URL | 直接加载远程文件的 URL |
操作流程:
1. 打开编辑器
2. 拖拽 .ply 或 .splat 文件到浏览器窗口
3. 3D 场景自动加载
4. 用鼠标拖拽旋转/缩放查看
5. 选择工具 → 裁剪/删除/优化
6. 导出处理后的 splat
三、本地开发运行
如果想在本地跑或者二次开发:
# Node.js 18+
git clone https://github.com/playcanvas/supersplat.git
cd supersplat
# 安装依赖
npm install
# 启动开发服务器(自动热重载)
npm run develop
# 浏览器打开
# http://localhost:3000
npm run develop 会监听源码变化自动重建,刷新浏览器即可看到效果。
四、核心编辑功能
选择工具
编辑操作
优化工具
场景管理
五、应用场景
六、技术栈
SuperSplat 基于 PlayCanvas 自家的 Web 技术栈:
| 组件 | 说明 |
|------|------|
| 渲染引擎 | PlayCanvas WebGL/WebGPU |
| 语言 | TypeScript |
| 构建 | npm + 自研开发服务器 |
| 本地化 | 多语言 JSON + 语言代码参数 |
多语言支持:http://localhost:3000/?lng=zh 切换中文界面。社区已贡献了中文、法语、德语、西班牙语等翻译。
七、总结
npm run develop 一键启动如果你在跟 3D Gaussian Splatting 打交道,SuperSplat 是目前最好用的免费编辑工具,没有之一。
标签:#3DGS #GaussianSplatting #3D #WebGL #PlayCanvas