随着高斯泼溅（3D Gaussian Splatting，简称3DGS）技术逐渐在数字孪生、虚拟仿真等项目中应用，结合数字孪生可视化主流技术路线——虚幻引擎UE5，以及考虑到应用较广的项目部署架构B/S架构（通过浏览器访问高斯泼溅项目），本文通过实测验证UE5+高斯泼溅场景能否流畅地运行于浏览器中，且不依赖于服务端高成本GPU渲染。

如验证通过，则证明可在浏览器端投入较少成本并体验如下项目效果：

1. 高斯泼溅的真实场景还原能力

高斯泼溅通过对照片或视频采集的真实场景进行三维表达，可以较好地保留真实场景中的外观、颜色、细节和光照表现，并支持从不同视角进行实时新视角渲染。对于需要还原真实环境的数字孪生和实景三维项目，这种视觉表现方式具有较高的应用价值。

2. UE5 的实时三维渲染与交互能力

UE5 可以承担实时三维场景渲染、材质、光照、粒子、交互以及场景侧逻辑。将 UE5 与高斯泼溅结合后，可以让真实场景还原能力与实时三维交互能力结合起来，而不仅仅是观看一个静态的三维模型。

3. 浏览器本地渲染：部署更便捷、成本更低

UE5 + 高斯泼溅场景若能直接在浏览器中本地渲染，用户就无需安装传统三维客户端，也无需依赖服务端持续进行 GPU 渲染。项目可以通过 Web 方式统一发布、更新和访问，显著降低客户端安装、环境配置、版本维护以及云端渲染资源带来的部署与运维成本。

4. 国产化信创环境下的应用可能性

基于 UEPlus for HTML5，UE5 + 高斯泼溅场景项目可适配摩尔线程/砺算、海光/飞腾，以及银河麒麟/统信等国产软硬件环境，为数字孪生、三维可视化等应用提供国产化部署方案。

一、UE5 进入浏览器的技术路线对比

前面提到了浏览器本地运行可以减少传统三维客户端部署门槛，以及对服务端实时 GPU 渲染资源的依赖。那么问题就来了：UE5 本身并不是传统意义上的 Web 前端应用，它是如何运行在浏览器中的？

针对 UE5 + 高斯泼溅场景项目的浏览器访问，目前可以采用不同的技术路线。其中，一类是将 UE5 项目转换为浏览器可运行的 Web 应用，例如本次采用的 UEPlus for HTML5 ；另一类是 Pixel Streaming ，即 UE5 在服务端运行并将实时渲染画面通过 WebRTC 传输至浏览器。

两种方案的核心区别，并不是“浏览器能不能打开”，而是三维场景究竟在哪里完成渲染。

二、本次测试采用什么方案？

在本次实际测试中，通过 UEPlus for HTML5 完成 UE5 + 高斯泼溅场景项目的 Web 端编译与发布，实现 UE5 + 高斯泼溅场景基于 WebAssembly 在浏览器本地运行。

测试时间为 2026年3月。

测试项目以 UE5 为基础，结合：

• Cesium for Unreal

• LCC4Unreal

• 高斯泼溅场景

• UEPlus for HTML5

构建完整测试环境。

其中，LCC4Unreal 为其域创新 XGRIDS 出品的 3DGS SDK，用于将高斯泼溅场景接入 UE5 项目。

整体技术链路为：UE5 + 高斯泼溅场景项目 → UEPlus for HTML5 → WebAssembly编译 → Web部署 → 浏览器加载 → 本地运行

三、具体怎么把 UE5 + 高斯泼溅场景打包成 HTML5？

第一步：在 UE5 编辑器中打开测试项目，项目中已经包含 UE5 三维场景，并接入 Cesium for Unreal 与高斯泼溅场景。

第二步：确认 UEPlus for HTML5 打包环境及相关插件配置正常。

第三步：点击 HTML5 打包，启动资源处理。

第四步：观察编辑器日志：资源打包中 → 触发 WebAssembly 编译。

第五步：等待打包完成，得到 Web 运行产物。

UEPlus for HTML5 不只是完成 UE5 项目的 Web 打包。针对浏览器端的运行环境，UEPlus 还对高斯泼溅场景进行了专项优化，降低大规模场景的运行压力，并提升浏览器端的实时运行效率。

