Unreal Engine 4 on Web Browser is AMAZING!

Рет қаралды 290,505

4 жыл бұрын

I tried running Unreal Engine 4 on web browser just for fun. And the result is amazing! Check this video on how I package the project in HTML5 and how it performs on Firefox.
******** Follow us on ********
Facebook: / theredstapler
Website: redstapler.co/
Twitter: / redstapler_twit
******** Studio Equipment *********
Screen Capture Card: amzn.to/3f4wRzP
Mic: amzn.to/2Uy7dKw
Audio Interface: amzn.to/3pspAyJ
#UnrealEngine #HTML #WebDev

Пікірлер: 220

@mvrdara 4 жыл бұрын

Huge potential!

@clumsypanda1039 4 жыл бұрын

if you notice some differences with lighting and effects in editor and the build version, its because the build version rendered using webgl instead of dx or vulkan

@SaiPrashanthNS 4 жыл бұрын

OMG. Never knew this. This has so much potential. Thanks!

@yuzk2 3 жыл бұрын

_had*_

@killianfischer3455 Жыл бұрын

@@yuzk2 why

@avirtualdesigner6396 3 жыл бұрын

Really amazing... can't wait to try to do the same with some of my projects!

@MFrankovvski 2 жыл бұрын

LOVE your videos! Thank you!

@pist5343 4 жыл бұрын

Thanks for the demonstration!

@cv3787 3 жыл бұрын

Wooow, I didn't know about this. Thanks for the video!!

@kaushikchelladurai5770 4 жыл бұрын

Dammnnnnnn. This channel is something else 😍🔥👌 woowwwwwww

@VVLGANESHK 3 жыл бұрын

Better you need to make unreal engine build video for web from source code

@ChrisCDXX 3 жыл бұрын

awesome info. Thank you sir!

@TerenceKearns 3 жыл бұрын

very interesting. Thanks for sharing.

@OnyxLee 4 жыл бұрын

Thanks for the test. What stopped me from going further on this path is, the package it generates for such a small scene is actually over 500 megabytes. It will be impossible for your web visitors to download because it's a webpage. But if people know they are downloading an exe, they will be more patient.

@arcadeleviathan619 2 жыл бұрын

A static welcome page that greets the visitors while the rest of the web page (the actual game) is downloading in the background via code splitting.

@valkyrieqp Жыл бұрын

Not long ago, if you wanted to play a really nice flash game, you waited the 40MB at 500kB/s without hesitation... I guess this is today's version of that, for a fun game, I'd gladly wait a bit till it's downloaded :p

@patriciotr9753 4 жыл бұрын

have you tried inserting video? Just stucked with that for some product visualization and switched to playcanvas, written in javascript and very light

@LolonOnline 4 жыл бұрын

All of the games I've released have been using ue4's html platform. I found that it's best for small experiences with simple presentation, such as low poly aesthetics or 2d, as the file size can balloon quickly. Big shame it is discontinued.

@ksidharth1994 3 жыл бұрын

How much should be the file size for a game like counter strike?

@AviKumarYT 4 жыл бұрын

Can you review how the web assembly output goes for godot engine?

@randomalex6933 2 жыл бұрын

Could you do a tutorial for this in 4.25.4 or 4.27?

@TheDruzzila 3 жыл бұрын

why i cant see the html5 option in the packaging menu

@lizzi4289 4 жыл бұрын

good, i would like to have a try

@3366ashish 3 жыл бұрын

