The top demo doesn't function on Edge or Chrome on Windows due to too many webgl contexts.
> WARNING: Too many active WebGL contexts. Oldest context will be lost.
> WARNING: Too many active WebGL contexts. Oldest context will be lost.
The code on the blog is pretty simple and naive (I'm not a webdev): https://github.com/ubitux/scripts/blob/main/share/blog/shade...
Any suggestion on how to address the issue is welcome.
Note: I don't have any Windows machine to test with
https://github.com/greggman/virtual-webgl
If you want to make your own solution there's one listed here about 1/2 way down the page
https://webglfundamentals.org/webgl/lessons/webgl-multiple-v...
As an aside, WebGPU doesn't have this issue or at least has it less. For one, WebGPU can use a single device to render to multiple canvases, something WebGL can't. Another is that WebGPU is mostly stateless making it easier for both the user and the browser.
What am I saying? Fine? It's freaking awesome.