第六步：部署与访问：Web 资源 + HTTP 服务即可

打包产物以 Web 静态资源形式部署，服务器无需承担 UE 场景实时渲染。本次实测本地双服务如下：

四、浏览器实测表现怎么样？

• 场景加载：浏览器访问 http://127.0.0.1:5501/ZhiHuiJingQu5_3.html，即可加载本次实测的高斯泼溅三维场景。

从实际测试结果来看：

• UE5 三维场景加载： 通过浏览器访问本地部署的测试页面，能够正常加载以 UE5 为基础构建的三维场景，展示Cesium三维地形、建筑及周边环境等场景内容。

• 高斯泼溅场景显示： 通过 LCC4Unreal 将高斯泼溅场景接入 UE5 项目，浏览器端能够正常显示实景三维内容，实现真实环境与 UE5 三维场景的结合。

• 人物漫游与交互控制： 场景中包含人物角色，支持通过快捷键切换自动漫游模式，也可以手动控制人物在三维场景中移动穿行。测试过程中，可以观察人物在场景中的移动表现及不同视角下的场景显示效果。

• 浏览器本地运行： 上述三维场景及人物交互功能能够通过 UEPlus for HTML5 发布后在浏览器中运行，无需依赖服务端持续进行 GPU 实时渲染。

• 实时帧率表现： 在本次测试场景和测试环境下，通过 UE5 的 Stat FPS 观察运行帧率，帧率可达 60FPS 左右。

五、高斯泼溅可以应用在哪些项目中？

UE5 + 高斯泼溅场景浏览器运行之后，真正值得关注的并不是“网页里能跑一个3D场景”，而是这种技术可以应用到哪些实际项目。

1. 数字孪生与园区可视化

通过无人机、摄影测量等方式采集真实园区环境，并利用 3DGS 进行场景还原。再结合 UE5 的实时交互和业务系统，可以进一步叠加设备、人员、空间、运行状态等业务信息。

2. 实景三维与城市空间展示

对于建筑、园区、景区等真实环境，可以使用 3DGS 保留较丰富的现场视觉信息，再结合 GIS、三维地图和 UE5 进行综合展示。

3. 文旅与景区数字化

景区、历史建筑、展馆等真实环境，本身就是高斯泼溅比较适合表现的对象。通过 3DGS 可以实现真实场景漫游，再结合 UE5 增加交互、信息展示和数字内容。

4. 虚拟展馆与数字资产展示

对于已经完成实景采集的展馆、建筑、设备或空间，可以直接利用高斯泼溅进行三维展示。如果进一步通过浏览器访问，则可以降低用户进入三维场景的使用门槛。

5. 虚拟仿真

对于需要真实场景作为基础环境的虚拟仿真项目，可以使用 3DGS 还原实际环境，再利用 UE5 增加交互、动态对象和业务逻辑。

六、高斯泼溅适合什么、不适合什么？

对于需要精确尺寸测量、几何计算、空间分析或模型结构编辑的场景，则需要结合其他三维技术实现。

七、FAQ：UE5 + 高斯泼溅场景浏览器运行常见问题

Q1：UE5 + 高斯泼溅场景可以直接运行在浏览器吗？

A：可以。通过 UEPlus for HTML5，UE5 中的高斯泼溅场景可编译为 WebAssembly 应用在浏览器本地运行。本次实测已验证浏览器加载、三维视角漫游、鼠标操控以及场景内人物角色的键盘漫游交互。

Q2：UEPlus for HTML5打包和 Pixel Streaming 有什么区别？

A：两者最大的区别在于渲染位置、服务器成本和交互延迟。 

UEPlus for HTML5（本地渲染，成本低，几乎无延迟）：通过 WebAssembly 将 UE5 应用编译为浏览器可运行的 Web 应用，由用户设备完成实时渲染。服务器只负责页面、程序文件和场景资源的分发，无需持续投入 GPU 渲染服务器，整体部署和运维成本较低。同时，由于三维场景在本地渲染，用户的鼠标、键盘等操作直接作用于本地场景，无需等待远程服务器回传画面，交互响应几乎无延迟。

