Create UE4 project and packaged to HTML5

Create your UE4 project

Compress settings for HTML5
--------------------------------------------------
Project Settings -> Platforms - HTML5 ->
 tick 'Packaging.Compress files during shipping packaging'

Project Settings -> Project - Packaging ->
 tick 'Packaging.Create compressed cooked packages'
 add your maps to 'Packaging.List of maps to include in a packaged build'

// 000webhost limit a file size to 128 MB max
--------------------------------------------------

Upload files to '000webhost'
--------------------------------------------------
000webhost
https://www.000webhost.com/

follow packaged folder HTML/Readme.txt upload required files
 In this case :
 index.html (rename)
 SideScroller.data.jsgz
 SideScroller.datagz
 UE4Game-HTML5-Shipping.js.symbolsgz
 UE4Game-HTML5-Shipping.jsgz
 UE4Game-HTML5-Shipping.wasmgz
 Utility.jsgz

// UE4.21 update
add upload files :
 .htaccess
 <project>.UE4.jsgz
--------------------------------------------------

View the result via .html

////////////////////////////////////////////////////////////

Remarks:

UE4's test web server (ref: HTML/Readme.txt)
Run HTML5Launcher.exe (on windows) or RunMacHTML5LaunchHelper.command (on Mac) to start a web sever
http://localhost:8000/

View .html via 'file://' don't work


Web hosting on Google Drive don't work (Using DriveToWeb)


這個網誌中的熱門文章

Windows10 版本1607後可啟用支援長路徑檔名 (Maximum Path Length Limitation)

標準使用者如何執行需系統管理者權限的程式

Shared Memory