x

Search in
Sort by:

Question Status:

Search help

  • Simple searches use one or more words. Separate the words with spaces (cat dog) to search cat,dog or both. Separate the words with plus signs (cat +dog) to search for items that may contain cat but must contain dog.
  • You can further refine your search on the search results page, where you can search by keywords, author, topic. These can be combined with each other. Examples
    • cat dog --matches anything with cat,dog or both
    • cat +dog --searches for cat +dog where dog is a mandatory term
    • cat -dog -- searches for cat excluding any result containing dog
    • [cats] —will restrict your search to results with topic named "cats"
    • [cats] [dogs] —will restrict your search to results with both topics, "cats", and "dogs"

Help with setting up HTML5 for UE 4.1.0 through Github.

I follow this tutorial and setup all requirement for html5 Downloading and Building UE4 Source https://www.youtube.com/watch?v=usjlNHPn-jo this create another unreal engine inside github when i am opening the unreal editor and going to package project i seen html5 bt in deactivate mode

is there any tutorial for beginer which will help me to create html5 project I am completely new in this please help

Product Version: Not Selected
Tags:
more ▼

asked May 11 '14 at 05:35 PM in Installation & Setup

avatar image

ameets21
16 4 10 12

(comments are locked)
10|2000 characters needed characters left
Viewable by all users

3 answers: sort voted first

Hi,

