Multiple WebGL Errors on Linux

Hi, just found cables from some demoscene links. Tried on MacOS and it worked great (Intel GPU) but switched to my Linux box with a real GPU and I’m running in to multiple errors.

Here is the console output:

project.js:363 showForm:  true
DevTools failed to load SourceMap: Could not load content for https://sandbox.cables.gl/ui/js/cables.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
dom_loaded.js:11 userinfo popup problem?
606df1bd0275d701c9dff678:1 loading patch {settings: {…}, ops: Array(56), users: Array(1), userOps: Array(0), tags: Array(2), …}
cables.min.js?nc=:1 made with https://cables.gl
cables.min.js?nc=:1 [core] gl error:  cgltex 1282 INVALID_OPERATION
cables.min.js?nc=:1 [core] {name: "image compose", power of two: false, size: "503 x 393", target: "TEXTURE_2D", unpackAlpha: true, …}
cables.min.js?nc=:1 Error
    at tt.setSize (cables.min.js?nc=:1)
    at new tt (cables.min.js?nc=:1)
    at initEffect (code?nc=:124980)
    at V.doRender [as onTriggered] (code?nc=:125101)
    at V._onTriggered (cables.min.js?nc=:1)
    at V.trigger (cables.min.js?nc=:1)
    at V.triggerAll [as onTriggered] (code?nc=:155825)
    at V._onTriggered (cables.min.js?nc=:1)
    at V.trigger (cables.min.js?nc=:1)
    at V.render.onTriggered (code?nc=:86364)
cables.min.js?nc=:1 [core] gl error:  cgltex 1282 INVALID_OPERATION
cables.min.js?nc=:1 [core] {name: "image_compose_v28181a74f-33f0-433c-b0d4-a16e0c3c106c", power of two: true, size: "512 x 512", target: "TEXTURE_2D", unpackAlpha: true, …}
cables.min.js?nc=:1 Error
    at tt.setSize (cables.min.js?nc=:1)
    at new tt (cables.min.js?nc=:1)
    at initEffect (code?nc=:125271)
    at V.doRender [as onTriggered] (code?nc=:125345)
    at V._onTriggered (cables.min.js?nc=:1)
    at V.trigger (cables.min.js?nc=:1)
    at Ops.Gl.MainLoop.render [as onAnimFrame] (code?nc=:83998)
    at Ct.renderFrame (cables.min.js?nc=:1)
    at Ct.exec (cables.min.js?nc=:1)
256[.WebGL-0x106bc620a800]GL ERROR :GL_INVALID_OPERATION : glBlitFramebufferCHROMIUM: src and dst formats differ for depth/stencil
cables.min.js?nc=:1 [core] gl error:  shader create1 1282 INVALID_OPERATION
cables.min.js?nc=:1 finished loading 5 assets in 1.096s
cables.min.js?nc=:1 [core] gl error:  shader create1 1282 INVALID_OPERATION
2browser.js:18 browser report canceled...
606df1bd0275d701c9dff678:1 WebGL: too many errors, no more errors will be reported to the console for this context.

Browser version Google Chrome 88.0.4324.182 (Official Build) (64-bit)
I’m using proprietary nvidia drivers (v460.32.03) on Ubuntu 20.04
Mesa drivers 20.2.6

User agent:

Platform:	Linux x86_64
Browser User Agent:	Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.182 Safari/537.36
Context Name:	webgl2
GL Version:	WebGL 2.0 (OpenGL ES 3.0 Chromium)
Shading Language Version:	WebGL GLSL ES 3.00 (OpenGL ES GLSL ES 3.0 Chromium)
Vendor:	WebKit
Renderer:	WebKit WebGL
Unmasked Vendor:	Google Inc.
Unmasked Renderer:	Google SwiftShader
Antialiasing:	Available
ANGLE:	No
Major Performance Caveat:	Yes

hey,

thanks for reaching out and providing good information. it basically boils down to this:

this indicates that your browser is not using accelerated graphics (your nvidia card) but software rendering. lot’s of stuff in cables will simply not work in this setup :confused:

from my own experience it was not possible to get chrome to do hardware acceleration on linux when using an nvidia card. iirc correctly firefox worked fine for me, maybe try switching browsers?

best,
stephan/steam