欣淇
发布于 2026-05-09 / 3 阅读
0
0

SuperSplat5.9k Stars 3D Gaussian Splatting:

🎯 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 会监听源码变化自动重建,刷新浏览器即可看到效果。

四、核心编辑功能

选择工具

  • 矩形选择:框选区域内的 splat
  • 笔刷选择:自由绘制选择区域
  • 颜色选择:按颜色范围选择
  • 相机裁剪:基于相机视角裁剪
  • 编辑操作

  • 删除:移除选中的 splat
  • 裁剪:保留选择区域,删除外部
  • 分割:将场景拆分为多个 splat
  • 合并:合并多个 splat 文件
  • 优化工具

  • 压缩:减少 splat 文件大小
  • 量化:降低精度以减小体积
  • 去重:移除重叠/冗余的 splat
  • 降采样:减少 splat 总数
  • 场景管理

  • 多文件分层加载
  • 每层独立可见性控制
  • 变换工具(平移/旋转/缩放)
  • 五、应用场景

  • 3D 扫描后处理:扫描完的场景用 SuperSplat 清理噪点和冗余
  • Web 展示优化:压缩 splat 文件,减少加载时间
  • 游戏资产制作:从现实场景扫描 → SuperSplat 裁剪 → 导入游戏引擎
  • 科研可视化:加载实验数据,交互式查看和标注
  • 电商展示:产品 3D 扫描 → 美化 → 嵌入网页
  • 六、技术栈

    SuperSplat 基于 PlayCanvas 自家的 Web 技术栈:

    | 组件 | 说明 |

    |------|------|

    | 渲染引擎 | PlayCanvas WebGL/WebGPU |

    | 语言 | TypeScript |

    | 构建 | npm + 自研开发服务器 |

    | 本地化 | 多语言 JSON + 语言代码参数 |

    多语言支持:http://localhost:3000/?lng=zh 切换中文界面。社区已贡献了中文、法语、德语、西班牙语等翻译。

    七、总结

  • 浏览器里直接编辑 3D Gaussian Splat,零安装
  • 支持 .ply / .splat 文件拖入即用
  • 完整的选择、裁剪、删除、合并工具链
  • 压缩/量化/去重等优化功能
  • 本地开发 Node.js 18+,npm run develop 一键启动
  • PlayCanvas 维护,5.9k Stars,162 个 Release
  • 支持多语言界面
  • 如果你在跟 3D Gaussian Splatting 打交道,SuperSplat 是目前最好用的免费编辑工具,没有之一。

    标签:#3DGS #GaussianSplatting #3D #WebGL #PlayCanvas


    评论