Here is the check list I normally use:

  1. Install emscripten SDK 1.16 from https://github.com/kripken/emscripten/wiki/Emscripten-SDK

  2. Generate the UE4 project by double clicking the GenerateProjectFiles.bat in the root directory

  3. In the Visual Studio project, build the Unreal Frontend

  4. Run Unreal Frontend

  5. Select the Game Launcher tab

  6. Select the Advanced... icon on the left

  7. Click the + button near the drop down to create a new profile

  8. Browse for the uproject file by selecting the Project drop down and browsing to your project location

  9. Click on the Build check box on the right side of the Build section, this will build your game or UE4Game if it is content only

  10. In the Cook section, select By the Book from the drop down

  11. Select HTML5 in the Platform list (if HTML5 does not show up here then the HTML5 target platform library wasn't built in step 3, go back to step 3 and force a clean build of Unreal Frontend)

  12. Select the map you wish to load.

  13. in the Package section select Package and Store locally and leave the options blank

  14. Select the Launch button at the bottom of the window, this will launch the build and cook process

  15. Once that completes, you should have the game in the Engine/Binaries/HTML5 directory (for a content only project) or Game/Binaries/HTML5 (for a code project) with a simple web page to load it in to.

  16. Load the web page (GameName.html) in to Firefox or Firefox 64-bit and verify your game launches.

16.a. If you want to try it in Chrome, then you will need to run a simple server. I typically run python -m SimpleHTTPServer 8888 from within the Binaries/HTML5 directory and then browse to that server in Chrome (http://127.0.0.1:8888/GameName.html).

Let me know if you run into anything after following those steps and we can troubleshoot further.

-Pete

more ▼

answered May 28 '14 at 06:44 PM

avatar image

Ravlek STAFF
1.9k 4 6 34

avatar image fdslk Jul 08 '14 at 06:04 PM

Thxs! That worked like a charm. Just one question tho' why aren't my textures showing? Is there a size limit for them? These are just 512*512 textures. alt text

captura.jpg (50.9 kB)
(comments are locked)
10|2000 characters needed characters left
Viewable by all users
more ▼

answered May 11 '14 at 10:51 PM

avatar image

Ineni.Realtime
124 28 37 45

avatar image ameets21 May 12 '14 at 04:52 AM

Do i have to delete github unreal engine and fork again with master version do u think it will work

avatar image Ehamloptiran May 12 '14 at 04:59 AM

If you already have the Unreal Engine source forked and cloned to your local PC. Then all you need to do is sync your local copy with the master branch and ensure that its up to date.

avatar image ameets21 May 12 '14 at 05:10 AM

Oh freak i have already deleted

avatar image ameets21 May 12 '14 at 05:15 AM

I am doing it again is it fine

avatar image Ehamloptiran May 12 '14 at 05:35 AM

Theres no issue with deleting your private fork and reforking. Just takes more time thats all. I think I've deleted my private fork like 4 times already.

avatar image TJ V ♦♦ STAFF May 16 '14 at 06:58 PM

Hi ameets21,

We haven't heard back from you in a few days, so we are marking this post as Resolved for tracking purposes. If you're still experiencing this issue, please feel free to post back here with additional information.

Thanks, TJ

avatar image ameets21 May 17 '14 at 11:17 PM

I am still having issue please help.... here i have attached those screenshots

avatar image ameets21 May 16 '14 at 07:26 PM

Hi according those links make me confuse There someone suggest me to use master version in github I clone in github master version I am still having deactivate grey icon on html5 there is according few ue4 previous version and recent 4.1 and 4.1.1 there much more difference

I still need help...

avatar image ameets21 May 16 '14 at 08:15 PM

alt text here i am gonna upload all images

01.jpg (152.3 kB)
avatar image ameets21 May 16 '14 at 08:16 PM

![alt text][1]

in launch showing html5

02.jpg (101.4 kB)
02.jpg (101.4 kB)
avatar image ameets21 May 16 '14 at 08:18 PM

alt text I go to project setting

alt text

03.jpg (173.7 kB)
04.jpg (265.8 kB)
avatar image ameets21 May 16 '14 at 08:21 PM

alt text This was i tried in unreal frontend Please help me :( do u hav video tutorial on this which will help me i get confuse with html5, ios and android too no matter i will do it again if i hav to

05.jpg (358.2 kB)
avatar image Ben Donatelli May 20 '14 at 06:25 PM

The instructions I posted on this page explain the process for using UnrealFrontend to generate HTML5 builds. The screenshot you've posted above is not using the "Advanced" option at the left.

Have you tried building HTML5 via Advanced->New Profile per the instructions?

avatar image ameets21 May 20 '14 at 08:58 PM

Hi ben, as per ur instruction i used master branch

bt i don knw how to use ?

i follow the advance settings bt html5 showing deactive alt text

screenshot_.jpg (209.8 kB)
avatar image Ben Donatelli May 20 '14 at 09:15 PM

The topic linked at the beginning of this answer thread has more details, but a brief overview of what you need to do:

  1. Download UE4 source from GitHub

  2. Build source code

  3. Run UnrealFrontend.exe in Engine/Binaries/Win64 folder

  4. Create profile to build project for HTML5 platform (build, cook, package, and deploy)

  5. Run HTML5 build via 64-bit browser (and possibly a local server stack like XAMPP)

This is not a very straightforward process (yet) and will take some practice to get up and running smoothly.

avatar image Ben Donatelli May 21 '14 at 02:23 PM

If the HTML5 option is grayed out, then the Emscripten environment has not been set up properly.

Verify that the Windows environment variable EMSCRIPTEN exists and that it points to a valid folder which contains the file emscripten.py.

avatar image ameets21 May 21 '14 at 08:31 PM

alt text Hi ben according ur last instruction i followed the same I re-download everything which is compatible with the same version like recently ue4.1.1 come and there was ue4 compatible source requirement i download I delete everything from github though started from begin i followed all previous steps with master version

and there UnrealFrontend advance finally html5 showing its a good sign bt still there A required platform SDK is missing and on unreal package there still html5 grey

do u know how to solve about emscripten! your right honestly i had doubt on same i don know how to install and setup emscripten

i am sharing one success till now

avatar image Ben Donatelli May 22 '14 at 02:41 PM

I tested this from scratch and was able to successfully build an HTML5 binary.

I did the following:

  • cloned EpicGames/UnrealEngine from GitHub

  • integrated the required binary zip files

  • ran GenerateProjectFiles.bat

  • built Development_Editor config of UE4

  • built Development version of UnrealFrontend

  • ran UnrealFrontend from Engine/Binaries/Win64

  • did the HTML5 profile process describe earlier

I have Emscripten 1.16 installed via their web-based SDK installer. Instructions for setting up Emscripten are included in our HTML5 documentation pages here: https://docs.unrealengine.com/latest/INT/Platforms/HTML5/GettingStarted/index.html#installingemscripten

avatar image ameets21 May 22 '14 at 04:54 PM

I get confuse with this Environment Variables.. After Installing Emscripten 1.16 what is name and value i have to put

i hav share image ref

Sorry buddy! Ben Troubling u so much :( bt i am completely new and no one here to solve my these problems

alt text

avatar image Ben Donatelli May 22 '14 at 06:45 PM

In the Environment Variables window, you need to have a definition for EMSCRIPTEN under the "System variables" section:

alt text

If you don't see a definition for EMSCRIPTEN, then the Emscripten SDK did not install properly. The SDK should take care of creating this variable for you. If it doesn't, for some reason, you can click the "New..." button and enter the following:

alt text

Note that the path here (D:\Emscripten\emscripten\1.16.0) will be different in your case. You will need to change it to wherever you installed the Emscripten SDK. The folder pointed to by the EMSCRIPTEN variable should contain a file called 'emscripten.py'

step1.png (24.7 kB)
step2.png (5.9 kB)
avatar image ameets21 May 23 '14 at 12:01 AM

alt text after installed emscripten i checked the environment where its auto created name and variable there is in folder emscripten.py exist

bt.....

001.jpg (356.1 kB)
avatar image ameets21 May 24 '14 at 07:40 PM

I am Waiting for ur reply

avatar image ameets21 May 25 '14 at 03:53 PM

link text There i tried again here is skipping files when i am building ue4 in visual studio express 2013

file skip.txt (4.9 kB)
avatar image ameets21 May 23 '14 at 12:05 AM

after installed emscripten and followed all proper setup when UnrealFrontend advance create new profile and keep all by tutorial there that html5 disable even github unreal engine html5 still disable where i am wrong :(

even in launch option A required platform SDK is missing

if u want to see i will attached all required snapshot or info please help me

alt text alt text

frontend.jpg (175.1 kB)
frontend2.jpg (207.6 kB)
(comments are locked)
10|2000 characters needed characters left
Viewable by all users

Have a look in the docs, there is all what you search :-)

https://docs.unrealengine.com/latest/INT/Platforms/HTML5/GettingStarted/index.html

more ▼

answered May 11 '14 at 09:43 PM

avatar image

Headzup
176 10 12 21

(comments are locked)
10|2000 characters needed characters left
Viewable by all users
Your answer
toggle preview:

Up to 5 attachments (including images) can be used with a maximum of 5.2 MB each and 5.2 MB total.

Follow this question

Once you sign in you will be able to subscribe for any updates here

Answers to this question