Unreal Engine 4.8.1 for Windows のHTML5パブリッシュにバグがあるので対応方法

ue4.8.1-bug-html5-publish.md

Unreal Engine 4.8.1 for Windows のHTML5パブリッシュにバグがあるので対応方法

for Mac は未検証

4.8.2でも直っていないのを確認済み

概要

Unreal Engine 4.8.1がパブリッシュするHTML5のソースの一部にバグがあって正常に実行されない。具体的にはjs中のデータファイルの指定がローカルディレクトリのフルパスで書かれているために読み込めないものと思われる。

HTML5パブリッシュのためのセットアップ

emscripten tool chain
http://kripken.github.io/emscripten-site/docs/getting_started/downloads.html

$ ./emsdk install sdk-1.29.0-64bit
$ ./emsdk activate sdk-1.29.0-64bit

↑もしかしたらこれはいらないかもしれない。あとで検証する。

プロジェクト作成

新規のプロジェクト -> Side Scroller -> モバイル/タブレット -> スケーラブルな3D/2D -> スターターコンテンツ無し

プロジェクト名: MyProject

ファイル -> プロジェクトをパッケージ化 -> ビルドコンフィギュレーション -> 出荷

※ 出荷を選択するとパブリッシュされるファイルサイズが減る

ファイル -> プロジェクトをパッケージ化 -> HTML5

バグの修正（2015.7.3時点)

出力された HTML5\MyProject.data.js を開く

21行目付近:

- var PACKAGE_NAME = 'C:\Users\hoge\src\ue4\MyProject\Binaries\HTML5\MyProject.data';
+ var PACKAGE_NAME = 'MyProject.data';

150行目付近:

- Module['removeRunDependency']('datafile_D:\Users\hoge\src\ue4\MyProject\Binaries\HTML5\MyProject.data');
+ Module['removeRunDependency']('datafile_MyProject.data');

153行目付近:

- Module['addRunDependency']('datafile_D:\Users\hoge\src\ue4\MyProject\Binaries\HTML5\MyProject.data');
+ Module['addRunDependency']('datafile_MyProject.data');

動作したサンプル

http://www.bathtimefish.com/html5/webgl/ue4/MyProject/HTML5/MyProject-HTML5-Shipping.html

Chrome, Firefoxで確認済み（けっこう重い）