Link WebGL shaders immediately after compilation (#6076)

Co-authored-by: Martin Valigursky <mvaligursky@snapchat.com>

src/platform/graphics/webgl/webgl-graphics-device.js

@@ -1352,15 +1352,6 @@ class WebglGraphicsDevice extends GraphicsDevice {
         this.gpuProfiler?.restoreContext();
     }
 
-    /**
-     * Called after a batch of shaders was created, to guide in their optimal preparation for rendering.
-     *
-     * @ignore
-     */
-    endShaderBatch() {
-        WebglShader.endShaderBatch(this);
-    }
-
     /**
      * Set the active rectangle for rendering on the specified device.
      *

src/platform/graphics/webgl/webgl-shader.js

@@ -34,18 +34,8 @@ class CompiledShaderCache {
     }
 }
 
-// class used to hold a list of recently created shaders forming a batch, to allow their more optimized compilation
-class ShaderBatchCache {
-    shaders = [];
-
-    loseContext(device) {
-        this.shaders = [];
-    }
-}
-
 const _vertexShaderCache = new DeviceCache();
 const _fragmentShaderCache = new DeviceCache();
-const _shaderBatchCache = new DeviceCache();
 
 /**
  * A WebGL implementation of the Shader.
@@ -58,12 +48,11 @@ class WebglShader {
     constructor(shader) {
         this.init();
 
-        // kick off vertex and fragment shader compilation, but not linking here, as that would
-        // make it blocking.
+        // kick off vertex and fragment shader compilation
         this.compile(shader.device, shader);
 
-        // add the shader to recently created list
-        WebglShader.getBatchShaders(shader.device).push(shader);
+        // kick off linking, as this is non-blocking too
+        this.link(shader.device, shader);
 
         // add it to a device list of all shaders
         shader.device.shaders.push(shader);
@@ -91,22 +80,6 @@ class WebglShader {
         this.glFragmentShader = null;
     }
 
-    static getBatchShaders(device) {
-        const batchCache = _shaderBatchCache.get(device, () => {
-            return new ShaderBatchCache();
-        });
-        return batchCache.shaders;
-    }
-
-    static endShaderBatch(device) {
-
-        // Trigger link step for all recently created shaders. This allows linking to be done in parallel, before
-        // the blocking wait on the linking result is triggered in finalize function
-        const shaders = WebglShader.getBatchShaders(device);
-        shaders.forEach(shader => shader.impl.link(device, shader));
-        shaders.length = 0;
-    }
-
     /**
      * Dispose the shader when the context has been lost.
      */
@@ -305,6 +278,8 @@ class WebglShader {
             linkStartTime = now();
         });
 
+        // check the link status of a shader - this is a blocking operation waiting for the shader
+        // to finish compiling and linking
         const linkStatus = gl.getProgramParameter(glProgram, gl.LINK_STATUS);
         if (!linkStatus) {
 

src/scene/renderer/forward-renderer.js

@@ -530,9 +530,6 @@ class ForwardRenderer extends Renderer {
             prevLightMask = lightMask;
         }
 
-        // process the batch of shaders created here
-        device.endShaderBatch?.();
-
         return _drawCallList;
     }
 

src/scene/renderer/shadow-renderer.js

@@ -300,9 +300,6 @@ class ShadowRenderer {
         const passFlags = 1 << SHADER_SHADOW;
         const shadowPass = this.getShadowPass(light);
 
-        // TODO: Similarly to forward renderer, a shader creation part of this loop should be split into a separate loop,
-        // and endShaderBatch should be called at its end
-
         // Render
         const count = visibleCasters.length;
         for (let i = 0; i < count; i++) {