UEPlus for HTML5打包项目演示
Cesium for Unreal 一键打包HTML5
深度整合Cesium功能,轻松加载在线地图数据和倾斜摄影模型,将UE逼真的三维场景与Cesium的地理场景高度融合后,在网页端流畅运行,是目前最具创新的技术前沿!搭载Wasm编程技术,执行效率远超Cesium.js。UE+Cesium通过UEPlus for H5平台可以完美的替代Three.js+Cesium.js技术方案
实景三维园区
案例拥有超大地形场景,并融合三维实景模型,通过交互将园区环境、分布等信息全面展示。使用UEPlus for HTML5平台,将客户工程一键打包。
三维可视化项目网页部署-方案对比
为什么采用UEPlus for H5解决方案实现三维可视化项目网页部署?为什么不采用Three.js和像素流技术方案?
方案对比 |
方案一 Three.js开发程序 |
方案二 像素流技术 |
方案三 UEPlus for H5解决方案 |
开发效果 | |||
画面效果 | 画面效果弱于虚幻引擎 |
使用虚幻引擎进行开发,光影效果逼真,画面效果优秀
|
使用虚幻引擎进行开发,光影效果逼真,画面效果优秀
|
部署环境 | |||
网络要求 服务器要求 |
基于浏览器缓存机制,刷新页面不重复加载
无需配置服务器显卡,部署成本低
|
对网络稳定性要求高,网速波动会引起画面卡顿,类似远程桌面
需根据最大支持的并发用户数,配置服务器显卡,部署成本高
|
基于浏览器缓存机制,刷新页面不重复加载
无需配置服务器显卡,部署成本低
|
技术门槛 | |||
编辑器 资源部署 |
可视化编辑器不太成熟
技术门槛较高
|
场景美术与三维开发均使用虚幻引擎,可视化操作,所见即所得,上手快
服务器部署技术门槛较高,设置复杂
|
场景美术与三维开发均使用虚幻引擎,可视化操作,所见即所得,上手快
快速打包HTML5直接部署
|
虚幻引擎打包HTML5技术——UEPlus for H5解决方案介绍
由于官方原生的虚幻引擎直接打包HTML5会出现很多问题,并且在UE4.23版本后就不支持打包HTML5了。
所以我们针对虚幻引擎研发了UEPlus for H5解决方案,可以用虚幻引擎更流畅的打包HTML5程序,让网页端也能开发出媲美客户端软件的精美效果。
目前本技术已最高支持UE5.2版本,并且我们还突破了虚幻引擎打包HTML5文件不能超过2G的技术瓶颈。
支持UE5.2及更早版本
支持UE UMG界面系统打包
支持国产化操作系统
支持打包场景被各种框架调用,
包括Vue2/3、React
支持一套开发同时打包发布客户
端和网页端版本
支持项目工程文件、资产文件、
蓝图文件加密管理
支持Chrome、Edge、FireFox浏览器
无需特别设置
支持多人同时访问,画面逼真流畅
支持Cesium for Unreal 打包 HTML5
无需配置服务器显卡,部署更省钱
场景突破 2GB 限制,场景更宏大
刷新页面不重复加载
支持场景中视频打包播放
我们以智慧园区一个完整成熟的商业项目为例,讲解了如何使用虚幻引擎UEPlus-H5工具打包HTML5程序的全部流程
从模型导入到项目打包全流程的操作过程,包括其中会遇到的各种问题都有完整的解答和总结。