Pixel Streaming（服务端渲染，成本高，延迟较大）：UE5 应用运行在服务端，由服务端 GPU 完成实时渲染，再通过 WebRTC 将视频流传输到浏览器。需要持续承担 GPU 服务器、视频编码和实时视频流带宽成本，随着并发用户增加，通常还需同步扩展算力和带宽，整体部署与运营成本较高。同时，用户的每一次操作都需要先上传到服务器，等服务器渲染完新画面后再通过视频流传回浏览器，整个链路受网络环境影响明显，交互延迟较大。

Q3：打包成 HTML5 后还需要 Pixel Streaming 吗？

A：如果采用 UEPlus for HTML5 的浏览器本地运行模式，不需要依赖 Pixel Streaming 。UE5 应用在用户浏览器端运行并完成实时渲染，服务器主要负责 Web 程序和场景资源的分发，因此无需再通过 Pixel Streaming 提供服务端实时渲染和视频流传输。

Q4：高斯泼溅可以用于数字孪生吗？

A：可以，尤其适合真实场景还原、实景三维漫游和沉浸式展示。

Q5：什么项目适合 HTML5 打包而不是 Pixel Streaming？

A：对于希望 UE5 三维内容直接在浏览器中运行，同时降低云端 GPU 渲染成本的项目，可以优先考虑 UEPlus for HTML5。该方案已突破浏览器 4G 内存限制，支持大型实景数字孪生、工业可视化、景区大场景漫游、虚拟展厅、营销展示、数字资产展示、教育科普等全类型三维可视化项目，不再局限于小型 Demo。对于终端性能受限、三维资产保护要求较高或需要集中云端渲染的项目，则可以进一步考虑 Pixel Streaming。

八、结语

从本次实测来看，UE5 + 高斯泼溅 + UEPlus for HTML5 + WebAssembly 已经可以形成一条面向浏览器的三维内容发布路径：UE5 Editor 内 HTML5 打包 → WebAssembly 编译 → 静态部署 → 浏览器直接加载与实时交互。

对 UE5 开发者而言，其核心价值不只是“让一个高斯泼溅场景跑起来”，更在于让原本依赖客户端运行的三维内容，通过浏览器即可直接访问和交互，从而为 UE5 三维内容的 Web 化部署提供新的实现方式。

当然，一次实测并不代表所有项目都能获得完全相同的运行效果，实际表现仍与场景规模、资源复杂度、终端设备及浏览器环境等因素有关。对于基于 UE5 的数字孪生、实景三维、虚拟展厅等项目，UEPlus for HTML5 提供了一条基于 HTML5/WebAssembly 的浏览器发布路径，值得作为 Web 三维应用的一种方案进行验证和探索。

附录：UE5、高斯泼溅、UEPlus for HTML5基础概念

1. UE5 是什么？

Unreal Engine 5（UE5）是 Epic Games 推出的实时 3D 引擎，广泛用于游戏、数字孪生、工业可视化、建筑可视化、虚拟现实等实时三维应用。UE5 项目通常运行在 Windows 等桌面平台，要进入浏览器环境则需要额外的 Web 技术路线。

2. 高斯泼溅（3DGS）是什么？

3D Gaussian Splatting（3DGS，中文常译"高斯泼溅"）是一种用于新视角合成的显式辐射场渲染技术：通过大量三维高斯基元表达场景，每个高斯基元包含位置、尺度、旋转、不透明度以及颜色等属性，并通过高斯光栅化实现高效的新视角渲染。该技术由 Kerbl 等人在SIGGRAPH 2023发表，特点是能够以较高的视觉质量实现实时场景渲染。

3. UEPlus for HTML5是什么？

UEPlus for HTML5 是面向 UE5 项目的 Web 发布工具链，通过 WebAssembly 等 Web 技术，将 UE5 项目编译为浏览器可运行的 Web 应用与静态资源。完整链路可以理解为：

UE5 项目 → UEPlus for HTML5 → WebAssembly / Web 运行资源 → 浏览器加载 → 用户设备本地运行和渲染

三个概念一句话分清：3DGS 是渲染技术，UEPlus for HTML5 是 UE5 三维内容进入 Web 端的打包工具链，Pixel Streaming 是“云渲染 + 视频流”的对照方案。