{"record":{"id":"53233e6a4449d6d1","repo":"remotion-dev/remotion","slug":"failed-to-create-webgl-program-53233e","errorCode":null,"errorMessage":"Failed to create WebGL program","messagePattern":"Failed to create WebGL program","errorType":"exception","errorClass":"Error","httpStatus":null,"severity":"critical","filePath":"packages/effects/src/linear-gradient-tint.ts","lineNumber":232,"sourceCode":"\tgl.shaderSource(shader, source);\n\tgl.compileShader(shader);\n\tif (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n\t\tconst log = gl.getShaderInfoLog(shader);\n\t\tgl.deleteShader(shader);\n\t\tthrow new Error(\n\t\t\t`Linear gradient tint shader compile failed: ${log ?? '(no log)'}`,\n\t\t);\n\t}\n\n\treturn shader;\n};\n\nconst createProgram = (gl: WebGL2RenderingContext): WebGLProgram => {\n\tconst vs = compileShader(gl, gl.VERTEX_SHADER, VERTEX_SHADER);\n\tconst fs = compileShader(gl, gl.FRAGMENT_SHADER, FRAGMENT_SHADER);\n\tconst program = gl.createProgram();\n\tif (!program) {\n\t\tthrow new Error('Failed to create WebGL program');\n\t}\n\n\tgl.attachShader(program, vs);\n\tgl.attachShader(program, fs);\n\tgl.linkProgram(program);\n\tgl.deleteShader(vs);\n\tgl.deleteShader(fs);\n\n\tif (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n\t\tconst log = gl.getProgramInfoLog(program);\n\t\tgl.deleteProgram(program);\n\t\tthrow new Error(\n\t\t\t`Linear gradient tint program link failed: ${log ?? '(no log)'}`,\n\t\t);\n\t}\n\n\treturn program;\n};","sourceCodeStart":214,"sourceCodeEnd":250,"githubUrl":"https://github.com/remotion-dev/remotion/blob/78fe4bb3fdb5a2cd68724393d63cb223db333fa7/packages/effects/src/linear-gradient-tint.ts#L214-L250","documentation":"Thrown from linearGradientTint setup when `gl.createProgram()` returns null. Both shaders already compiled successfully; null only happens on context loss, OUT_OF_MEMORY, or program-handle exhaustion.","triggerScenarios":"Setup invoked on an already-lost context; many programs allocated in one session exhausting handles; OOM spike after successful shader compile.","commonSituations":"Long-lived workers that leak programs; many stacked effects; flaky GPU on headless Chromium.","solutions":["Reuse cached setup keyed by params; pair setup with cleanup.","Recover from `webglcontextlost` and rebuild on restore.","Limit concurrent WebGL effects per canvas.","Restart workers that accumulate GL handles."],"exampleFix":null,"handlingStrategy":"fallback","validationCode":"const contextHealthy = (gl: WebGL2RenderingContext | null): boolean =>\n  !!gl && !gl.isContextLost();","typeGuard":"const isHealthyContext = (gl: WebGL2RenderingContext | null): gl is WebGL2RenderingContext =>\n  !!gl && !gl.isContextLost();","tryCatchPattern":"canvas.addEventListener('webglcontextlost', (e) => e.preventDefault());\ntry {\n  setupLinearGradientTint(canvas);\n} catch (err) {\n  renderWithoutEffect();\n}","preventionTips":["Pair every setup with cleanup to free programs.","Reuse cached setup; do not allocate per frame.","Recover gracefully on context loss/restore."],"tags":["webgl","linear-gradient-tint","effects","gpu","resource-exhaustion"],"backgroundTag":null,"analyzedSha":"78fe4bb3fdb5a2cd68724393d63cb223db333fa7","analyzedAt":"2026-08-12T17:18:50.444Z","schemaVersion":2},"datasetVersion":"2026-08-12T18:17:37.767Z"}