这个浏览器编辑器让我把手机视频变成了 3D 资产:PlayCanvas 开源了 SuperSplat

01｜我做 AI 漫剧，3D 资产从哪来？

建模师排期 1 周、报价几千块。Hunyuan3D 之类 AI 生成质量不稳定。Cesium 那种地球级 3D 引擎又太重。

我想要的不是”再加一个建模工具”，而是”我拍 30 秒手机视频，AI 帮我重建出可复用的 3D 资产“。

直到我看到这个仓库：playcanvas/supersplat。

它不是建模工具，是 3D Gaussian Splat（3D 高斯泼溅）编辑器——专门处理”从照片 / 视频重建出来的高斯泼溅数据”，让你在浏览器里检查、裁剪、优化、发布。

02｜什么是 3D Gaussian Splat？5 句话讲清楚

1. 2023 年开始爆火的新型 3D 场景表达技术。

2. 不再用三角面 + 贴图，而是用百万级高斯椭球在空间里”泼”出场景。

3. 每个椭球带位置、形状、颜色、透明度。

4. 渲染时把这些椭球按视角”投影”成画面。

5. 视觉上跟照片一样真实，但可任意角度旋转、缩放、裁剪。

跟传统 mesh 比，Splat 的优势是真实感——实景照片级别的精度；劣势是文件大（一个普通场景动辄 100MB+）和不可二次编辑几何结构。

SuperSplat 就是为了让 Splat 数据能编辑、能瘦身、能发布而生的。

03｜SuperSplat 的 4 大核心功能

① Inspect（检查）

加载 .ply / .splat 文件，3D 视口查看

适用场景：拿到别人训练的资产，先看看质量

② Edit（编辑）

框选、裁剪、删除区域

适用场景：去掉背景杂乱的物体、留下想要的景

③ Optimize（优化）

压缩、抽稀、生成 LOD（多层次细节模型）

适用场景：文件太大？瘦身到能塞进 Web

④ Publish（发布）

一键导出 / 嵌入

适用场景：部署到 PlayCanvas 引擎 / 嵌入到 Web 页面

这 4 步的组合就是：别人训好的 Splat → 我拿到 → 修剪成我要的形状 → 压到合适大小 → 发到我的项目里。

04｜实战工作流：手机视频 → 3D 资产，4 步走完

SuperSplat 只做编辑这一步，前后要接训练和发布工具。完整链路：

1. 拍摄：用手机绕一个物体 / 场景拍 30-60 秒视频（覆盖多角度）。

2. 训练（不在 SuperSplat）：用 Polycam、Luma AI、Brush 等工具把视频训成 .ply / .splat 文件。

3. 编辑（SuperSplat 主场）：把 .ply / .splat 拖进 https://superspl.at/editor，框选保留区域、删除杂物、压缩大小。

4. 发布：导出到 PlayCanvas 引擎，或直接嵌入 Web 页面。

关键认知：SuperSplat 是编辑 / 优化 / 发布环节，不是训练环节。它跟其它工具是上下游关系，不是替代关系。

05｜对 AI 短剧的具体价值：4 个真用得上的场景

我做 AI 漫剧 1 个多月，SuperSplat 最打动我的是这 4 个用法：

• 动态 3D 背景：用 Splat 做剧里的”街景”、”咖啡馆”、”校园”等可旋转的真实场景，比贴图背景真实 10 倍。

• 可交互分镜：把 Splat 场景嵌进 Web，观众用鼠标拖动看不同角度——视频号里这种”会动的 3D 场景”有天然的停留时长优势。

• 角色表演参考：拍摄真人演员动作，用 Splat 重建后做 3D 动作参考，给 AI 视频生成（Seedance / Runway）当 prompt 的空间参考。

• 童书 / 绘本真实场景：英语绘本里”公园”、”超市”、”动物园”等场景，直接用 Splat 抓真实环境，比 Midjourney 出图更立体。

MIT 协议意味着可以商用、可以改、可以塞进自己的产品。

06｜5 分钟上手指引

环境要求：Node.js 18+。

git clone https://github.com/playcanvas/supersplat.gitcd supersplatnpm installnpm run develop# 浏览器打开 http://localhost:3000

第一次跑通：

1. 打开 https://superspl.at/editor（也可以本地）。

2. 拖入一个 .ply 或 .splat 文件（可以从 Polycam 免费导出一个测试）。

3. 鼠标左键旋转、滚轮缩放、右键平移——基本操作。

4. 试一下框选工具，把不需要的区域删掉。

5. 用 Publish 导出，看下生成的文件大小。

官方用户指南：https://developer.playcanvas.com/user-manual/gaussian-splatting/editing/supersplat/

07｜5 个真实踩坑提醒

① WebGL 2.0 是硬性要求

Safari 15+ / Chrome 90+ / Edge 90+ 才支持。老浏览器看不到画面。

② 显存要够

百万级 Splat 数据集至少要 4GB 显存，2GB 显卡加载大场景会卡。

③ 文件大小问题

原始 .ply 一个场景 100-500MB，导出前一定要用 Optimize 压一压。

④ 不要在 SuperSplat 里训练

它只做编辑，训练在 Polycam / Luma / Brush 里做。

⑤ 导出格式选择

要嵌入 Web 选 .ply（最通用）；要进 PlayCanvas 引擎选 compressed .ply（小 30-50%）。

08｜写在最后：3D 资产不再卡脖子

我做了 1 个多月的 AI 漫剧，最大的瓶颈一直是3D 资产从哪来。

建模师贵、AI 生成质量不稳定、素材库通用化严重。SuperSplat 这条”手机视频 → AI 训练 → 浏览器编辑 → 直接发 Web“链路，第一次让我觉得 3D 资产可以按需生产、按场景定制。

MIT 协议、零安装、浏览器即用——这正是 Web 时代工具该有的样子。

下一步我会用 Splat 做《一人一愿》里”老弄堂”、”校园走廊”、”深夜便利店”等真实场景的 3D 背景。手机拍 30 秒，AI 训 10 分钟，浏览器裁 5 分钟——一个能用的高保真 3D 场景就出来了。

工具拼齐了，剩下的就是用真实场景讲故事。

我是 AI 剧-阿丙，记录转型创作的真实探索。