WebGL如何避免长时间着色器编译暂停选项卡
我有一个巨大的着色器，它需要一分钟以上的时间来编译，在编译过程中会完全阻塞整个浏览器。据我所知，着色器编译不能是异步的，所以您可以在等待编译完成时运行其他WebGL命令 我已经尝试了以下方法：WebGL如何避免长时间着色器编译暂停选项卡,webgl,webgl2,Webgl,Webgl2,我有一个巨大的着色器，它需要一分钟以上的时间来编译，在编译过程中会完全阻塞整个浏览器。据我所知，着色器编译不能是异步的，所以您可以在等待编译完成时运行其他WebGL命令 我已经尝试了以下方法： 一段时间内不要使用该特定着色器-这不起作用，因为大多数其他WebGL命令将等待它完成，即使该着色器程序从未处于活动状态 使用另一个上下文-同上，但即使来自另一个上下文的WebGL命令也会导致暂停 在web worker中使用OffscreenCanvas——这也不能避免暂停，即使它在worker中，也会
- 一段时间内不要使用该特定着色器-这不起作用，因为大多数其他WebGL命令将等待它完成，即使该着色器程序从未处于活动状态
- 使用另一个上下文-同上，但即使来自另一个上下文的WebGL命令也会导致暂停
- 在web worker中使用OffscreenCanvas——这也不能避免暂停，即使它在worker中，也会暂停整个浏览器。即使我在命令链接程序以发出任何其他WebGL命令后等待几分钟，浏览器也会暂停（就好像在这段时间内什么也没发生一样）
let vertexShader = gl.createShader(gl.VERTEX_SHADER);
let fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);
let program = gl.createProgram();
gl.shaderSource(vertexShader, vertexSource);
gl.shaderSource(fragmentShader, fragmentSource);
gl.compileShader(vertexShader);
gl.compileShader(fragmentShader);
gl.attachShader(program, vertexShader);
gl.attachShader(program, fragmentShader);
gl.linkProgram(program);
gl.useProgram(program);
let status = gl.getProgramParameter(program, gl.LINK_STATUS);
let programLog = gl.getProgramInfoLog(program);
原始答案 没有好的解决办法 Windows上的浏览器使用DirectX，因为OpenGL在许多机器上默认不提供，而且浏览器所需的许多其他功能与OpenGL不兼容 DirectX编译着色器需要很长时间。只有微软能解决这个问题。Microsoft提供了HLSL着色器编译器的源代码，但它仅适用于DX12 有些人建议允许网页提供二进制着色器，但由于两个非常重要的原因，这种情况永远不会发生
1您作为文本GLSL传递给WebGL的着色器由浏览器编译，检查各种问题，如果任何WebGL规则被破坏，将被拒绝，然后重新写入以确保安全，插入错误解决方法，重新写入变量名称，添加夹紧指令，有时展开循环，各种各样的事情来确保你不会撞坏司机。您可以使用
WEBGL\u debug\u着色器