视频讲解
目录
- 什么是数字孪生
- [UE 引擎方案](#UE 引擎方案)
- [UE 像素流送技术（Pixel Streaming）](#UE 像素流送技术（Pixel Streaming）)
- [Web 引擎方案](#Web 引擎方案)
- [高并发场景对比：像素流送 vs Web](#高并发场景对比：像素流送 vs Web)
- 综合对比矩阵
- 选型建议
- 附录：技术术语说明
1. 什么是数字孪生
数字孪生（Digital Twin）是将物理实体的状态、行为和属性，通过物联网数据实时映射到三维虚拟模型中的技术体系，支持对真实系统的监控、仿真与智能决策。
物理世界 ──IoT数据──▶ 数字孪生平台 ──可视化──▶ 三维虚拟模型
▲ │
└─────────────── 反向控制 / 仿真优化 ────────────────┘核心挑战
| 挑战维度 | 说明 |
|---|---|
| 渲染质量 | 工厂/园区要求接近真实的三维效果，设备细节清晰可辨 |
| 并发访问 | 多部门、多终端同时在线查看，支持数百乃至数千并发 |
| 交互响应 | 点击设备查看状态、漫游巡检、操控仿真，需要低延迟 |
| 部署成本 | 服务端资源、客户端门槛、运维复杂度 |
| 跨平台兼容 | 普通用户用浏览器访问，无需安装专用软件 |
2. UE 引擎方案
技术概述
虚幻引擎（Unreal Engine，简称 UE）由 Epic Games 开发，是目前工业数字孪生领域渲染质量最高的实时引擎之一。
核心技术特性
Nanite 虚拟几何体
- 支持亿级多边形的实时渲染
- 无需人工 LOD（细节层级）减面，直接导入工业级高精度模型
- 适合精密设备、复杂管道、建筑结构等高细节场景
Lumen 全局光照
- 完全动态的全局光照系统
- 实时计算光线反弹、环境光遮蔽，效果接近离线渲染
- 支持一天中不同时段的光照模拟
其他关键能力
- Chaos 物理引擎：流体、布料、破坏效果仿真
- 序列器：摄像机动画、漫游路径编排
- 蓝图可视化脚本：无需纯代码即可实现交互逻辑
- 数据层（Data Layer） ：按需加载不同区域/楼层的模型数据
适用场景
- ✅ 高精度数字工厂（汽车、半导体、航空航天）
- ✅ 智慧园区/建筑 BIM 可视化
- ✅ 能源设施（电站、油气管道）巡检仿真
- ✅ 需要影视级渲染效果的展示类场景
局限性
- ❌ 客户端需安装 UE 运行时（约数 GB），普通用户门槛高
- ❌ 原生部署不支持纯浏览器访问（需配合像素流送）
- ❌ 并发规模受服务端 GPU 资源限制
3. UE 像素流送技术（Pixel Streaming）
技术原理
像素流送（Pixel Streaming）是 UE 内置的云渲染推流方案，将渲染计算迁移至服务端，通过 WebRTC 向浏览器实时传输画面。
┌─────────────────────────────────────────────────────┐
│ 服务端（GPU 服务器） │
│ │
│ UE 应用运行 ──帧缓冲──▶ H.264/H.265 编码器 │
│ │ │
│ WebRTC 信令服务器 │
└─────────────────────────────────┼───────────────────┘
│ WebRTC (UDP)
┌─────────────▼──────────────┐
│ 用户浏览器（客户端） │
│ │
│ 接收视频流 + 解码播放 │
│ 鼠标/键盘事件 ──▶ 回传 │
└────────────────────────────┘技术架构组成
| 组件 | 说明 |
|---|---|
| Pixel Streaming Plugin | UE 内置插件，负责帧捕获和编码 |
| Signalling Server | Node.js 信令服务器，协调 WebRTC 连接建立 |
| SFU / Turn Server | 处理 NAT 穿透，支持复杂网络环境 |
| 前端 SDK | 官方提供的 JS 库，嵌入网页即可展示流画面 |
核心优势
- 🌐 零客户端安装：用户只需打开浏览器即可访问顶级渲染效果
- 🖱️ 全交互保留：鼠标悬浮、点击、键盘操作、手柄输入均可传回服务端
- 🎨 画质无损：渲染在服务端完成，用户看到的是 GPU 直出画面
- 📱 跨设备：PC、平板、手机浏览器均可访问
延迟分析
本地操作 → 编码传输 → 网络传输 → 浏览器解码 → 画面更新
~5ms 20~80ms ~10ms
总延迟：约 35~100ms（局域网最优）注意：公网环境下延迟可能达到 100~200ms，对强实时交互场景有一定影响。
部署架构示例
┌─────────────────────────┐
│ 负载均衡 / 信令调度器 │
└────────┬────────────────┘
┌───────────────┼────────────────┐
▼ ▼ ▼
GPU Server 1 GPU Server 2 GPU Server N
[UE Instance] [UE Instance] [UE Instance]
│ │ │
└───────────────┼────────────────┘
WebRTC 流
▼
用户浏览器（1:1）⚠️ 关键约束 ：每个并发用户需要独占一个 UE 进程，即一个 GPU 实例。
4. Web 引擎方案
主流引擎对比
| 引擎 | 定位 | 适用场景 |
|---|---|---|
| Three.js | 轻量级 3D 库，社区最大 | 通用 3D 可视化、产品展示 |
| Babylon.js | 功能完整的游戏/可视化引擎 | 交互式 3D 应用、数字孪生 |
| Cesium | 地理空间 3D 引擎 | GIS、智慧城市、地图可视化 |
| deck.gl | 大数据地理可视化 | 海量点云、轨迹数据展示 |
技术架构
┌──────────────────────────────────────────┐
│ 用户浏览器 │
│ │
│ Three.js / Babylon.js / Cesium │
│ │ │
│ WebGL 2.0 / WebGPU │
│ │ │
│ GPU 硬件加速（本地） │
└──────────────────────────────────────────┘
│ HTTP/WebSocket
▼
┌──────────────────────────────────────────┐
│ 数据服务器（普通 CPU 服务器） │
│ │
│ 物联网数据接口 / 模型数据 / 业务 API │
└──────────────────────────────────────────┘核心优势
- 🚀 天然高并发：渲染在用户本地执行，服务端只下发数据
- 💰 极低部署成本：无需 GPU 服务器，普通 CDN 即可承载
- 🔧 开发生态丰富：npm 生态、React/Vue 集成、Web 标准技术栈
- 📦 零安装：浏览器直接运行，移动端友好
- 🌍 SEO 友好：可服务端渲染（SSR）
技术限制
- ⚠️ 渲染精度受 WebGL/WebGPU 能力限制，无法达到 UE Nanite/Lumen 级别
- ⚠️ 大型场景（亿级多边形）需要手动做 LOD 优化
- ⚠️ 光影效果依赖前端实现，复杂全局光照计算成本高
5. 高并发场景对比：像素流送 vs Web
架构差异
| 对比维度 | 像素流送 | Web 引擎 |
|---|---|---|
| 渲染位置 | 服务端 GPU | 用户本地 GPU |
| 服务端负载 | 每用户独占 1 个 GPU 进程 | 仅数据下发，极低 CPU/带宽 |
| 网络传输 | 视频流（H.264），高带宽 | JSON 数据 + 模型资源，低带宽 |
| 扩容方式 | 横向扩展 GPU 服务器（成本高） | CDN + 普通服务器（成本极低） |
成本估算（100 并发用户）
像素流送方案
100 并发用户
↓
需要 100 个独立 GPU 进程
↓
约 20~50 台 GPU 服务器（2~4 路 GPU/台）Web 引擎方案
100 并发用户（甚至 10,000 并发）
↓
1~2 台普通数据服务器 + CDN📊 成本比率 ：同等并发下，Web 方案成本约为像素流送方案的 1/50 ~ 1/100。
延迟对比
| 指标 | 像素流送 | Web 引擎 |
|---|---|---|
| 操作响应延迟 | 35~200ms（受网络影响） | <16ms（本地渲染，60fps） |
| 首屏加载时间 | 快（无需加载模型） | 依赖模型大小（可预加载优化） |
| 网络断线影响 | 画面立即冻结 | 已加载场景不受影响 |
并发扩展能力
像素流送并发成本（线性增长）
¥
│ ●
│ ●
│ ●
│ ●
│ ●
│ ●
│ ●
└──────────────────────────── 并发数
10 50 100 200 500
Web 引擎并发成本（几乎不增长）
¥
│ ● ● ● ● ● ● ● ● ● ● ● （近乎水平线）
└──────────────────────────── 并发数
10 50 100 200 500 10006. 综合对比矩阵
| 对比维度 | UE 原生客户端 | UE 像素流送 | Web 引擎 | 混合方案 |
|---|---|---|---|---|
| 渲染质量 | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐ |
| 并发能力 | ⭐ | ⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ |
| 部署成本 | ⭐⭐ | ⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ |
| 交互体验 | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ |
| 客户端门槛 | ⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ |
| 移动端支持 | ❌ | ✅（有延迟） | ✅ | ✅ |
| 开发难度 | ⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐ |
| 运维复杂度 | ⭐⭐⭐ | ⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ |
⭐ 越多表示该维度越优；❌ 表示不支持；✅ 表示支持
7. 选型建议
决策树
开始选型
│
▼
是否要求影视级渲染效果？
│
是│ 否
▼ ▼
并发用户规模？ ──▶ Web 引擎方案
│ （Three.js / Babylon.js / Cesium）
< 10人 < 100人 > 100人
│ │ │
▼ ▼ ▼
UE 原生 UE 像素 混合方案
客户端 流送 （关键场景像素流送
（专业工 方案 + 普通监控 Web）
作站）场景匹配建议
场景 A：高精度工厂数字孪生（内部专业用户）
推荐：UE 原生客户端
- 用户为专业工程师，可以安装客户端
- 并发少（< 10人），成本可控
- 对渲染精度要求极高（设备细节、热成像、物理仿真）
场景 B：智慧园区/楼宇可视化（跨企业访问）
推荐：UE 像素流送
- 需要高质量渲染效果作为品牌展示
- 用户来自不同企业，不能要求安装软件
- 并发量可控（< 100 人同时在线）
- 可接受 GPU 服务器的运营成本
场景 C：智慧城市 / 大规模监控大屏
推荐：Web 引擎（Cesium + Three.js）
- 面向政府/公众，访问量大，高峰期数千并发
- 以地理信息展示、状态监控为主，不需要超高精度渲染
- 成本敏感，需要低廉的运营成本
- 需要良好的移动端体验
场景 D：综合性数字孪生平台
推荐：混合方案
- Web 引擎承载日常监控、数据看板（占 80% 访问量）
- 像素流送负责重点区域精细查看、VIP 展示场景
- 按需分配 GPU 资源（弹性扩缩容），降低整体成本
8. 附录：技术术语说明
| 术语 | 说明 |
|---|---|
| Nanite | UE5 虚拟几何体系统，支持实时渲染超高面数模型 |
| Lumen | UE5 全动态全局光照系统，无需预烘焙光贴图 |
| WebRTC | Web 实时通信协议，支持低延迟音视频传输（像素流送的传输基础） |
| H.264/H.265 | 视频编码格式，像素流送使用此格式压缩 GPU 渲染画面 |
| WebGL | Web 3D 图形 API，基于 OpenGL ES，浏览器 3D 渲染的基础 |
| WebGPU | 新一代 Web GPU API，性能比 WebGL 提升显著，2023年起逐步普及 |
| LOD | Level of Detail，模型细节层级，距离远时自动降低面数以节省性能 |
| CDN | 内容分发网络，将静态资源分发到各地节点，降低延迟 |
| SFU | 选择性转发单元，WebRTC 中转服务器，优化多对多传输架构 |
| IoT | 物联网，连接物理设备传感器的网络体系 |