Html5 showing black screen when testing

Development Platform & Builds
, , ,
1

Every time I attempt to open the game in the browser I see the loading bar at the top saying it is downloading and then followed by the bar disappearing and the screen goes black and only the debug menu at the bottom is visible.

This is the log that is outputted after the screen goes black. I am currently using 4.7.2 and used blueprint for the programming. I would appreciate if someone could tell me what is wrong from this log… I have attempted to find the problem a few times and even Google searched it with not luck. Also, I hope this is the correct section as I am trying to deploy the game to a live environment.

L
LogHTML5Launch:Display: Starting UE4 ... 

LogHTML5Launch:Display: Command line:    ../../../JamOnePrototype/JamOnePrototype.uproject        -Messaging     

LogTemp:Display: PreInit Start
LogInit:Display: Running engine for game: JamOnePrototype
LogInit:Display: Project file not found: ../../../JamOnePrototype/JamOnePrototype.uproject
LogInit:Display: 	Attempting to find via project info helper.
LogUProjectInfo: Found projects:
LogConfig:Warning: Failed to saved backup for config[Engine]
L
LogConfig:Warning: Failed to saved backup for config[Game]
L
LogConfig:Warning: Failed to saved backup for config[Input]
L
LogConfig:Warning: Failed to saved backup for config[Scalability]
L
LogConfig:Warning: Failed to saved backup for config[GameUserSettings]
LogInit: Version: 4.7.2-2467323+++depot+UE4-Releases+4.7
LogInit: API Version: 2455222
LogInit: Compiled (32-bit): Mar  2 2015 23:17:07
LogInit: Compiled with Clang: 3.3 
LogInit: Build Configuration: Development
LogInit: Branch Name: ++depot+UE4-Releases+4.7
LogInit: Command line:         -Messaging     
LogInit: Base directory: 
LogInit: Rocket: 1
[2015.03.05-20.10.02:910][  0]LogTaskGraph: Started task graph with 2 named threads and 3 total threads.
L
[2015.03.05-20.10.02:912][  0]LogOnline:Warning: No default platform service specified for OnlineSubsystem
[2015.03.05-20.10.02:913][  0]LogInit: Presizing for 0 objects not considered by GC, pre-allocating 0 bytes.
[2015.03.05-20.10.02:939][  0]LogInit: Object subsystem initialized
L
[2015.03.05-20.10.02:950][  0]LogConsoleResponse:Warning: Skipping Unknown console variable: 'UIScaleRule = ShortestSide'
L
[2015.03.05-20.10.02:952][  0]LogConsoleResponse:Warning:   Found in ini file '../../../JamOnePrototype/Saved/Config/HTML5/Engine.ini', in section '[/Script/Engine.RendererSettings]'
L
[2015.03.05-20.10.02:953][  0]LogConsoleResponse:Warning: Skipping Unknown console variable: 'UIScaleCurve = (EditorCurveData=(Keys=),ExternalCurve=None)'
L
[2015.03.05-20.10.02:955][  0]LogConsoleResponse:Warning:   Found in ini file '../../../JamOnePrototype/Saved/Config/HTML5/Engine.ini', in section '[/Script/Engine.RendererSettings]'
L
[2015.03.05-20.10.02:959][  0]LogConsoleManager:Warning: Console variable 'r.MSAA.CompositingSampleCount' wasn't set (Priority ProjectSetting < Scalability)
L
[2015.03.05-20.10.02:984][  0]LogConfig:Warning: Failed to saved backup for config[DeviceProfiles]
[2015.03.05-20.10.02:989][  0]LogInit: Setting Device Profile CVar: [[r.RefractionQuality:0]]
[2015.03.05-20.10.02:991][  0]LogInit: Computer: Browser
[2015.03.05-20.10.02:992][  0]LogInit: User: GenericUser
[2015.03.05-20.10.02:994][  0]LogInit: Current Culture: en-US
[2015.03.05-20.10.02:995][  0]LogInit: High frequency timer resolution =1.000000 MHz
[2015.03.05-20.10.02:996][  0]LogInit: Memory total: Physical=0.5GB (1GB approx) 
[2015.03.05-20.10.03:001][  0]LogRHI: Initializing OpenGL RHI
[2015.03.05-20.10.03:003][  0]LogRHI:   GL_VENDOR: Mozilla
[2015.03.05-20.10.03:004][  0]LogRHI:   GL_RENDERER: Mozilla
[2015.03.05-20.10.03:005][  0]LogRHI:   GL_VERSION: WebGL 1.0
[2015.03.05-20.10.03:006][  0]LogRHI:   GL_SHADING_LANGUAGE_VERSION: OpenGL ES GLSL 1.00 (WebGL)
[2015.03.05-20.10.03:008][  0]LogRHI: OpenGL Extensions:
[2015.03.05-20.10.03:009][  0]LogRHI:   ANGLE_instanced_arrays
[2015.03.05-20.10.03:010][  0]LogRHI:   GL_ANGLE_instanced_arrays
[2015.03.05-20.10.03:011][  0]LogRHI:   EXT_blend_minmax
[2015.03.05-20.10.03:012][  0]LogRHI:   GL_EXT_blend_minmax
[2015.03.05-20.10.03:013][  0]LogRHI:   EXT_frag_depth
[2015.03.05-20.10.03:014][  0]LogRHI:   GL_EXT_frag_depth
[2015.03.05-20.10.03:016][  0]LogRHI:   EXT_shader_texture_lod
[2015.03.05-20.10.03:017][  0]LogRHI:   GL_EXT_shader_texture_lod
[2015.03.05-20.10.03:018][  0]LogRHI:   EXT_texture_filter_anisotropic
[2015.03.05-20.10.03:019][  0]LogRHI:   GL_EXT_texture_filter_anisotropic
[2015.03.05-20.10.03:020][  0]LogRHI:   OES_element_index_uint
[2015.03.05-20.10.03:021][  0]LogRHI:   GL_OES_element_index_uint
[2015.03.05-20.10.03:022][  0]LogRHI:   OES_standard_derivatives
[2015.03.05-20.10.03:023][  0]LogRHI:   GL_OES_standard_derivatives
[2015.03.05-20.10.03:025][  0]LogRHI:   OES_texture_float
[2015.03.05-20.10.03:026][  0]LogRHI:   GL_OES_texture_float
[2015.03.05-20.10.03:027][  0]LogRHI:   OES_texture_float_linear
[2015.03.05-20.10.03:028][  0]LogRHI:   GL_OES_texture_float_linear
[2015.03.05-20.10.03:029][  0]LogRHI:   OES_texture_half_float
[2015.03.05-20.10.03:030][  0]LogRHI:   GL_OES_texture_half_float
[2015.03.05-20.10.03:033][  0]LogRHI:   OES_texture_half_float_linear
[2015.03.05-20.10.03:034][  0]LogRHI:   GL_OES_texture_half_float_linear
[2015.03.05-20.10.03:036][  0]LogRHI:   OES_vertex_array_object
[2015.03.05-20.10.03:038][  0]LogRHI:   GL_OES_vertex_array_object
[2015.03.05-20.10.03:039][  0]LogRHI:   WEBGL_color_buffer_float
[2015.03.05-20.10.03:041][  0]LogRHI:   GL_WEBGL_color_buffer_float
[2015.03.05-20.10.03:042][  0]LogRHI:   WEBGL_compressed_texture_s3tc
[2015.03.05-20.10.03:043][  0]LogRHI:   GL_WEBGL_compressed_texture_s3tc
[2015.03.05-20.10.03:044][  0]LogRHI:   WEBGL_depth_texture
[2015.03.05-20.10.03:046][  0]LogRHI:   GL_WEBGL_depth_texture
[2015.03.05-20.10.03:047][  0]LogRHI:   WEBGL_lose_context
[2015.03.05-20.10.03:048][  0]LogRHI:   GL_WEBGL_lose_context
[2015.03.05-20.10.03:049][  0]LogRHI:   MOZ_WEBGL_lose_context
[2015.03.05-20.10.03:050][  0]LogRHI:   GL_MOZ_WEBGL_lose_context
[2015.03.05-20.10.03:051][  0]LogRHI:   MOZ_WEBGL_compressed_texture_s3tc
[2015.03.05-20.10.03:052][  0]LogRHI:   GL_MOZ_WEBGL_compressed_texture_s3tc
[2015.03.05-20.10.03:053][  0]LogRHI:   MOZ_WEBGL_depth_texture
[2015.03.05-20.10.03:054][  0]LogRHI:   GL_MOZ_WEBGL_depth_texture
[2015.03.05-20.10.03:055][  0]LogRHI:   GL_MAX_VERTEX_UNIFORM_VECTORS: 254
[2015.03.05-20.10.03:056][  0]LogRHI:   GL_MAX_FRAGMENT_UNIFORM_VECTORS: 221
L
[2015.03.05-20.10.03:058][  0]LogRHI:Warning: Device reports support for 254 vertex uniform vectors, UE4 requires 256. Rendering artifacts may occur, especially with skeletal meshes. Some drivers, e.g. iOS, report a smaller number than is actually supported.
[2015.03.05-20.10.03:063][  0]LogRHI: Fragment shader lowp precision: 23
[2015.03.05-20.10.03:064][  0]LogRHI: Fragment shader mediump precision: 23
[2015.03.05-20.10.03:065][  0]LogRHI: Fragment shader highp precision: 23
[2015.03.05-20.10.03:066][  0]LogRHI:   GL_MAX_TEXTURE_SIZE: 16384
[2015.03.05-20.10.03:067][  0]LogRHI:   GL_MAX_CUBE_MAP_TEXTURE_SIZE: 16384
[2015.03.05-20.10.03:068][  0]LogRHI:   GL_MAX_RENDERBUFFER_SIZE: 16384
[2015.03.05-20.10.03:070][  0]LogRHI:   GL_MAX_TEXTURE_IMAGE_UNITS: 16
[2015.03.05-20.10.03:071][  0]LogRHI:   GL_MAX_COLOR_ATTACHMENTS: 1
[2015.03.05-20.10.03:072][  0]LogRHI:   GL_MAX_SAMPLES: 1
[2015.03.05-20.10.03:073][  0]LogRHI:   GL_MAX_COLOR_TEXTURE_SAMPLES: 1
[2015.03.05-20.10.03:074][  0]LogRHI:   GL_MAX_DEPTH_TEXTURE_SAMPLES: 1
[2015.03.05-20.10.03:075][  0]LogRHI:   GL_MAX_INTEGER_SAMPLES: 1
[2015.03.05-20.10.03:076][  0]LogRHI:   GL_MAX_COMBINED_TEXTURE_IMAGE_UNITS: 20
[2015.03.05-20.10.03:077][  0]LogRHI:   GL_MAX_VERTEX_ATTRIBS: 16
[2015.03.05-20.10.03:078][  0]LogRHI:   GL_MAX_TEXTURE_MAX_ANISOTROPY_EXT: 16
[2015.03.05-20.10.03:080][  0]LogRHI: OpenGL MajorVersion = 2, MinorVersion = 0, ShaderPlatform = GLSL_ES2_WEBGL, FeatureLevel = ES2
[2015.03.05-20.10.03:091][  0]LogTextLocalizationManager: The requested culture ('en_US') has no localization data; parent culture's ('en') localization data will be used.
L
[2015.03.05-20.10.03:613][  0]LogConfig:Warning: Failed to saved backup for config[EditorUserSettings]
[2015.03.05-20.10.03:742][  0]LogObj: 20182 objects as part of root set at end of initial load.
[2015.03.05-20.10.03:744][  0]LogUObjectAllocator: 2963248 out of 0 bytes used by permanent object pool.
L
[2015.03.05-20.10.03:745][  0]LogHTML5Launch:Display: PreInit Complete
L
[2015.03.05-20.10.03:747][  0]LogHTML5Launch:Display: Init Start
[2015.03.05-20.10.03:749][  0]LogEngine: Initializing Engine...
[2015.03.05-20.10.03:779][  0]LogALAudio: ALAudio device opened : Device
[2015.03.05-20.10.03:782][  0]LogALAudio: AL_VENDOR      : Emscripten
[2015.03.05-20.10.03:784][  0]LogALAudio: AL_RENDERER    : WebAudio
[2015.03.05-20.10.03:785][  0]LogALAudio: AL_VERSION     : 1.1
[2015.03.05-20.10.03:786][  0]LogALAudio: AL_EXTENSIONS  : 
[2015.03.05-20.10.03:787][  0]LogInit: FAudioDevice initialized.
[2015.03.05-20.10.03:789][  0]LogInit: Texture streaming: Disabled
L
[2015.03.05-20.10.03:796][  0]LogConfig:Warning: Failed to saved backup for config[GameUserSettings]
L
[2015.03.05-20.10.03:801][  0]LogConfig:Warning: Failed to saved backup for config[GameUserSettings]
[2015.03.05-20.10.03:825][  0]LogNet: Browse: /Game/Maps/GameMap?Name=Player
[2015.03.05-20.10.03:826][  0]LogLoad: LoadMap: /Game/Maps/GameMap?Name=Player
[2015.03.05-20.10.03:840][  0]LogMemory: Platform Memory Stats for HTML5
[2015.03.05-20.10.03:842][  0]LogMemory: Process Physical Memory: 0.00 MB used, 0.00 MB peak
[2015.03.05-20.10.03:843][  0]LogMemory: Process Virtual Memory: 0.00 MB used, 0.00 MB peak
[2015.03.05-20.10.03:844][  0]LogMemory: Physical Memory: 512.00 MB used, 512.00 MB total
[2015.03.05-20.10.03:845][  0]LogMemory: Virtual Memory: 0.00 MB used, 0.00 MB total
[2015.03.05-20.10.03:847][  0]LogMemory: 
[2015.03.05-20.10.03:848][  0]Allocator Stats for ANSI: (not implemented)
[2015.03.05-20.10.04:238][  0]LogWorld: Game class is '2DSideScrollerGameMode_C'
L
[2015.03.05-20.10.04:246][  0]LogStats:Warning: MetaData mismatch. Did you assign a stat to two groups? New //STATGROUP_Threads//None///Thread_10000_0///////STATCAT_Advanced//// old //STATGROUP_Threads//None///Thread_ffff_0///////STATCAT_Advanced////
L
[2015.03.05-20.10.04:249][  0]LogStats:Warning: MetaData mismatch. Did you assign a stat to two groups? New //STATGROUP_Threads//None///Thread_10001_0///////STATCAT_Advanced//// old //STATGROUP_Threads//None///Thread_ffff_0///////STATCAT_Advanced////
L
[2015.03.05-20.10.04:259][  0]LogModuleManager:Warning: ModuleManager: Module 'GameplayDebugger' not found - its StaticallyLinkedModuleInitializers function is null.
[2015.03.05-20.10.04:260][  0]LogAIModule: Creating AISystem for world GameMap
[2015.03.05-20.10.04:371][  0]LogWorld: Bringing World /Game/Maps/GameMap.GameMap up for play (max tick rate 0) at 2015.03.05-15.10.04
[2015.03.05-20.10.04:373][  0]LogWorld: Bringing up level for play took: 0.110640
L
[2015.03.05-20.10.04:384][  0]LogRenderer:Warning: Reallocating scene render targets to support 1336x840 (Frame:2).
L
[2015.03.05-20.10.04:430][  0]LogRHI:Warning: Texture 0 (Resource 107) has a non-clamp mode; switching to clamp to avoid driver problems
L
[2015.03.05-20.10.04:435][  0]LogRHI:Warning: Texture 0 (Resource 182) has a non-clamp mode; switching to clamp to avoid driver problems
L
[2015.03.05-20.10.04:437][  0]LogRHI:Warning: Texture 0 (Resource 136) has a non-clamp mode; switching to clamp to avoid driver problems
L
[2015.03.05-20.10.04:498][  0]LogRHI:Warning: Texture 0 (Resource 88) has a non-clamp mode; switching to clamp to avoid driver problems
L
[2015.03.05-20.10.04:501][  0]LogRHI:Warning: Texture 0 (Resource 97) has a non-clamp mode; switching to clamp to avoid driver problems
L
[2015.03.05-20.10.04:505][  0]LogRHI:Warning: Texture 0 (Resource 101) has a non-clamp mode; switching to clamp to avoid driver problems
L
[2015.03.05-20.10.04:507][  0]LogRHI:Warning: Texture 0 (Resource 100) has a non-clamp mode; switching to clamp to avoid driver problems
L
[2015.03.05-20.10.04:509][  0]LogInit:Display: Game Engine Initialized.
L
[2015.03.05-20.10.04:511][  0]LogHTML5Launch:Display: Init Complete
2

I’m having the same problem, looks like epic just decided to ruin HTML5 for 4.7.2, just like they ruined android in 4.7.0.

I have no idea or understanding what sort of twisted logic this is, I mean at least I can download 4.6.x if I really want to, but I can’t go back to 4.7.1 where HTML5 actually worked.

To say that I’m angry would be an understatement. Why they would break something that worked perfectly is beyond me.

3

Project Settings → Rendering → Anti-Aliasing Method to TemporalAA. I am using 4.7.5

I had everything showing up as black and this fixed it for me. I can’t know if this will fix it for you, but I’d give it a try! I learned this from TheSlowLourse HTML5 not working on 4.7.2 Black Screen - Platform & Builds - Epic Developer Community Forums

Update: I currently only use unlit textures so if you use Base Color stuff it might be beyond just changing the AA method. As a side note, be sure to be running in a 64 bit browser, they allow you to run 32 bit browsers but they’ll cause all kinds of issues. Sharing and Releasing Projects for Unreal Engine | Unreal Engine 5.2 Documentation Either way I hope a real fix is in the works!

4

Changing the Antialias from none to Temporal AA works for me! thanks! :slight_smile: