@galacean/engine-rhi-webgl 0.0.0-experimental-renderSort.4 → 0.0.0-experimental-shaderlab.2

package/dist/miniprogram.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var engineMiniprogramAdapter = require('@galacean/engine-miniprogram-adapter');
-var miniprogram = require('@galacean/engine-math/dist/miniprogram');
 var miniprogram$1 = require('@galacean/engine-core/dist/miniprogram');
+var miniprogram = require('@galacean/engine-math/dist/miniprogram');
 
 /**
  * Smoothing plug-in.
@@ -87,6 +87,26 @@ function _create_class(Constructor, protoProps, staticProps) {
     return Constructor;
 }
 
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+
+        return o;
+    };
+
+    return _set_prototype_of(o, p);
+}
+
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } });
+
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+
 function _instanceof(left, right) {
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
         return !!right[Symbol.hasInstance](left);
@@ -95,14 +115,18 @@ function _instanceof(left, right) {
 
 /**
  * The canvas used on the web, which can support HTMLCanvasElement and OffscreenCanvas.
- */ var WebCanvas = /*#__PURE__*/ function() {
+ */ var WebCanvas = /*#__PURE__*/ function(Canvas1) {
+    _inherits(WebCanvas, Canvas1);
     function WebCanvas(webCanvas) {
-        this._scale = new miniprogram.Vector2();
+        var _this;
+        _this = Canvas1.call(this) || this;
+        _this._scale = new miniprogram.Vector2();
         var width = webCanvas.width;
         var height = webCanvas.height;
-        this._webCanvas = webCanvas;
-        this._width = width;
-        this._height = height;
+        _this._webCanvas = webCanvas;
+        _this.width = width;
+        _this.height = height;
+        return _this;
     }
     var _proto = WebCanvas.prototype;
     /**
@@ -112,8 +136,10 @@ function _instanceof(left, right) {
         if (pixelRatio === void 0) pixelRatio = engineMiniprogramAdapter.window.devicePixelRatio;
         var webCanvas = this._webCanvas;
         if (typeof engineMiniprogramAdapter.OffscreenCanvas === "undefined" || !_instanceof(webCanvas, engineMiniprogramAdapter.OffscreenCanvas)) {
-            this.width = webCanvas.clientWidth * pixelRatio;
-            this.height = webCanvas.clientHeight * pixelRatio;
+            var exportWidth = webCanvas.clientWidth * pixelRatio;
+            var exportHeight = webCanvas.clientHeight * pixelRatio;
+            this.width = exportWidth;
+            this.height = exportHeight;
         }
     };
     /**
@@ -124,35 +150,13 @@ function _instanceof(left, right) {
         this._scale.set(x, y);
         this.scale = this._scale;
     };
+    _proto._onWidthChanged = function _onWidthChanged(value) {
+        this._webCanvas.width = value;
+    };
+    _proto._onHeightChange = function _onHeightChange(value) {
+        this._webCanvas.height = value;
+    };
     _create_class(WebCanvas, [
-        {
-            key: "width",
-            get: /**
-   * @inheritdoc
-   */ function get() {
-                return this._width;
-            },
-            set: function set(value) {
-                if (this._width !== value) {
-                    this._webCanvas.width = value;
-                    this._width = value;
-                }
-            }
-        },
-        {
-            key: "height",
-            get: /**
-   * @inheritdoc
-   */ function get() {
-                return this._height;
-            },
-            set: function set(value) {
-                if (this._height !== value) {
-                    this._webCanvas.height = value;
-                    this._height = value;
-                }
-            }
-        },
         {
             key: "scale",
             get: /**
@@ -175,27 +179,7 @@ function _instanceof(left, right) {
         }
     ]);
     return WebCanvas;
-}();
-
-function _set_prototype_of(o, p) {
-    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
-        o.__proto__ = p;
-
-        return o;
-    };
-
-    return _set_prototype_of(o, p);
-}
-
-function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function");
-    }
-
-    subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } });
-
-    if (superClass) _set_prototype_of(subClass, superClass);
-}
+}(miniprogram$1.Canvas);
 
 /**
  * WebGL platform engine,support includes WebGL1.0 and WebGL2.0.
@@ -367,7 +351,7 @@ var GLBuffer = /*#__PURE__*/ function() {
         var cap = this.capabilityList;
         var isWebGL2 = this.rhi.isWebGL2;
         var requireExtension = this.rhi.requireExtension.bind(this.rhi);
-        var shaderVertexID = miniprogram$1.GLCapabilityType.shaderVertexID, standardDerivatives = miniprogram$1.GLCapabilityType.standardDerivatives, shaderTextureLod = miniprogram$1.GLCapabilityType.shaderTextureLod, elementIndexUint = miniprogram$1.GLCapabilityType.elementIndexUint, depthTexture = miniprogram$1.GLCapabilityType.depthTexture, vertexArrayObject = miniprogram$1.GLCapabilityType.vertexArrayObject, instancedArrays = miniprogram$1.GLCapabilityType.instancedArrays, multipleSample = miniprogram$1.GLCapabilityType.multipleSample, drawBuffers = miniprogram$1.GLCapabilityType.drawBuffers, astc = miniprogram$1.GLCapabilityType.astc, astc_webkit = miniprogram$1.GLCapabilityType.astc_webkit, etc = miniprogram$1.GLCapabilityType.etc, etc_webkit = miniprogram$1.GLCapabilityType.etc_webkit, etc1 = miniprogram$1.GLCapabilityType.etc1, etc1_webkit = miniprogram$1.GLCapabilityType.etc1_webkit, pvrtc = miniprogram$1.GLCapabilityType.pvrtc, pvrtc_webkit = miniprogram$1.GLCapabilityType.pvrtc_webkit, s3tc = miniprogram$1.GLCapabilityType.s3tc, s3tc_webkit = miniprogram$1.GLCapabilityType.s3tc_webkit, bptc = miniprogram$1.GLCapabilityType.bptc, textureFloat = miniprogram$1.GLCapabilityType.textureFloat, textureHalfFloat = miniprogram$1.GLCapabilityType.textureHalfFloat, textureFloatLinear = miniprogram$1.GLCapabilityType.textureFloatLinear, textureHalfFloatLinear = miniprogram$1.GLCapabilityType.textureHalfFloatLinear, WEBGL_colorBufferFloat = miniprogram$1.GLCapabilityType.WEBGL_colorBufferFloat, colorBufferFloat = miniprogram$1.GLCapabilityType.colorBufferFloat, colorBufferHalfFloat = miniprogram$1.GLCapabilityType.colorBufferHalfFloat, textureFilterAnisotropic = miniprogram$1.GLCapabilityType.textureFilterAnisotropic;
+        var shaderVertexID = miniprogram$1.GLCapabilityType.shaderVertexID, standardDerivatives = miniprogram$1.GLCapabilityType.standardDerivatives, shaderTextureLod = miniprogram$1.GLCapabilityType.shaderTextureLod, elementIndexUint = miniprogram$1.GLCapabilityType.elementIndexUint, depthTexture = miniprogram$1.GLCapabilityType.depthTexture, vertexArrayObject = miniprogram$1.GLCapabilityType.vertexArrayObject, instancedArrays = miniprogram$1.GLCapabilityType.instancedArrays, multipleSample = miniprogram$1.GLCapabilityType.multipleSample, drawBuffers = miniprogram$1.GLCapabilityType.drawBuffers, blendMinMax = miniprogram$1.GLCapabilityType.blendMinMax, astc = miniprogram$1.GLCapabilityType.astc, astc_webkit = miniprogram$1.GLCapabilityType.astc_webkit, etc = miniprogram$1.GLCapabilityType.etc, etc_webkit = miniprogram$1.GLCapabilityType.etc_webkit, etc1 = miniprogram$1.GLCapabilityType.etc1, etc1_webkit = miniprogram$1.GLCapabilityType.etc1_webkit, pvrtc = miniprogram$1.GLCapabilityType.pvrtc, pvrtc_webkit = miniprogram$1.GLCapabilityType.pvrtc_webkit, s3tc = miniprogram$1.GLCapabilityType.s3tc, s3tc_webkit = miniprogram$1.GLCapabilityType.s3tc_webkit, bptc = miniprogram$1.GLCapabilityType.bptc, textureFloat = miniprogram$1.GLCapabilityType.textureFloat, textureHalfFloat = miniprogram$1.GLCapabilityType.textureHalfFloat, textureFloatLinear = miniprogram$1.GLCapabilityType.textureFloatLinear, textureHalfFloatLinear = miniprogram$1.GLCapabilityType.textureHalfFloatLinear, WEBGL_colorBufferFloat = miniprogram$1.GLCapabilityType.WEBGL_colorBufferFloat, colorBufferFloat = miniprogram$1.GLCapabilityType.colorBufferFloat, colorBufferHalfFloat = miniprogram$1.GLCapabilityType.colorBufferHalfFloat, textureFilterAnisotropic = miniprogram$1.GLCapabilityType.textureFilterAnisotropic, fragDepth = miniprogram$1.GLCapabilityType.fragDepth;
         cap.set(shaderVertexID, isWebGL2);
         cap.set(standardDerivatives, isWebGL2 || !!requireExtension(standardDerivatives));
         cap.set(shaderTextureLod, isWebGL2 || !!requireExtension(shaderTextureLod));
@@ -377,6 +361,7 @@ var GLBuffer = /*#__PURE__*/ function() {
         cap.set(instancedArrays, isWebGL2 || !!requireExtension(instancedArrays));
         cap.set(multipleSample, isWebGL2);
         cap.set(drawBuffers, isWebGL2 || !!requireExtension(drawBuffers));
+        cap.set(blendMinMax, isWebGL2 || !!requireExtension(blendMinMax));
         cap.set(textureFloat, isWebGL2 || !!requireExtension(textureFloat));
         cap.set(textureHalfFloat, isWebGL2 || !!requireExtension(textureHalfFloat));
         cap.set(textureFloatLinear, !!requireExtension(textureFloatLinear));
@@ -384,6 +369,7 @@ var GLBuffer = /*#__PURE__*/ function() {
         cap.set(colorBufferFloat, isWebGL2 && !!requireExtension(colorBufferFloat) || !!requireExtension(WEBGL_colorBufferFloat));
         cap.set(colorBufferHalfFloat, isWebGL2 && !!requireExtension(colorBufferFloat) || !!requireExtension(colorBufferHalfFloat));
         cap.set(textureFilterAnisotropic, !!requireExtension(textureFilterAnisotropic));
+        cap.set(fragDepth, isWebGL2 || !!requireExtension(fragDepth));
         cap.set(astc, !!(requireExtension(astc) || requireExtension(astc_webkit)));
         cap.set(etc, !!(requireExtension(etc) || requireExtension(etc_webkit)));
         cap.set(etc1, !!(requireExtension(etc1) || requireExtension(etc1_webkit)));
@@ -417,9 +403,13 @@ var GLBuffer = /*#__PURE__*/ function() {
         }
     };
     _proto._compatibleAllInterface = function _compatibleAllInterface() {
-        var depthTexture = miniprogram$1.GLCapabilityType.depthTexture, vertexArrayObject = miniprogram$1.GLCapabilityType.vertexArrayObject, instancedArrays = miniprogram$1.GLCapabilityType.instancedArrays, drawBuffers = miniprogram$1.GLCapabilityType.drawBuffers, textureFilterAnisotropic = miniprogram$1.GLCapabilityType.textureFilterAnisotropic, textureHalfFloat = miniprogram$1.GLCapabilityType.textureHalfFloat, colorBufferHalfFloat = miniprogram$1.GLCapabilityType.colorBufferHalfFloat, WEBGL_colorBufferFloat = miniprogram$1.GLCapabilityType.WEBGL_colorBufferFloat;
+        var depthTexture = miniprogram$1.GLCapabilityType.depthTexture, vertexArrayObject = miniprogram$1.GLCapabilityType.vertexArrayObject, instancedArrays = miniprogram$1.GLCapabilityType.instancedArrays, drawBuffers = miniprogram$1.GLCapabilityType.drawBuffers, textureFilterAnisotropic = miniprogram$1.GLCapabilityType.textureFilterAnisotropic, textureHalfFloat = miniprogram$1.GLCapabilityType.textureHalfFloat, colorBufferHalfFloat = miniprogram$1.GLCapabilityType.colorBufferHalfFloat, WEBGL_colorBufferFloat = miniprogram$1.GLCapabilityType.WEBGL_colorBufferFloat, blendMinMax = miniprogram$1.GLCapabilityType.blendMinMax;
         var isWebGL2 = this.rhi.isWebGL2;
         if (!isWebGL2) {
+            this._compatibleInterface(blendMinMax, {
+                MIN: "MIN_EXT",
+                MAX: "MAX_EXT"
+            });
             this._compatibleInterface(depthTexture, {
                 UNSIGNED_INT_24_8: "UNSIGNED_INT_24_8_WEBGL"
             });
@@ -932,6 +922,13 @@ var GLBuffer = /*#__PURE__*/ function() {
                     dataType: gl.FLOAT,
                     isCompressed: false
                 };
+            case miniprogram$1.TextureFormat.R32G32B32A32_UInt:
+                return {
+                    internalFormat: isWebGL2 ? gl.RGBA32UI : gl.NONE,
+                    baseFormat: gl.RGBA_INTEGER,
+                    dataType: gl.UNSIGNED_INT,
+                    isCompressed: false
+                };
             case miniprogram$1.TextureFormat.BC1:
                 return {
                     internalFormat: exports.GLCompressedTextureInternalFormat.RGB_S3TC_DXT1_EXT,
@@ -1082,7 +1079,7 @@ var GLBuffer = /*#__PURE__*/ function() {
    * @internal
    */ GLTexture._getRenderBufferDepthFormatDetail = function _getRenderBufferDepthFormatDetail(format, gl, isWebGL2) {
         switch(format){
-            case miniprogram$1.RenderBufferDepthFormat.Depth:
+            case miniprogram$1.TextureFormat.Depth:
                 return {
                     internalFormat: isWebGL2 ? gl.DEPTH_COMPONENT32F : gl.DEPTH_COMPONENT16,
                     baseFormat: gl.DEPTH_COMPONENT,
@@ -1090,7 +1087,7 @@ var GLBuffer = /*#__PURE__*/ function() {
                     isCompressed: false,
                     attachment: gl.DEPTH_ATTACHMENT
                 };
-            case miniprogram$1.RenderBufferDepthFormat.DepthStencil:
+            case miniprogram$1.TextureFormat.DepthStencil:
                 return {
                     internalFormat: isWebGL2 ? gl.DEPTH32F_STENCIL8 : gl.DEPTH_STENCIL,
                     baseFormat: gl.DEPTH_STENCIL,
@@ -1098,7 +1095,7 @@ var GLBuffer = /*#__PURE__*/ function() {
                     isCompressed: false,
                     attachment: gl.DEPTH_STENCIL_ATTACHMENT
                 };
-            case miniprogram$1.RenderBufferDepthFormat.Stencil:
+            case miniprogram$1.TextureFormat.Stencil:
                 return {
                     internalFormat: gl.STENCIL_INDEX8,
                     baseFormat: gl.STENCIL_ATTACHMENT,
@@ -1106,7 +1103,7 @@ var GLBuffer = /*#__PURE__*/ function() {
                     isCompressed: false,
                     attachment: gl.STENCIL_ATTACHMENT
                 };
-            case miniprogram$1.RenderBufferDepthFormat.Depth16:
+            case miniprogram$1.TextureFormat.Depth16:
                 return {
                     internalFormat: gl.DEPTH_COMPONENT16,
                     baseFormat: gl.DEPTH_COMPONENT,
@@ -1114,7 +1111,7 @@ var GLBuffer = /*#__PURE__*/ function() {
                     isCompressed: false,
                     attachment: gl.DEPTH_ATTACHMENT
                 };
-            case miniprogram$1.RenderBufferDepthFormat.Depth24Stencil8:
+            case miniprogram$1.TextureFormat.Depth24Stencil8:
                 return {
                     internalFormat: isWebGL2 ? gl.DEPTH24_STENCIL8 : gl.DEPTH_STENCIL,
                     baseFormat: gl.DEPTH_STENCIL,
@@ -1122,7 +1119,7 @@ var GLBuffer = /*#__PURE__*/ function() {
                     isCompressed: false,
                     attachment: gl.DEPTH_STENCIL_ATTACHMENT
                 };
-            case miniprogram$1.RenderBufferDepthFormat.Depth24:
+            case miniprogram$1.TextureFormat.Depth24:
                 return {
                     internalFormat: gl.DEPTH_COMPONENT24,
                     baseFormat: gl.DEPTH_COMPONENT,
@@ -1130,7 +1127,7 @@ var GLBuffer = /*#__PURE__*/ function() {
                     isCompressed: false,
                     attachment: gl.DEPTH_ATTACHMENT
                 };
-            case miniprogram$1.RenderBufferDepthFormat.Depth32:
+            case miniprogram$1.TextureFormat.Depth32:
                 return {
                     internalFormat: gl.DEPTH_COMPONENT32F,
                     baseFormat: gl.DEPTH_COMPONENT,
@@ -1138,7 +1135,7 @@ var GLBuffer = /*#__PURE__*/ function() {
                     isCompressed: false,
                     attachment: gl.DEPTH_ATTACHMENT
                 };
-            case miniprogram$1.RenderBufferDepthFormat.Depth32Stencil8:
+            case miniprogram$1.TextureFormat.Depth32Stencil8:
                 return {
                     internalFormat: gl.DEPTH32F_STENCIL8,
                     baseFormat: gl.DEPTH_STENCIL,
@@ -1173,6 +1170,7 @@ var GLBuffer = /*#__PURE__*/ function() {
                     return false;
                 }
                 break;
+            case miniprogram$1.TextureFormat.R32G32B32A32_UInt:
             case miniprogram$1.TextureFormat.Depth24:
             case miniprogram$1.TextureFormat.Depth32:
             case miniprogram$1.TextureFormat.Depth32Stencil8:
@@ -1207,9 +1205,9 @@ var GLBuffer = /*#__PURE__*/ function() {
    */ GLTexture._supportRenderBufferDepthFormat = function _supportRenderBufferDepthFormat(format, rhi) {
         if (!rhi.isWebGL2) {
             switch(format){
-                case miniprogram$1.RenderBufferDepthFormat.Depth24:
-                case miniprogram$1.RenderBufferDepthFormat.Depth32:
-                case miniprogram$1.RenderBufferDepthFormat.Depth32Stencil8:
+                case miniprogram$1.TextureFormat.Depth24:
+                case miniprogram$1.TextureFormat.Depth32:
+                case miniprogram$1.TextureFormat.Depth32Stencil8:
                     return false;
             }
         }
@@ -1312,6 +1310,7 @@ var GLBuffer = /*#__PURE__*/ function() {
     function GLRenderTarget(rhi, target) {
         this._MSAAColorRenderBuffers = [];
         this._curMipLevel = 0;
+        this._curFaceIndex = undefined;
         this._gl = rhi.gl;
         this._isWebGL2 = rhi.isWebGL2;
         this._target = target;
@@ -1363,21 +1362,23 @@ var GLBuffer = /*#__PURE__*/ function() {
     var _proto = GLRenderTarget.prototype;
     /**
    * Set which face and mipLevel of the cube texture to render to.
-   * @param faceIndex - Cube texture face
    * @param mipLevel - Set mip level the data want to write
-   */ _proto.setRenderTargetInfo = function setRenderTargetInfo(faceIndex, mipLevel) {
+   * @param faceIndex - Cube texture face
+   */ _proto.activeRenderTarget = function activeRenderTarget(mipLevel, faceIndex) {
+        // @todo: support MRT
         var _this = this, gl = _this._gl, target = _this._target;
-        var depthTexture = target.depthTexture;
-        var colorTexture = target.getColorTexture(0);
-        var mipChanged = mipLevel !== this._curMipLevel;
         gl.bindFramebuffer(gl.FRAMEBUFFER, this._frameBuffer);
+        var mipChanged = mipLevel !== this._curMipLevel;
+        var faceChanged = faceIndex !== this._curFaceIndex;
+        var colorTexture = target.getColorTexture(0);
         if (colorTexture) {
             var isCube = _instanceof(colorTexture, miniprogram$1.TextureCube);
-            if (mipChanged || isCube) {
+            if (mipChanged || isCube && faceChanged) {
                 gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, isCube ? gl.TEXTURE_CUBE_MAP_POSITIVE_X + faceIndex : gl.TEXTURE_2D, // @ts-ignore
                 colorTexture._platformTexture._glTexture, mipLevel);
             }
         }
+        var depthTexture = target.depthTexture;
         if (depthTexture) {
             var isCube1 = _instanceof(depthTexture, miniprogram$1.TextureCube);
             if (mipChanged || isCube1) {
@@ -1394,8 +1395,10 @@ var GLBuffer = /*#__PURE__*/ function() {
             }
         }
         this._curMipLevel = mipLevel;
-        // revert current activated render target
-        this._activeRenderTarget();
+        this._curFaceIndex = faceIndex;
+        if (this._MSAAFrameBuffer) {
+            gl.bindFramebuffer(gl.FRAMEBUFFER, this._MSAAFrameBuffer);
+        }
     };
     /**
    * Blit FBO.
@@ -1433,20 +1436,6 @@ var GLBuffer = /*#__PURE__*/ function() {
         this._MSAAColorRenderBuffers.length = 0;
         this._MSAADepthRenderBuffer = null;
     };
-    /**
-   * Activate this RenderTarget.
-   * @internal
-   * @remarks
-   * If MSAA is turned on, MSAA FBO is activated, and then this._blitRenderTarget() is performed to exchange FBO.
-   * If MSAA is not turned on, activate the main FBO.
-   */ _proto._activeRenderTarget = function _activeRenderTarget() {
-        var gl = this._gl;
-        if (this._MSAAFrameBuffer) {
-            gl.bindFramebuffer(gl.FRAMEBUFFER, this._MSAAFrameBuffer);
-        } else {
-            gl.bindFramebuffer(gl.FRAMEBUFFER, this._frameBuffer);
-        }
-    };
     _proto._bindMainFBO = function _bindMainFBO() {
         var gl = this._gl;
         var isWebGL2 = this._isWebGL2;
@@ -1756,6 +1745,9 @@ exports.WebGLMode = void 0;
     function WebGLGraphicDevice(initializeOptions) {
         if (initializeOptions === void 0) initializeOptions = {};
         /** @internal */ this._readFrameBuffer = null;
+        /** @internal */ this._mainFrameBuffer = null;
+        /** @internal */ this._mainFrameWidth = 0;
+        /** @internal */ this._mainFrameHeight = 0;
         /** @internal */ this._enableGlobalDepthBias = false;
         this._activeTextures = new Array(32);
         this._lastViewport = new miniprogram.Vector4(null, null, null, null);
@@ -1918,23 +1910,30 @@ exports.WebGLMode = void 0;
             miniprogram$1.Logger.error("draw primitive failed.");
         }
     };
-    _proto.activeRenderTarget = function activeRenderTarget(renderTarget, viewport, mipLevel) {
-        var gl = this._gl;
+    _proto.getMainFrameBufferWidth = function getMainFrameBufferWidth() {
+        return this._mainFrameWidth || this._gl.drawingBufferWidth;
+    };
+    _proto.getMainFrameBufferHeight = function getMainFrameBufferHeight() {
+        return this._mainFrameHeight || this._gl.drawingBufferHeight;
+    };
+    _proto.activeRenderTarget = function activeRenderTarget(renderTarget, viewport, isFlipProjection, mipLevel, faceIndex) {
         var bufferWidth, bufferHeight;
         if (renderTarget) {
-            var /** @ts-ignore */ _renderTarget__platformRenderTarget;
-            (_renderTarget__platformRenderTarget = renderTarget._platformRenderTarget) == null ? void 0 : _renderTarget__platformRenderTarget._activeRenderTarget();
+            /** @ts-ignore */ renderTarget._isContentLost = false;
+            /** @ts-ignore */ var platformRenderTarget = renderTarget._platformRenderTarget;
+            platformRenderTarget.activeRenderTarget(mipLevel, faceIndex);
             bufferWidth = renderTarget.width >> mipLevel;
             bufferHeight = renderTarget.height >> mipLevel;
         } else {
-            gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-            bufferWidth = gl.drawingBufferWidth;
-            bufferHeight = gl.drawingBufferHeight;
+            var gl = this._gl;
+            gl.bindFramebuffer(gl.FRAMEBUFFER, this._mainFrameBuffer);
+            bufferWidth = this.getMainFrameBufferWidth();
+            bufferHeight = this.getMainFrameBufferHeight();
         }
         var width = bufferWidth * viewport.z;
         var height = bufferHeight * viewport.w;
         var x = viewport.x * bufferWidth;
-        var y = bufferHeight - viewport.y * bufferHeight - height;
+        var y = isFlipProjection ? viewport.y * bufferHeight : bufferHeight - viewport.y * bufferHeight - height;
         this.viewport(x, y, width, height);
         this.scissor(x, y, width, height);
     };