I do not see option to export my old project as html :(

@anthonyblaise7804 2 жыл бұрын

Amazing !!

@santiagodematoslima1695 4 жыл бұрын

How do you configure those reflections to work? I cant export to HTML5 with reflections

@gedw99 3 жыл бұрын

i wonder how the team at Unreal Engine is going to start using WebGPU. WebGPU is in all browsers behind a feature flag. It will also mean the same webgpu can be used for native ( ios, desktop etc).

@patyfreenam860 3 жыл бұрын

I’m wondering if there’s a chance to run a raytracing configurator

@toapyandfriends 2 жыл бұрын

Can you make a tutorial on how to do this?

@kantyDarius 4 жыл бұрын

Which hardware combination are you using to run this? Cpu + gpu

@alxleiva 4 жыл бұрын

Damn it, since 4.24 they moved out. Now you have to build the engine from source! A lot more steps than before

@rayankothari3230 2 жыл бұрын

How to do this

@JamalBakari 3 жыл бұрын

4:01 Great to know, thank you!

@1Chitus Жыл бұрын

Hi, this is huge. Could you please do a mobile web browsing support test as well?

@missartistsky759 2 жыл бұрын

hello! thanks for the video. have you heard about pixel streaming from UE ? and what is the difference between packaging a project as html5 and pixel streaming of a project? they are both connected with deployment on the web , thank you kind regards

@digitalmimesislab7240 2 жыл бұрын

Pixel Streaming will inevitablly have some latency when you operate and the server must be powerful enough to support multiple clients.

@itaco8066 4 жыл бұрын

amazing

@jaimemedina3351 2 жыл бұрын

This is great.

@connortheandroidsentbycybe3755 4 ай бұрын

why do i not have the html5 option in the package project menu? im using ue 4.25.4

@FarhanKhan18 2 жыл бұрын

Is it possible to import figma designed interface into unreal engine ?

@God0fTime 3 жыл бұрын

WOW insane

@somethingnew9656 3 жыл бұрын

is there an option to get the game (UE4) on web browser except html5? thanks

@joey9569 3 жыл бұрын

Nice video. Is it a different if we launch it from MAC ?

@flamesword300 3 жыл бұрын

I just learned about webGPU late Thursday night. Could this mean hypothetically we could full fledged games running on web browsers in the future? In my opinion it be kind of cool if we could instantly play games without downloading them akin to cloud gaming but instead of streaming they’re running natively! I don’t know it’s any of that is actually possible but it’s interesting technology none the less!

@HiddenExp 2 жыл бұрын

I want to know the same thing!

@maarten271 Жыл бұрын

You will still need to download all the assets to the disk, only difference is it will be deleted when you close the browser and need to download the entire game again when you restart it.

@firstNamelastName-ho6lv Жыл бұрын

there is a way to allow persistan storage on your browser, at least on firefox there is.

@iiamvarun 2 жыл бұрын

Can we view it on mobile web browser as well? If put on a website

@user-ng5cq3tq1q Жыл бұрын

can it played in mobile browser with mobile touch inputs

@OhMyShad 7 ай бұрын

So I followed your tutorial and another one with Ue4,27 HTML5 plugin and right now all seems to work great like my Engine export HMTL5 project and packaging makes 0 errors. The only problem is that when I try my game locally it gets stuck on "Launching engine.." forever. Do you know how to fix that?

@raulcardenas58 3 жыл бұрын

What versión Unreal that example?

@dzeeriq 2 жыл бұрын

Can we package this on mobile browser like smartphone ? I have no clue bout it. I'll made browser game for smartphone

@jonathanxdoe 4 жыл бұрын

Volumetric light were not actual volumetric. Just textured billboards

@dogamer238 3 жыл бұрын

How do whe put it on web broser tutorial ?

@digitalillusioncalo 3 жыл бұрын

What's the project at 2:38? Im interested in "info point popup"

@guillermomazzari4983 2 жыл бұрын

It would be very interesting to make a portfolio with this, like in the train or room, were you get close to some stuff and they poop up

@eaglenebula2172 4 жыл бұрын

Worth noting that you're testing on an RTX 2060 with scenes that don't seem GPU intensive.

@xderen_xd Жыл бұрын

But with webgl you can try to mix what unreal doesn't have and what natively webgl doesn't have and ten try to use three js for things like render certain parts for better optimization

@okplayit3685 2 жыл бұрын

Wow this tech is amazing. Any popular HTML5 games use it?

@fa2176 2 жыл бұрын

Can multiplayers game port and play on Web Browser?

@user-iy2jb8st3u 4 жыл бұрын

I'm still learning Threejs, and seeing this made me skeptical about using it.

@gamechannel1271 4 жыл бұрын

Stick with Threejs, it was built specifically for the web and Unreal Engine is hot garbage. If you really want a web-friendly game engine that produces a lightweight payload so people will actually play your game and won't be turned off by download size, look at Godot or Construct 2.

@vickylance 4 жыл бұрын

try babylon its better than three.js

@warvstar 3 жыл бұрын

@@gamechannel1271 you can get initial download sizes to under 15mb, then it's all just about your content, the content can be downloaded in the background after it starts as needed.

@suneel1875 2 жыл бұрын

@@warvstar How you go about doing it. Can you link me course

@AchwaqKhalid 4 жыл бұрын

Huge potential especially in education 🖥

@TheOfficialMarioGalaxyFanclub 3 жыл бұрын

User: “CHROME, WHAT DOES THE SCOUTER SAY ABOUT IT’S POWER LEVEL?! “ Chrome: “IT’S OVER 9000!!!”

@sergiojhdz 2 жыл бұрын

how does this compare with three.js?

@justafreak15able 4 жыл бұрын

Which version is that?

@YoyoBoum1 2 жыл бұрын

Hi, what UE version are you using please?

@matpoliquin 4 жыл бұрын

Which UE version are you using?

@yulawah 3 жыл бұрын

Some people dont understand that unreal engine can be interactive content on website. Hope developer can continue this one to lastest version

@raulcardenas58 4 жыл бұрын

How can I export a project to upload to my website? Actually I have version 4.24, but now the export is much more complex, I have to use GitHub now, I think they complicated that process and I don't understand why, how could I upload an interactive Unreal project to my website? Thank you

@ricardoleonardoolivaresven1949 3 жыл бұрын

tengo la misma duda

@rugalmen 3 жыл бұрын

Hi, i have a doubt, idk why in my UE version i cant see de HTML5 packaging, do you know why it happens? :( Thank you for the video :)

@BriskKnuhm 2 жыл бұрын

there is no support for it after V4.24.3

@FPChris 2 жыл бұрын

Did it require the browser to download that 568MB MyProject.data file?

@ManojChauhan-kl3dh 3 жыл бұрын

nice sir but my question is that .how to get your unreal engine 4 game HTML5 project working on wordpress based personnel website not on local host...Please make tutorial step by step ...? I have searched all over internet but didn't find good info on this topic.

@shubhamsharma0099 4 жыл бұрын

What is this ,, is this something that i can use unreal engine in browser or in Chrome browser

@Critters 4 жыл бұрын

What's the file size of an empty scene?

@santiagodematoslima1695 4 жыл бұрын

arround 90/100mb

@Critters 4 жыл бұрын

@@santiagodematoslima1695 Thanks

@centargamer4754 2 жыл бұрын

How do I do this on 4.26.2 ???

@williamedwards6113 2 жыл бұрын

Does this mean it could theoretically run on a high end phone

@sebastianblatter7718 2 ай бұрын

How is the progress on this?

@jibinjohn8263 4 жыл бұрын

How is the performance?

@TheSamdoody 2 жыл бұрын

Package Project Option not showing in unreal engine 5 how can i package project HTML5??

@Bk00008 2 жыл бұрын

i cant find the html5 package

@kassperplus 4 жыл бұрын

Flash games must be evolving

@RedStapler_channel 4 жыл бұрын

remember waiting 5 min for it to load via 56k dial up? that was a good time.

@kassperplus 4 жыл бұрын

@@RedStapler_channel yeah I remember that lol, the problem is everyone at home knows you are using internet by picking up the telephone

@nishiDigital Жыл бұрын

Hi, Do you know if this solution exists fr UE5 +

@konraddobson 2 жыл бұрын

Has this feature been removed?

@idcrafter-cgi 3 жыл бұрын

the browser render engine has the same engine level as mobile

@chlbrn 3 жыл бұрын

I am thinking of reducing html files size with Unreal. Using Unreal is much much quicker than coding everything in visual studio code. But Unreal has some required files which takes time to download.

@somethingnew9656 3 жыл бұрын

what if dedicated server is used to take all the load of size of the html5 package file, first of all is it at all feasible to use dedicated server for html5, does it make sense at all? please let me know. I am struggling with problem as well. Thanks

@chlbrn 3 жыл бұрын

@@somethingnew9656 I am afraid that you still need to download files to your cell phone even you use dedicated server. Dedicated server IMO is great for reducing lagging and making downloading/uploading smoothly. But it probably will not reduce required data that needs to be loaded in your browser. Our last project used visual studio code and three.js instead of unreal. We probably are gonna try unity for future projects since unreal has stopped html support for future release. Hope this helps.

@thorebl 4 жыл бұрын

Isn't the support for HTML in newer versions discontinue d?

@mb.3d671 4 жыл бұрын

yes only 4.23 and lower i recommend 4.22 its 10gb

@Broockle 2 жыл бұрын

@@mb.3d671 darn, my project is for 4.24 and I can't downgrade. Is there another way? 😆

@robertjones6891 2 жыл бұрын

It's a shame they stopped supporting this before it had a chance to really shine.

@astrodysseus 4 жыл бұрын

Hi Red Stapler. A couple of things: this functionality has been here for some time in UE4. In theory it's very cool, in practice its unusable except for demo. If you look at 1:09, one of the reason is quite visible: 600MB+ of data to load. In addition, like for a mobile project, UE4 has several limitations that you have to be aware of (eg number of lights, polygons etc). So once again, in theory great, in practice unusable. From memory, Unity is doing a better job on both mobile and web (And I am saying that while being a UE4 fan).

@somethingnew9656 3 жыл бұрын

@astrodysseus 3 жыл бұрын

@@somethingnew9656 well it doesn't really matter. The two issues you will be facing are: 1) browser don't have UE4 code, so to launch a UE4 program, a user need to download that library on the client side so that your browser understand UE4 code; UE team has made large progress in improving this but as they can not reprogram everything, they rely on an interpreter, so it's a lot to load; a dedicated server would just help to improve download time on the user side; 2) as the code has to be interpreted, you have a bunch of loading time. Don't get me wrong: it usually works and it's great to see a UE4 code working on a browser (in my time, a lot of crash/bug/limitations though), but it does take a long time to load. It depends if your users are willing to wait that amount of time or not.

@okshaktiman5903 3 жыл бұрын

I have selected default game project and it's not showing me HTML5 option in package project, why?

@Scoare 3 жыл бұрын

It’s because they removed it in the newer versions

@NazzarenoGiannelliCG 4 жыл бұрын

In order to eliminate download times and in order to enable to play high end apps on any device, you should check out Unreal Engine Pixel Streaming solution.

@adriangabrielgramada1016 2 жыл бұрын

WONDERFUL,WONDERFUL-WONDERFUL :) But how do I go about it to get everything from Unreal to a fully 3D interactive website for architectural and design presentations ? Thank-you :)

