Unity3D WebGL Headless 不渲染

Question

我已经发布了 same question在 Unity 的论坛上，但没有任何答案，因此也将其发布在这里。

我一直在尝试运行 Unity WebGL 内置 headless (headless)模式 (通过 puppeteer)同时保存游戏的“屏幕截图”，但相机渲染似乎不起作用。 结果图像全黑 .

它作品 正如预期的那样 未处于 headless (headless)模式 (但仍然是 WebGL )。
它还作品 正确地在 独立构建 (例如，windows、mac)，通过 -batchMode .

这是有问题的代码:

// Problem seems to be in the following 2 lines
RenderTexture.active = camera.targetTexture;
camera.Render();

// same dimensions, both in headless and not headless
Debug.Log("CAMERA TARGET TEXTURE WIDTH: " + camera.targetTexture.width);
Debug.Log("CAMERA TARGET TEXTURE HEIGHT: " + camera.targetTexture.height);

tempTexture2D = new Texture2D(camera.targetTexture.width, camera.targetTexture.height, TextureFormat.RGB24, false);
tempTexture2D.ReadPixels(new Rect(0, 0, camera.targetTexture.width, camera.targetTexture.height), 0, 0);
tempTexture2D.Apply();

// RGBA(0.000, 0.000, 0.000, 1.000): totally black, when in WebGL headless mode. Works fine otherwise.
Debug.Log(tempTexture2D.GetPixels(100, 100, 1, 1)[0].ToString());

// Encode texture into JPG
byte[] bytes = tempTexture2D.EncodeToJPG();

// byte count is almost half when in headless mode
Debug.Log("IMG " + frameNumber + " byte count: " + bytes.Length);
// save to persistentData (indexedDB in WebGL)
// that data is then read on client side and encoded again

我发现 Webgl headfull 和 headless 版本之间存在一些差异(分别在下面的图片)。



我也试过设置 --use-gl=swiftshader它具有更好的 gpu 统计数据，但仍以黑色显示所有内容:


需要明确的是，我传递给 Chrome 的参数如下:

args:[
 '--headless',
 '--hide-scrollbars',
 '--mute-audio',
 '--no-sandbox',
 '--use-gl=swiftshader' // tested with and without
]

headless (headless)日志输出 来自 unity 的内容如下:

PAGE LOG: Loading player data from data.unity3d
PAGE LOG: Initialize engine version: 2018.4.10f1 (a0470569e97b)
PAGE LOG: Creating WebGL 2.0 context.
PAGE LOG: Renderer: WebKit WebGL
PAGE LOG: Vendor: WebKit
PAGE LOG: Version: OpenGL ES 3.0 (WebGL 2.0 (OpenGL ES 3.0 Chromium))
PAGE LOG: GLES: 3
PAGE LOG: EXT_color_buffer_float GL_EXT_color_buffer_float EXT_float_blend GL_EXT_float_blend EXT_texture_filter_anisotropic GL_EXT_texture_filter_anisotropic OES_texture_float_linear GL_OES_texture_float_linear WEBGL_compressed_texture_etc GL_WEBGL_compressed_texture_etc WEBGL_compressed_texture_etc1 GL_WEBGL_compressed_texture_etc1 WEBGL_compressed_texture_s3tc GL_WEBGL_compressed_texture_s3tc WEBGL_debug_renderer_info GL_WEBGL_debug_renderer_info WEBGL_debug_shaders GL_WEBGL_debug_shaders WEBGL_lose_context GL_WEBGL_lose_context
PAGE LOG: OPENGL LOG: Creating OpenGL ES 3.0 graphics device ; Context level <OpenGL ES 3.0> ; Context handle 1
PAGE LOG: UnloadTime: 0.340000 ms
PAGE LOG: [.WebGL-0x7fcdb69e1600]GL ERROR :GL_INVALID_OPERATION : glFramebufferTexture2D: <- error from previous GL command
PAGE LOG: [.WebGL-0x7fcdb69e1600]GL ERROR :GL_INVALID_OPERATION : GetShaderiv: <- error from previous GL command
PAGE LOG: WebGL: INVALID_OPERATION: renderbufferStorageMultisample: samples out of range
PAGE LOG: [.WebGL-0x7fcdb69e1600]GL ERROR :GL_INVALID_FRAMEBUFFER_OPERATION : glClear: framebuffer incomplete
PAGE LOG: [.WebGL-0x7fcdb69e1600]GL ERROR :GL_INVALID_FRAMEBUFFER_OPERATION : glDrawElements: framebuffer incomplete
PAGE LOG: [.WebGL-0x7fcdb69e1600]GL ERROR :GL_INVALID_FRAMEBUFFER_OPERATION : glDrawArrays: framebuffer incomplete
PAGE LOG: [.WebGL-0x7fcdb69e1600]GL ERROR :GL_INVALID_FRAMEBUFFER_OPERATION : glBlitFramebufferCHROMIUM: framebuffer incomplete

问题可能出在 WebGL 硬件加速上吗？我可以从我的 WebGL 构建中禁用它吗？

这个问题似乎与:Rendering WebGL image in headless chrome without a GPU有关

但这似乎工作正常，至少在 MacOS 下:
https://github.com/Apidcloud/WebGLHeadlessRendering

所以我仍然假设它与Unity3D有关。即使 满头的 ，它会变成 黑色 使用时 swift shader ，唯一的 GPU 统计差异是 视频解码--禁用硬件加速 :


谢谢!

编辑答案 (有关以下实际答案的更多详细信息):

它最终通过禁用 起作用。抗锯齿 在 团结 ，这似乎会引发一些 OpenGL 错误。使用和不使用 swift shader .

Answer 1

经过 2 或 3 天的努力并试图找到确切的问题后，它最终通过统一禁用抗锯齿来工作，这似乎引发了一些 OpenGL 错误。

也就是说，Unity3D WebGL 渲染 headless (headless)工作 (通过 Chrome 和傀儡)即使没有 swift shader ，尽管这可能是您想要的 no-gpu场景(例如，某些服务器)。

尽管仍然很奇怪，但对于两种情况(有和没有 swift shader )的日志输出如下( 注意帧缓冲区不完整错误消失了 ):

PAGE LOG: [.WebGL-0x7f842a0f6400]GL ERROR :GL_INVALID_OPERATION : glFramebufferTexture2D: <- error from previous GL command
PAGE LOG: [.WebGL-0x7f842a0f6400]GL ERROR :GL_INVALID_OPERATION : GetShaderiv: <- error from previous GL command

谢谢!