IE11: ThinEngine: `WEBGL11003: INVALID_VALID: pixelStorei` inside of `ThinEngine` class

Bugs
1

I am getting the following error when running my game on IE11:

WEBGL11003: INVALID_VALUE: pixelStorei

It looks like it is happening inside the ThinEngine class in the middle of this snippet:

                this._webGLVersion = 2.0;
            }
            var attributes = this._gl.getContextAttributes();
            if (attributes) {
                options.stencil = attributes.stencil;
            }
        }
        // Ensures a consistent color space unpacking of textures cross browser.
        this._gl.pixelStorei(this._gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, this._gl.NONE);
        if (options.useHighPrecisionFloats !== undefined) {
            this._highPrecisionShadersAllowed = options.useHighPrecisionFloats;
        }
        // Viewport
        var devicePixelRatio = _Misc_domManagement__WEBPACK_IMPORTED_MODULE_9__["DomManagement"].IsWindowObjectExist() ? (window.devicePixelRatio || 1.0) : 1.0;
        var limitDeviceRatio = options.limitDeviceRatio || devicePixelRatio;
        this._hardwareScalingLevel = adaptToDeviceRatio ? 1.0 / Math.min(limitDeviceRatio, devicePixelRatio) : 1.0;
        this.resize();

Configuration:

    "@babel/cli": "^7.6.4",
    "@babel/core": "^7.6.4",
    "@babel/polyfill": "^7.6.0",
    "@babel/preset-env": "^7.6.3",
    "@babylonjs/core": "^4.1.0-alpha.25",
    "@babylonjs/gui": "^4.1.0-alpha.25",
    "@babylonjs/inspector": "^4.1.0-alpha.25",
    "@babylonjs/loaders": "^4.1.0-alpha.25",
    "@types/node": "^12.11.0",
    "clean-webpack-plugin": "^3.0.0",
    "copy-webpack-plugin": "^5.0.4",
    "css-loader": "^3.2.0",
    "file-loader": "^4.2.0",
    "gl": "^4.4.0",
    "html-loader": "^0.5.5",
    "html-webpack-plugin": "^3.2.0",
    "pepjs": "^0.5.2",
    "phaser": "^3.20.1",
    "prettier": "1.18.2",
    "style-loader": "^1.0.0",
    "terser-webpack-plugin": "^2.2.1",
    "ts-loader": "^6.2.0",
    "tslib": "^1.10.0",
    "typescript": "^3.6.4",
    "webpack": "^4.41.2",
    "webpack-cli": "^3.3.9",
    "webpack-dev-server": "^3.8.2"

Thank you!

2

Hello and welcome!

can you share a repro page of your issue?

3

Here is a git repo with minimal reproduction code.

This page should reproduce the issue on Windows 10, IE11.

https://micsun-al.github.io/tests/babylon-ie11-thinengine-issue/index.html

4

Ok so this is a warning but it should not block your code to run. Or does it?

5

Doh, you’re right. It was another error after that that was actually causing the game to hang (Array.forEach not supported in IE11, using Array.filter instead)… Thank you!

1 Like