@adriangabrielgramada1016 2 жыл бұрын

Nevermind 😁 Found everything I need to do it 😉

@avramidis3d 2 жыл бұрын

@@adriangabrielgramada1016 How did you proceed with that? This is something I'm looking after and UE seems a struggle for the moment.

@adriangabrielgramada1016 2 жыл бұрын

@@avramidis3d Everything is actually with Unreal Engine Editor under export options ... Or at least it should be ;) No other tricks, just the native support fir web exporting

@nestormoiseshernandezjimen3930 2 жыл бұрын

@@adriangabrielgramada1016 Donde puedo encontrar esa informacion

@yuzk2 3 жыл бұрын

It seems they've given up no html5 support, what a shame

@ManojChauhan-kl3dh 4 жыл бұрын

nice but like you said.it runs on local server.how about run it on global internet ?how can we run small game or low poly model on internet or website instead of local host ?could you please make tutorial if it is possible?

@ZephrymWOW 3 жыл бұрын

Its just a web application. Deploy it like any other

@AGSammy 2 жыл бұрын

Hey man I’m still having trouble putting my game online like this. Does this still work for 4.27?

@killianfischer3455 Жыл бұрын

sadly no

@GroockG 2 жыл бұрын

Wish this wasn't removed from post 4.23 versions, going to try it on an older game engine version though, thanks

