PlayCanvas 突然爆火！一个 Url 链接，干掉了整个 3D 建模行业！

最近两天，如果你刷 X 或者前端开发圈，大概率会被 PlayCanvas 刷屏。

事情的起因是一位开发者发了一段视频：

他用手机扫描了一栋房子，训练成 3D 高斯溅射模型，丢进 PlayCanvas 里，然后直接在浏览器里“行走”看房。

配文写的是：“游戏技术正在颠覆房地产！买家甚至可以 Speedrun 看房列表！”

视频：

配合着像游戏关卡一样丝滑的 3D 房屋漫游，这段内容迅速被转发了几千次。

如果你还没跟上这波热度，今天来聊聊这个 Web 3D 界的“头号玩家”到底做了什么。

先搞清楚：什么是 PlayCanvas ？

很多人第一次接触 PlayCanvas 时，直觉反应是：“这不就是另一个 Three.js 吗？”

但用过之后会发现，完全是两个层面的东西。

Three.js 是一套 JavaScript 3D 库，自由度极高，但你需要从零手写灯光、相机、材质、物理引擎。

它适合那种“我就想做一个小交互”的场景。

PlayCanvas 则是一个完整的 Web 3D 游戏引擎，更像是运行在浏览器里的“网页版 Unity”。

它自带可视化在线编辑器，支持多人实时协作——你可以和同事同时在一个 3D 场景里拖拽物体、修改材质，像 Google Docs 协作文档一样即时预览。

更关键的是，PlayCanvas 的加载速度和移动端优化做得非常狠。

渲染脚本极轻，手机浏览器点开链接就能跑。

这也是为什么这次 3D 看房能火：不需要下载几个GB的 App，一个 URL 甩过去，对方在手机上就能“速通”。

真正的幕后推手：SplatTransform 2.0

这次爆火的核心，其实是 PlayCanvas 团队刚发布的 SplatTransform 2.0。

3D 高斯溅射（3DGS）技术已经出来一段时间了，效果确实惊艳——扫描出来的房子像照片一样真实。

但 1.0 时代有个致命问题：它本质上是一团“全息投影”，没有物理实体。

你放一个角色进去，会直接穿墙、掉出地板，因为点云模型根本不认碰撞。

SplatTransform 2.0 解决的就是这个痛点。

根据官方博客和 GitHub release 的说明，这次更新重点加了稀疏体素网格（sparse voxel grid）基础设施，让工具能真正理解三维空间的结构 。

具体能做什么？

• 自动生成碰撞体：把点云转换成Voxel 或 Mesh，物理引擎终于能识别墙壁和地板了。
• 地板填充（Floor Fill）：扫描时地面经常缺一块，2.0 能自动补上。
• 噪点清理：用 GPU 加速的 filterFloaters 和 filterCluster，把那些飘在空中的杂点批量删掉。
• 无损合并优化：把复杂的房屋结构简化，运行更流畅。

说白了，以前的 3DGS 房子是“看得着摸不着”，现在 PlayCanvas 把它变成了“实心的”。

买家可以操作角色上下楼梯、撞到墙被弹回来——线上看房从“看幻灯片”变成了“玩游戏”。

实际案例：已经有人把高斯溅射做成了 FPS 游戏

PlayCanvas 官方在四月底发了一篇博客，标题就叫《Turning a Gaussian Splat Into a Videogame》。

作者拿一个废弃建筑的高斯扫描当场景，在上面叠加了物理碰撞、光照探针、Recast 寻路网格和八个带 AI 的 NPC，做成了一个完整的浏览器 FPS。

整个流程是这样的：

• 搞一个 splat：从 SuperSplat 上下载别人分享的扫描文件（.ply 或 .sog），或者自己用手机 + Polycam / Luma AI 拍。
• 转格式 + 流式化：用 splat-transform 转成 Streamed SOG。这样手机用户不用等整个文件下载，引擎会根据视角和设备性能按需加载区块。
• 生成碰撞网格：一条命令搞定——

   splat-transform scene.ply \
     --seed-pos 0,1,0 \
     --voxel-params 0.05,0.1 \
     --voxel-carve 1.6,0.2 \
     -K \
     scene.sog

这条命令会同时输出 scene.sog（压缩后的 splat）和 scene.collision.glb（碰撞网格）。

把 GLB 丢进 PlayCanvas 当静态刚体，玩家就有地板了，子弹也能撞墙了 。

• 加寻路网格：把同一个碰撞 GLB 喂给 Recast，生成 navmesh.bin，NPC 就知道怎么走路了。
• 发布：点一下 Publish，全世界的人通过一个链接就能在浏览器里玩。

整个构建包才 68MB，冷启动几秒就能进游戏。

所有工具——SuperSplat、splat-transform、recast-navigation、PlayCanvas 引擎——全是开源的 。

怎么快速搭一个在线 3D 看房？

如果你现在就想复刻那个爆火视频里的效果，流程已经被简化到几步：

• 扫描：用带 LiDAR 的 iPhone Pro 或者无人机，Polycam、Luma AI 都行，拍出原始点云。
• 训练：把照片训练成 3D Gaussian Splat 模型。
• 处理：用 SplatTransform 2.0 命令行工具清理冗余、生成碰撞体。

  splat-transform --input model.ply --collision voxel

• 导入 PlayCanvas：把处理好的模型拖进编辑器，加一个第一人称控制器脚本。
• 分享：Publish 完，甩一个 URL 给买家，对方在手机上就能开始“看房速通”。

3D 互联网的拐点

为什么说这件事可能会改变行业？

以前做一个写实级可交互 3D 空间，得请建模师手工干几周，成本极高。

现在扫描 + 3DGS + PlayCanvas 这套组合拳，制作成本直接砍掉了 90% 以上。

除了房地产，这套技术已经在往数字孪生城市、电商虚拟试穿、历史建筑保护这些领域蔓延。

PlayCanvas 这次爆火不是偶然——它证明了当复杂的 3D 技术变得像发一个网页链接一样简单时，变革就真的来了。

准备好在浏览器里开启“速通”模式了吗？

相关资料

• PlayCanvas 官方博客：https://blog.playcanvas.com/turning-a-gaussian-splat-into-a-videogame
• SplatTransform 2.0 GitHub Release & 官方文档：https://github.com/playcanvas/splat-transform/releases/tag/v2.0.0
• Radiance Fields 技术博客对 2.0 的解读：https://radiancefields.com/playcanvas-releases-splat-transform-2.0