playcanvas/supersplat-viewer
User-friendly, high-performance viewer for 3D Gaussian splats
SuperSplat Viewer – 快速概览
是什么 – 一款用于 SuperSplat 3D 场景(Gaussian-splatting 点云)的网页查看器。它作为单一静态网站运行,使用 PlayCanvas 引擎并透过 WebGPU 或 WebGL 进行渲染。
为什么重要 – Gaussian-splatting 是一种视觉化超高密度 3D 重建(例如摄影测量、NeRF 风格捕捉)的现代方法。此查看器让开发者与艺术家能直接在浏览器中加载、探索并调试这些场景,并透过 WebGL 支持 AR/VR。
核心功能 (如 README 所述)
| 功能 | 详细信息 |
|---|---|
| 渲染后端 | 优先使用 WebGPU,若不支持则回退至 WebGL。AR/VR 必须使用 WebGL。 |
| 随机渲染器 | 实验性未排序 splat 渲染器(仅限 WebGPU),提供开发者调整参数 (splatSource, variant)。 |
| 透过 URL 控制 UI | 加载自定义设置、场景文件、天空盒、碰撞网格,并调整 UI 可见度 (noui, reticle, ministats, 语言)。 |
| 性能调整 | 反锯齿 (aa)、splat 预算、高精度渲染切换、完整加载 LOD 流、后处理特效切换 (nofx)。 |
| 调试与诊断 | 调试面板 (debug)、体素碰撞热图覆盖、运行时 CPU/GPU 图表。 |
| 嵌入 API | 作为 NPM 模块 (@playcanvas/supersplat-viewer) 发布,提供程序化控制的 API 参考。 |
| 本地开发 | 简单的 Node 工作流程 (npm install, npm run develop)。可透过 ENGINE=debug 链接至 PlayCanvas 引擎调试版本。 |
如何使用
- 运行演示 – 打开托管的静态网站(或在本地运行
npm run develop),并传入 URL 参数以指向您的.ply、.sog或压缩场景文件。 - 自定义 – 提供
settings.json文件、天空盒图像或碰撞网格以丰富场景。 - 嵌入 – 安装 NPM 包并使用记录的 API (
docs/api.md) 将查看器整合至其他网页应用中。
谁适合使用?
- 3D 内容创作者:使用 Gaussian-splatting 工作流程,需要快速预览结果的人员。
- 开发者:构建需要高密度点云渲染的网页版 AR/VR 体验。
- 研究人员:测试新渲染技巧(随机 splats、LOD 预算)而无需编写自定义引擎。
快速入门
# Clone 并在此地运行
git clone https://github.com/playcanvas/supersplat-viewer.git
cd supersplat-viewer
npm install
npm run develop # 打开 http://localhost:3000
然后附加 URL 参数,例如:
http://localhost:3000?content=./myScene.compressed.ply&skybox=./sky.hdr&webgl
总结 – SuperSplat Viewer 是一款专注的开源工具,用于在浏览器中视觉化尖端的 Gaussian-splat 3D 数据,具备灵活的渲染选项与开发者友好的 API。
相关
- 项目
- 项目
- 项目
- 项目
- 项目