已复制

UEPlus for HTML5打包项目演示

智慧园区-采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

Cesium for Unreal 一键打包HTML5

深度整合Cesium功能,轻松加载在线地图数据和倾斜摄影模型,将UE逼真的三维场景与Cesium的地理场景高度融合后,在网页端流畅运行,是目前最具创新的技术前沿!搭载Wasm编程技术,执行效率远超Cesium.js。UE+Cesium通过UEPlus for H5平台可以完美的替代Three.js+Cesium.js技术方案

智慧地理信息系统

利用矢量高程等GIS数据,生成逼真的地形山川、城市建筑和大型场景模型,并将其融合到大型环境地图中。

线上展厅

融合了视频播放功能和虚拟数字人物,为用户提供了独特的体验。通过UEPlus平台,可以提供出色的视频播放功能,使用户能够在虚拟现实环境中观看高质量视频内容,提高用户体验感。

汽车生产流水线

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

跑车三维可视化渲染

虚幻引擎UE打包HTML5,提供高质量浏览器渲染画面效果,助力汽车可视化展示。

战机引擎展示系统

战斗机引擎具备高质量渲染效果,可一键拆分和融合模型,并添加粒子特效,让画面效果不亚于桌面端。

大型城市环境

场景内包含了大型板块地图和经过修复的倾斜摄影模型。模型数据准确的还原了城市比例,使得场景呈现出更加真实的效果。

溶解生成功能

场景采用最新版的UEPlus打包,支持模型生成并带有溶解效果,生成效果和速度非常可观。

植被细节展示

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

模块化构建城市

UEPlus平台以接入自动化建造工具。通过采用模块化建造工具,能够显著提高工作效率,使大型城市案例的制作变得更加简便和轻松。

数字城市UMG

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

水流与海浪

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

工厂实时光

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

仓储库房

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

雪山科考站

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

采石场工程演示

场景采用精细化建模,呈现出超写实的风格渲染效果。高质量画面效果离不开 UEPlus for HTML5平台的构建

数字矿山

整体采用倾斜摄影模型,通过UEPlus平台加载并导出HTML,推进数字矿山建设,加速数字化发展。

森林、雪地、荒漠、冻土 (Q键切换场景)

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

精致西餐厅

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

瀑布流水效果

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

田园农场

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

现代风格家居环境

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

公寓办公室

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

智慧办公BigOffice

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

地下停车场BIM模型

采用UEPlus for H5 解决方案在虚幻引擎UE中打包HTML5网页效果演示

冰川科幻基地

采用UEPlus for H5 解决方案在虚幻引擎UE中打包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浏览器

无需特别设置

支持多人同时访问,画面逼真流畅

场景突破2GB限制,场景更宏大

无需配置服务器显卡,部署更省钱

刷新页面不重复加载

支持场景中视频打包播放

操作培训课程

我们以智慧园区一个完整成熟的商业项目为例,讲解了如何使用虚幻引擎UEPlus-H5工具打包HTML5程序的全部流程

从模型导入到项目打包全流程的操作过程,包括其中会遇到的各种问题都有完整的解答和总结。

  • 三维建模与材质设计规范
  • 二三维交互及数据联动方案
  • UI+三维场景合并打包方法
  • UEPlus for H5解决方案详解
  • 软硬件部署方案
  • 项目部署流程指导
UEPlus for H5平台虚幻引擎打包HTML5技术方案服务内容一览表