已复制

UEPlus for HTML5导出项目演示

智慧园区-采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

数字城市UMG

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/1Ew8EZ5xgCvgNIkQmSR5UdQ?pwd=iyla

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/ArchVizExplorer427.html 即可打开

水流与海浪

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/1ER7NAktS__WAdGwCO6LCUA?pwd=ylfn

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/FluidFlux.html 即可打开

工厂实时光

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/1UrWLbvoFGNs6f7bvo9MjLw?pwd=u6dw

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/Factory_District.html 即可打开

仓储库房

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/1-1i4Kie_vjGjcwukOu2sdQ?pwd=09jy

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/StorageHouse.html 即可打开

汽车生产流水线

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/1HjIrkRmdV0QiIPEFDmwBPA?pwd=aaba

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/CarWeldingLine.html 即可打开

雪山科考站

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/1UwI7k7FN8hnyvR1TUoel7Q?pwd=8z3d

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/XueDi.html 即可打开

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

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/1ezILGZ7_gUOowlNr2lJKaw?pwd=ltbs

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/DixingH5.html 即可打开

精致西餐厅

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/1ZcsWGKhpX4-VLFXmT36npA?pwd=h1md

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/Contemporary.html 即可打开

瀑布流水效果

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/1_DHAgOiYpzt6MXmtoniYNg?pwd=2zm6

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/JungleParadise.html 即可打开

田园农场

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/1pS_rUJ-v56SlqJYT8gn0yw?pwd=d9ls

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/Countryside.html 即可打开

现代风格家居环境

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/1yaM4XSyET8GZfiKxxRKNcQ?pwd=9soj

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/SingaporeCondominium.html 即可打开

公寓办公室

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/1S4LhtuzankYVPBv9MhhF-A?pwd=rd9y

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/LoftOffice.html 即可打开

智慧办公BigOffice

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/134EYKEnQwvfSfk4lTO9EBw?pwd=9n9z

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/Big_office.html 即可打开

地下停车场BIM模型

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/1YsGOSIFljQlcfXFMJIepzg?pwd=z2wa

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/Bim_Rev.html 即可打开

冰川科幻基地

采用UEPlus for HTML5插件在UE4.27.2中导出H5网页效果演示

网盘下载地址: https://pan.baidu.com/s/1I90m3zG0JtLx132qnoAsUw?pwd=39wp

解压后打开目录里的exe程序,在chrome地址栏里输入: localhost:8000/ModularSciFi.html 即可打开

三维可视化项目网页部署-方案对比

为什么采用UEPlus导出HTML5实现三维可视化项目网页部署?为什么不采用Three.js和像素流技术方案?

方案对比

方案一

Three.js开发程序

方案二

像素流技术

方案三

UEPlus for HTML5技术服务

开发效果
画面效果 画面效果弱于虚幻引擎
使用虚幻引擎进行开发,光影效果逼真,画面效果优秀
使用虚幻引擎进行开发,光影效果逼真,画面效果优秀
部署环境

网络要求

服务器要求

基于浏览器缓存机制,刷新页面不重复加载
无需配置服务器显卡,部署成本低
对网络稳定性要求高,网速波动会引起画面卡顿,类似远程桌面
需根据最大支持的并发用户数,配置服务器显卡,部署成本高
基于浏览器缓存机制,刷新页面不重复加载
无需配置服务器显卡,部署成本低
技术门槛

编辑器

资源部署

可视化编辑器不太成熟
技术门槛较高
场景美术与三维开发均使用虚幻引擎,可视化操作,所见即所得,上手快
服务器部署技术门槛较高,设置复杂
场景美术与三维开发均使用虚幻引擎,可视化操作,所见即所得,上手快
快速导出HTML5直接部署

UEPlus for HTML5虚幻引擎打包H5技术服务方案介绍

由于官方原生的虚幻引擎直接导出HTML5会出现很多问题,并且在UE4.23版本后就不支持导出HTML5了。

所以我们为虚幻引擎开发了UEPlus for HTML5技术服务方案,可以用虚幻引擎更流畅的导出HTML5程序,让网页端也能开发出媲美客户端软件的精美效果。

目前本技术已最高支持UE4.27.2版本,并且我们还突破了虚幻引擎打包HTML5文件不能超过2G的技术瓶颈。

特性简介

支持UE4.27及更早版本

支持UE UMG界面系统导出

支持国产化操作系统

支持导出场景被各种框架调用,

包括Vue2/3、React

支持一套开发同时打包发布客户

端和网页端版本

支持项目工程文件、资产文件、

蓝图文件加密管理

支持Chrome、Edge、FireFox浏览器

无需特别设置

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

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

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

刷新页面不重复加载

支持场景中视频导出播放

配套视频教程

我们以智慧园区一个完整成熟的商业项目为例,保姆式讲解了如何使用虚幻引擎UEPlus for HTML5 导出HTML5程序,

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

  • 三维建模与材质设计规范
  • 二三维交互及数据联动方案
  • UI+三维场景合并导出方法
  • UEPlus for HTML5技术服务方案详解
  • 软硬件部署方案
  • 项目部署流程指导