@GroockG 2 жыл бұрын

Now to figure out how to downgrade a world...

@CGITanous 4 жыл бұрын

This is amazing. Do you know how can i add a video player that works? I've been having problems with it.

@Shev4uk 2 жыл бұрын

how about UE5?

@EzequielRegaldo 4 жыл бұрын

Service workers + caché api + unreal engine = download problem resolved :D

@ZigSputnik Жыл бұрын

I have a new installation of UE5 but there is no Package Project option in the File menu, and so no way to build as HTML.

@Way_Of_The_Light Жыл бұрын

Still no luck?

@ZigSputnik Жыл бұрын

@@Way_Of_The_Light Well UE5 discontinued the export for web facility in later editions, so I've switched to Unity.

@andres2290 4 жыл бұрын

My PC: So you have chosen... Death...

@seansopata5121 4 жыл бұрын

Yeah, they removed html5, but you can use pixel streaming to run a game in a browser.

@GastlyGrounds 10 ай бұрын

Why did they remove this in UE5 :(

@nunuchefollette 3 жыл бұрын

Désolée mais depuis la version 4.26.1, on a plus de HTML 5

@preflopstore9718 3 жыл бұрын

That’s a bummer not natively being able to export to html5...

@memesforgenz4736 4 жыл бұрын

Your channel is named red stapler but your logo is a white stapler with a red background

@floriangro7662 4 жыл бұрын

I thought they removed the html5 support for the newer versions of the engine?!

@YeOldeKamikaze 4 жыл бұрын

Yes, he explaints that near the end of the video.

@___xyz___ 4 жыл бұрын

4:02

@nishalk781 4 жыл бұрын

Is there a way to do this in unity?

@YoshioArts 4 жыл бұрын

Yes, Unity outputs to WebGL. It's pretty robust.

@michaelperrigo 3 ай бұрын

Why update for 2024?

@RinoMoen 2 жыл бұрын

There is no HTML5 there tho? I'm on 4.27.1

@blueeple Жыл бұрын

But why don't epic use this for fortnite ios on browser

@Mishi_Mikaela 4 жыл бұрын

w-what is this... *magic*