Feat: add context loss set up to WebGL

[GoodBoyDigital]

WebGL now loses context without exploding. You won't even notice it happened!

Added test also

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 2124cd4:

Sandbox	Source
pixi.js-sandbox	Configuration

[tgrajewski]

I might be wrong, but that doesn't look like a valid code:

        // Restore the context after this event has exited
        setTimeout(() =>
        {
            if (this.gl.isContextLost() && this.extensions.loseContext)
            {
                this.extensions.loseContext.restoreContext();
            }
        }, 0);

What I mean specifically is that the function restoreContext() isn't meant to be called in production, it's only for debugging purposes. Which also means that there is no way to restore GPU context on demand, the browser decides about it, not JS application.

[GoodBoyDigital]

I might be wrong, but that doesn't look like a valid code:

        // Restore the context after this event has exited
        setTimeout(() =>
        {
            if (this.gl.isContextLost() && this.extensions.loseContext)
            {
                this.extensions.loseContext.restoreContext();
            }
        }, 0);

What I mean specifically is that the function restoreContext() isn't meant to be called in production, it's only for debugging purposes. Which also means that there is no way to restore GPU context on demand, the browser decides about it, not JS application.

ooops :) You are totally correct! Thankyou for pointing out - let me address that

[GoodBoyDigital]

fixed here -> https://github.com/pixijs/pixijs/pull/10111/files