@galacean/engine-rhi-webgl 1.1.0-beta.9 → 1.2.0-alpha.0

package/dist/main.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var engineMath = require('@galacean/engine-math');
 var engineCore = require('@galacean/engine-core');
+var engineMath = require('@galacean/engine-math');
 
 /**
  * Smoothing plug-in.
@@ -86,6 +86,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);
@@ -94,14 +114,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 engineMath.Vector2();
+        var _this;
+        _this = Canvas1.call(this) || this;
+        _this._scale = new engineMath.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;
     /**
@@ -123,35 +147,11 @@ function _instanceof(left, right) {
         this._scale.set(x, y);
         this.scale = this._scale;
     };
+    _proto._onSizeChanged = function _onSizeChanged(width, height) {
+        this._webCanvas.width = width;
+        this._webCanvas.height = height;
+    };
     _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: /**
@@ -174,27 +174,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);
-}
+}(engineCore.Canvas);
 
 /**
  * WebGL platform engine,support includes WebGL1.0 and WebGL2.0.
@@ -1755,6 +1735,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 engineMath.Vector4(null, null, null, null);
@@ -1926,9 +1909,9 @@ exports.WebGLMode = void 0;
             bufferWidth = renderTarget.width >> mipLevel;
             bufferHeight = renderTarget.height >> mipLevel;
         } else {
-            gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-            bufferWidth = gl.drawingBufferWidth;
-            bufferHeight = gl.drawingBufferHeight;
+            gl.bindFramebuffer(gl.FRAMEBUFFER, this._mainFrameBuffer);
+            bufferWidth = this._mainFrameWidth || gl.drawingBufferWidth;
+            bufferHeight = this._mainFrameHeight || gl.drawingBufferHeight;
         }
         var width = bufferWidth * viewport.z;
         var height = bufferHeight * viewport.w;