UE4.27支持HTML5

26,880次阅读
没有评论

共计 1420 个字符,预计需要花费 4 分钟才能阅读完成。

        有一段时间没写文章了,趁着等待打包的时间,记录下近期所作的事情:如标题所示。

UnrealEngine 从 4.24 开始就不在支持 HTML5,这个看官方文档就知道了。项目中为了增加浏览器缓存的功能,查了不少资料,再 UE 中,html5 比较有价值的一个选项 IndexedDB Storage,有关 indexedDB 其实就说为了给浏览器建立客户端的数据库用于缓存从服务器下载的资源,服务于二次进入相同页面时可以少下载或者不用再从服务端下载,UE 里对应的选项如下图所示:UE4.27 支持 HTML5

在 4.23,这个按钮是灰态的,告诉你需要引擎源码才能支持,查了不少资料发现这块网络上的讲解几乎没有,因此本文章主要是介绍如何让 4.27 支持 html 并且可以勾选该选项。

先附上参考的文章:https://github.com/SpeculativeCoder/UnrealEngine-HTML5-ES3s

文章里一步步的讲的已经很多,但是实践中其实还是遇到了有些问题,这里只记录下我自己的操作过程及遇到的问题:

1、下载 4.27:https://github.com/SpeculativeCoder/UnrealEngine/tree/4.27-html5-es3

2、windows 下确保安装了

        git for windows:用于 windows 下执行.sh 文件

        vs2019 或者 2022,并在 VS 安装程序中保证勾选了 unreal 相关组件

        CMAKE

        python3.1.2

        打开翻墙软件

3、到引擎的解压目录,并且运行目录下的 Setup.bat,会继续下载引擎相关的依赖

4、到 Engine/Platforms/HTML5/ 目录下,右击 git bash 打开 bash 的控制台,把 Html5Setup.sh 拖到控制台中运行. 好了到这文章中说可以等待绿色的 succss 提示,但本人实践中在这遇到了不少问题:

        a、运行 Html5Setup.sh 内指令忽然停了: 说明有些指令出错了但是 bash 不会给你报,这里我一步步的增加调试语句,后面查出 epsdk 在 windows 下没被认出是目录底下的 python 文件,打开 HTML5Setup 并修改如下:UE4.27 支持 HTML5

        b、指令中包含了下载并且安装 epsdk 相关的插件,然后也是通过指令来设置环境变量,但是实际上并未真正的设置到环境变量中,也就会出现遇到后面 build 三方 lib 库时候出现 bash 停止继续执行的状况,bash 执行时其实有 log,windows 下会要你自己手动设置一下,bash 脚本在:UE4.27 支持 HTML5

自己手动设置的环境变量如下:

UE4.27 支持 HTML5

UE4.27 支持 HTML5

到这步应该可以等到文章里所说的 success 了。

        c、怀疑缓存问题,误删了下载的引擎内的 patch(自己的锅,后面编辑查看了脚本发现其实 就是文章作者修改 UE 内代码打包的 patch,不要乱删):UE4.27 支持 HTML5

5、回到引擎目录下运行 GenerateProjectFiles.bat,生成 sln。这步遇到了奇怪的报错:

Error while enumerating Visual Studio toolchains,需要打开 EngineSourceProgramsUnrealBuildToolPlatformWindowsUEBuildWindows.cs

修改如下:UE4.27 支持 HTML5

6、打开引擎目录下的.sln,并且编译执行,新建项目后进入,可以看到按钮是可以打开或者关闭 了。

原文地址: UE4.27 支持 HTML5

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-10-06发表,共计1420字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)