UE4.27 源码版 可打包HTML5版本 (Windows)

写在前面

参考:
bilibili 【UE4.27可以打包HTML5啦】
GitHub 视频配套文档

前提 - 环境

  1. 安装 Git (跳转)
  2. 安装 CMake (跳转) , 安装时必须勾选 “Add CMake to the system PATH for all users” 自动配置环境变量
  3. 安装 Python3.* (跳转)
  4. 科学上网工具(下载HTML5是需要使用)
  5. VS ( Visual Studio ) 2019 (VS 2022已可以)
  6. 磁盘空间准备150G+

环境验证

Windows -> “开始” -> 输入"cmd" 打开 (或者快捷键 windows+ R ,输入 “cmd” 回车)
在这里插入图片描述
或者
在这里插入图片描述

输入指令查看对应版本
在这里插入图片描述

开始

加入 Epic Games GitHub

参考 UE4.23.1 源码版 安装 (Windows) 前面“加入 Epic Games GitHub”步骤

下载引擎源码(和4.23源码操作差异,不是下载官方GitHub的地址)

创建一个放引擎版本的文件夹(整体目录地址最好不要有中文、空格),我的目录F:\UEVersion\UE4_Source\4.27_h5 到目录下。右键,“在终端打开”
在这里插入图片描述
输入

git clone --depth 1 https://github.com/SpeculativeCoder/UnrealEngine.git ue-4.27-html5-es3

在这里插入图片描述

文档地址 git clone -b 4.27-html5-es3 --single-branch https://github.com/SpeculativeCoder/UnrealEngine.git ue-4.27-html5-es3 没下载成功,根据博主推荐使用上方地址。首次执行指令时会跳转到浏览器打开 GitHub 同意关联。
在这里插入图片描述

等待源码下载完成
在这里插入图片描述

下载完后目录下就有文件了
在这里插入图片描述

运行

替换Commit.gitdeps.xml 文件,
打开 https://github.com/EpicGames/UnrealEngine/releases 找到对应的引擎版本
在这里插入图片描述
替换
在这里插入图片描述
返回根目录,“Setup.bat” 运行。右键 -> “在终端中运行”

在这里插入图片描述
输入指令 (根据自己电脑配置和网速调整线程数量)

Setup.bat  -threads=20

在这里插入图片描述

下载HTML5

在目录Engine\Platforms\HTML5
在这里插入图片描述
空白处右键-> “Git Base Here”,运行 “HTML5Setup.sh” (这边需要科学上网,且下载时间很长)
在这里插入图片描述

如果有问题,则删除Engine\Platforms\HTML5\Buildemsdk 文件夹
在这里插入图片描述

等待下载完成
在这里插入图片描述

执行 “GenerateProjectFiles.bat
在这里插入图片描述

生成

VS 2019(或2022)打开UE4.sln
在这里插入图片描述

添加“HTML5LauncherHelper”

VS 右侧目录,选择“Programs” -> 右键 ->添加 -> “现有项目” ->选择HTML5LauncherHelper.csproj
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

批量选择项目,开始生成

按住 Ctrl 键后以此点击以下目录

  • UE4
  • AutomationTool
  • AutomationToolLauncher
  • HTML5LaunchHelper
  • ShaderCompileWorker
  • UnrealBuildTool
  • UnrealFrontend
  • UnrealHeaderTool
  • UnrealLightmass
  • UnrealPak

选择完毕后,右键 “重新生成选定内容” 等待编译完成
在这里插入图片描述

出现问题“错误 C4668 没有将“_NOEXCEPT_TYPES_SUPPORTED”定义为预处理器宏,用“0”替换“#if/#elif”

打开Engine\Plugins\Runtime\AR\Microsoft\HoloLensAR\Source\HoloLensTargetPlatform,编辑HoloLensTargetPlatform.Build.cs 最后加上 bEnableUndefinedIdentifierWarnings=false; 保存后重新生成
在这里插入图片描述
在这里插入图片描述

运行引擎4.27

在目录Engine\Binaries\Win64 下运行 “UE4Editor.exe
在这里插入图片描述
在这里插入图片描述

其他问题可参考

bilibili 【UE4.27可以打包HTML5啦】
GitHub 【UE4.27可以打包HTML5啦】视频文档
UE4.23.1 源码版 安装 (Windows)

### 如何将Unreal Engine 5项目打包HTML5 #### 准备工作 为了成功将Unreal Engine 5 (UE5) 的项目导出为HTML5版本,在开始之前需确认已安装最新的虚幻引擎,并且该版本支持WebGL平台。此外,还需确保计算机配置满足编译需求[^1]。 #### 配置项目设置 进入项目的`编辑->项目设置(Project Settings)`菜单下调整一些必要的选项来优化网页端的表现效果。特别是要关注渲染(Rendering),输入(Input),以及其他可能影响性能的部分。对于网络发布而言,适当降低画质参数可以有效减少加载时间并提高兼容性。 #### 添加HTML5平台支持 通过Epic Games Launcher打开UE5后,点击左上角的“文件(File)”按钮,选择“新建C++类(New C++ Class...)”,这里并不是真的要创建新的C++代码,而是为了让后续操作能够识别到HTML5作为目标平台之一。完成这一步之后关闭向导窗口即可。 #### 设置构建配置 前往主界面顶部栏目的`编辑(Edit)->切换平台(Switch Platforms To)...`里勾选`HTML5`项。此时如果遇到提示缺少某些依赖库,则按照指示下载安装相应的SDK或其他必要组件。 #### 开始打包过程 当一切准备就绪后,可以通过如下路径发起正式的打包流程:`文件(File)->打包项目(Package Project)->HTML5`。系统会自动处理所有的资源转换与压缩工作,最后生成可供浏览器访问的游戏文件夹。 ```bash # 假设已经完成了上述所有前置条件 cd YourProjectPath/Saved/Packages/HTML5/ python -m http.server 8080 ``` 这段简单的Python命令可以在本地开启一个简易HTTP服务器用于测试刚刚打包好的HTML5版本游戏是否正常运行。
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Miss@J

蒙君厚爱,赐以嘉赏,感激不尽。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值