@luma.gl/webgl 8.6.0-alpha.5 → 9.0.0-alpha.2

package/dist/es5/classes/framebuffer.js

@@ -1,807 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ImmutableFramebuffer = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _api = require("@luma.gl/api");
-
-var _constants = _interopRequireDefault(require("@luma.gl/constants"));
-
-var _webglDevice = _interopRequireDefault(require("../adapter/webgl-device"));
-
-var _webglChecks = require("../context/context/webgl-checks");
-
-var _constantsToKeys = require("../webgl-utils/constants-to-keys");
-
-var _webglResource = _interopRequireDefault(require("./webgl-resource"));
-
-var _texture2d = _interopRequireDefault(require("./texture-2d"));
-
-var _renderbuffer = _interopRequireDefault(require("./renderbuffer"));
-
-var _clear2 = require("./clear");
-
-var _copyAndBlit = require("./copy-and-blit");
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var ERR_MULTIPLE_RENDERTARGETS = 'Multiple render targets not supported';
-
-var ImmutableFramebuffer = function (_Resource) {
-  (0, _inherits2.default)(ImmutableFramebuffer, _Resource);
-
-  var _super = _createSuper(ImmutableFramebuffer);
-
-  function ImmutableFramebuffer(gl, props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, ImmutableFramebuffer);
-    _this = _super.call(this, _webglDevice.default.attach(gl), props, {});
-
-    _this._initialize({
-      attachments: (props === null || props === void 0 ? void 0 : props.attachments) || {},
-      readBuffer: props === null || props === void 0 ? void 0 : props.readBuffer,
-      drawBuffers: props === null || props === void 0 ? void 0 : props.drawBuffers
-    });
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(ImmutableFramebuffer, [{
-    key: "checkStatus",
-    value: function checkStatus() {
-      var gl = this.gl;
-      var status = this.getStatus();
-
-      if (status !== gl.FRAMEBUFFER_COMPLETE) {
-        throw new Error(_getFrameBufferStatus(status));
-      }
-
-      return this;
-    }
-  }, {
-    key: "getStatus",
-    value: function getStatus() {
-      var gl = this.gl;
-      var prevHandle = gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
-      var status = gl.checkFramebufferStatus(_constants.default.FRAMEBUFFER);
-      gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
-      return status;
-    }
-  }, {
-    key: "show",
-    value: function show() {
-      if (typeof window !== 'undefined') {
-        window.open((0, _copyAndBlit.copyToDataUrl)(this), 'luma-debug-texture');
-      }
-
-      return this;
-    }
-  }, {
-    key: "log",
-    value: function log() {
-      var logLevel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      var message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-
-      if (logLevel > _api.log.level || typeof window === 'undefined') {
-        return this;
-      }
-
-      message = message || "Framebuffer ".concat(this.id);
-      var image = (0, _copyAndBlit.copyToDataUrl)(this, {
-        targetMaxHeight: 100
-      });
-
-      _api.log.image({
-        logLevel: logLevel,
-        message: message,
-        image: image
-      })();
-
-      return this;
-    }
-  }, {
-    key: "bind",
-    value: function bind() {
-      var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref$target = _ref.target,
-          target = _ref$target === void 0 ? _constants.default.FRAMEBUFFER : _ref$target;
-
-      this.gl.bindFramebuffer(target, this.handle);
-      return this;
-    }
-  }, {
-    key: "unbind",
-    value: function unbind() {
-      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref2$target = _ref2.target,
-          target = _ref2$target === void 0 ? _constants.default.FRAMEBUFFER : _ref2$target;
-
-      this.gl.bindFramebuffer(target, null);
-      return this;
-    }
-  }, {
-    key: "_initialize",
-    value: function _initialize(options) {
-      var _options$attachments = options.attachments,
-          attachments = _options$attachments === void 0 ? {} : _options$attachments,
-          readBuffer = options.readBuffer,
-          drawBuffers = options.drawBuffers;
-
-      this._attach(attachments);
-
-      var prevHandle = this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
-
-      if (readBuffer) {
-        this._setReadBuffer(readBuffer);
-      }
-
-      if (drawBuffers) {
-        this._setDrawBuffers(drawBuffers);
-      }
-
-      this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
-      return this;
-    }
-  }, {
-    key: "_attach",
-    value: function _attach(attachments) {
-      var prevHandle = this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
-
-      for (var key in attachments) {
-        (0, _api.assert)(key !== undefined, 'Misspelled framebuffer binding point?');
-        var attachmentPoint = Number(key);
-        var attachment = attachments[attachmentPoint];
-
-        this._attachOne(attachmentPoint, attachment);
-      }
-
-      this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
-    }
-  }, {
-    key: "_attachOne",
-    value: function _attachOne(attachmentPoint, attachment) {
-      if (attachment instanceof _renderbuffer.default) {
-        this._attachRenderbuffer(attachmentPoint, attachment);
-
-        return attachment;
-      } else if (Array.isArray(attachment)) {
-        var _attachment = (0, _slicedToArray2.default)(attachment, 3),
-            texture = _attachment[0],
-            _attachment$ = _attachment[1],
-            layer = _attachment$ === void 0 ? 0 : _attachment$,
-            _attachment$2 = _attachment[2],
-            level = _attachment$2 === void 0 ? 0 : _attachment$2;
-
-        this._attachTexture(attachmentPoint, texture, layer, level);
-
-        return texture;
-      } else if (attachment instanceof _texture2d.default) {
-        this._attachTexture(attachmentPoint, attachment, 0, 0);
-
-        return attachment;
-      }
-    }
-  }, {
-    key: "_attachRenderbuffer",
-    value: function _attachRenderbuffer(attachment, renderbuffer) {
-      this.gl.framebufferRenderbuffer(_constants.default.FRAMEBUFFER, attachment, _constants.default.RENDERBUFFER, renderbuffer.handle);
-    }
-  }, {
-    key: "_attachTexture",
-    value: function _attachTexture(attachment, texture, layer, level) {
-      var gl = this.gl;
-      gl.bindTexture(texture.target, texture.handle);
-
-      switch (texture.target) {
-        case _constants.default.TEXTURE_2D_ARRAY:
-        case _constants.default.TEXTURE_3D:
-          var gl2 = (0, _webglChecks.assertWebGL2Context)(gl);
-          gl2.framebufferTextureLayer(_constants.default.FRAMEBUFFER, attachment, texture.target, level, layer);
-          break;
-
-        case _constants.default.TEXTURE_CUBE_MAP:
-          var face = mapIndexToCubeMapFace(layer);
-          gl.framebufferTexture2D(_constants.default.FRAMEBUFFER, attachment, face, texture.handle, level);
-          break;
-
-        case _constants.default.TEXTURE_2D:
-          gl.framebufferTexture2D(_constants.default.FRAMEBUFFER, attachment, _constants.default.TEXTURE_2D, texture.handle, level);
-          break;
-
-        default:
-          (0, _api.assert)(false, 'Illegal texture type');
-      }
-
-      gl.bindTexture(texture.target, null);
-    }
-  }, {
-    key: "_setReadBuffer",
-    value: function _setReadBuffer(readBuffer) {
-      var gl2 = (0, _webglChecks.getWebGL2Context)(this.gl);
-
-      if (gl2) {
-        gl2.readBuffer(readBuffer);
-      } else {
-        (0, _api.assert)(readBuffer === _constants.default.COLOR_ATTACHMENT0 || readBuffer === _constants.default.BACK, ERR_MULTIPLE_RENDERTARGETS);
-      }
-    }
-  }, {
-    key: "_setDrawBuffers",
-    value: function _setDrawBuffers(drawBuffers) {
-      var gl = this.gl;
-      var gl2 = (0, _webglChecks.assertWebGL2Context)(gl);
-
-      if (gl2) {
-        gl2.drawBuffers(drawBuffers);
-      } else {
-        var ext = gl.getExtension('WEBGL_draw_buffers');
-
-        if (ext) {
-          ext.drawBuffersWEBGL(drawBuffers);
-        } else {
-          (0, _api.assert)(drawBuffers.length === 1 && (drawBuffers[0] === _constants.default.COLOR_ATTACHMENT0 || drawBuffers[0] === _constants.default.BACK), ERR_MULTIPLE_RENDERTARGETS);
-        }
-      }
-    }
-  }, {
-    key: "_createHandle",
-    value: function _createHandle() {
-      return this.gl.createFramebuffer();
-    }
-  }, {
-    key: "_deleteHandle",
-    value: function _deleteHandle() {
-      this.gl.deleteFramebuffer(this.handle);
-    }
-  }, {
-    key: "_bindHandle",
-    value: function _bindHandle(handle) {
-      return this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, handle);
-    }
-  }]);
-  return ImmutableFramebuffer;
-}(_webglResource.default);
-
-exports.ImmutableFramebuffer = ImmutableFramebuffer;
-
-var Framebuffer = function (_ImmutableFramebuffer) {
-  (0, _inherits2.default)(Framebuffer, _ImmutableFramebuffer);
-
-  var _super2 = _createSuper(Framebuffer);
-
-  function Framebuffer(gl, props) {
-    var _this2;
-
-    (0, _classCallCheck2.default)(this, Framebuffer);
-    _this2 = _super2.call(this, gl, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "width", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "height", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "attachments", {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "readBuffer", _constants.default.COLOR_ATTACHMENT0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "drawBuffers", [_constants.default.COLOR_ATTACHMENT0]);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "ownResources", []);
-
-    _this2.initialize(props);
-
-    Object.seal((0, _assertThisInitialized2.default)(_this2));
-    return _this2;
-  }
-
-  (0, _createClass2.default)(Framebuffer, [{
-    key: "MAX_COLOR_ATTACHMENTS",
-    get: function get() {
-      var gl2 = (0, _webglChecks.assertWebGL2Context)(this.gl);
-      return gl2.getParameter(gl2.MAX_COLOR_ATTACHMENTS);
-    }
-  }, {
-    key: "MAX_DRAW_BUFFERS",
-    get: function get() {
-      var gl2 = (0, _webglChecks.assertWebGL2Context)(this.gl);
-      return gl2.getParameter(gl2.MAX_DRAW_BUFFERS);
-    }
-  }, {
-    key: "color",
-    get: function get() {
-      return this.attachments[_constants.default.COLOR_ATTACHMENT0] || null;
-    }
-  }, {
-    key: "texture",
-    get: function get() {
-      return this.attachments[_constants.default.COLOR_ATTACHMENT0] || null;
-    }
-  }, {
-    key: "depth",
-    get: function get() {
-      return this.attachments[_constants.default.DEPTH_ATTACHMENT] || this.attachments[_constants.default.DEPTH_STENCIL_ATTACHMENT] || null;
-    }
-  }, {
-    key: "stencil",
-    get: function get() {
-      return this.attachments[_constants.default.STENCIL_ATTACHMENT] || this.attachments[_constants.default.DEPTH_STENCIL_ATTACHMENT] || null;
-    }
-  }, {
-    key: "initialize",
-    value: function initialize(props) {
-      var _ref3 = props || {},
-          _ref3$attachments = _ref3.attachments,
-          attachments = _ref3$attachments === void 0 ? null : _ref3$attachments;
-
-      var _ref4 = props || {},
-          _ref4$width = _ref4.width,
-          width = _ref4$width === void 0 ? 1 : _ref4$width,
-          _ref4$height = _ref4.height,
-          height = _ref4$height === void 0 ? 1 : _ref4$height,
-          _ref4$color = _ref4.color,
-          color = _ref4$color === void 0 ? true : _ref4$color,
-          _ref4$depth = _ref4.depth,
-          depth = _ref4$depth === void 0 ? true : _ref4$depth,
-          _ref4$stencil = _ref4.stencil,
-          stencil = _ref4$stencil === void 0 ? false : _ref4$stencil,
-          _ref4$check = _ref4.check,
-          check = _ref4$check === void 0 ? true : _ref4$check,
-          _ref4$readBuffer = _ref4.readBuffer,
-          readBuffer = _ref4$readBuffer === void 0 ? undefined : _ref4$readBuffer,
-          _ref4$drawBuffers = _ref4.drawBuffers,
-          drawBuffers = _ref4$drawBuffers === void 0 ? undefined : _ref4$drawBuffers;
-
-      (0, _api.assert)(width >= 0 && height >= 0, 'Width and height need to be integers');
-      this.width = width;
-      this.height = height;
-
-      if (attachments) {
-        for (var attachment in attachments) {
-          var target = attachments[attachment];
-          var object = Array.isArray(target) ? target[0] : target;
-          object.resize({
-            width: width,
-            height: height
-          });
-        }
-      } else {
-        attachments = this._createDefaultAttachments(color, depth, stencil, width, height);
-      }
-
-      this.update({
-        clearAttachments: true,
-        attachments: attachments,
-        readBuffer: readBuffer,
-        drawBuffers: drawBuffers
-      });
-
-      if (attachments && check) {
-        this.checkStatus();
-      }
-    }
-  }, {
-    key: "delete",
-    value: function _delete() {
-      var _iterator = _createForOfIteratorHelper(this.ownResources),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var resource = _step.value;
-          resource.delete();
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-
-      (0, _get2.default)((0, _getPrototypeOf2.default)(Framebuffer.prototype), "delete", this).call(this);
-      return this;
-    }
-  }, {
-    key: "update",
-    value: function update(options) {
-      var _options$attachments2 = options.attachments,
-          attachments = _options$attachments2 === void 0 ? {} : _options$attachments2,
-          readBuffer = options.readBuffer,
-          drawBuffers = options.drawBuffers,
-          _options$clearAttachm = options.clearAttachments,
-          clearAttachments = _options$clearAttachm === void 0 ? false : _options$clearAttachm,
-          _options$resizeAttach = options.resizeAttachments,
-          resizeAttachments = _options$resizeAttach === void 0 ? true : _options$resizeAttach;
-      this.attach(attachments, {
-        clearAttachments: clearAttachments,
-        resizeAttachments: resizeAttachments
-      });
-      var gl = this.gl;
-      var prevHandle = gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
-
-      if (readBuffer) {
-        this._setReadBuffer(readBuffer);
-
-        this.readBuffer = readBuffer;
-      }
-
-      if (drawBuffers) {
-        this._setDrawBuffers(drawBuffers);
-
-        this.drawBuffers = drawBuffers;
-      }
-
-      gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
-      return this;
-    }
-  }, {
-    key: "resize",
-    value: function resize(size) {
-      var _ref5 = size || {},
-          width = _ref5.width,
-          height = _ref5.height;
-
-      if (this.handle === null) {
-        (0, _api.assert)(width === undefined && height === undefined);
-        this.width = this.gl.drawingBufferWidth;
-        this.height = this.gl.drawingBufferHeight;
-        return this;
-      }
-
-      if (width === undefined) {
-        width = this.gl.drawingBufferWidth;
-      }
-
-      if (height === undefined) {
-        height = this.gl.drawingBufferHeight;
-      }
-
-      if (width !== this.width && height !== this.height) {
-        _api.log.log(2, "Resizing framebuffer ".concat(this.id, " to ").concat(width, "x").concat(height))();
-      }
-
-      for (var attachmentPoint in this.attachments) {
-        this.attachments[attachmentPoint].resize({
-          width: width,
-          height: height
-        });
-      }
-
-      this.width = width;
-      this.height = height;
-      return this;
-    }
-  }, {
-    key: "attach",
-    value: function attach(attachments) {
-      var _this3 = this;
-
-      var _ref6 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-          _ref6$clearAttachment = _ref6.clearAttachments,
-          clearAttachments = _ref6$clearAttachment === void 0 ? false : _ref6$clearAttachment,
-          _ref6$resizeAttachmen = _ref6.resizeAttachments,
-          resizeAttachments = _ref6$resizeAttachmen === void 0 ? true : _ref6$resizeAttachmen;
-
-      var newAttachments = {};
-
-      if (clearAttachments) {
-        Object.keys(this.attachments).forEach(function (key) {
-          newAttachments[key] = null;
-        });
-      }
-
-      Object.assign(newAttachments, attachments);
-      var prevHandle = this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
-
-      for (var key in newAttachments) {
-        (0, _api.assert)(key !== undefined, 'Misspelled framebuffer binding point?');
-        var attachment = Number(key);
-        var descriptor = newAttachments[attachment];
-        var object = descriptor;
-
-        if (!object) {
-          this._unattach(attachment);
-        } else {
-          object = this._attachOne(attachment, object);
-          this.attachments[attachment] = object;
-        }
-
-        if (resizeAttachments && object) {
-          object.resize({
-            width: this.width,
-            height: this.height
-          });
-        }
-      }
-
-      this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
-      Object.assign(this.attachments, attachments);
-      Object.keys(this.attachments).filter(function (key) {
-        return !_this3.attachments[key];
-      }).forEach(function (key) {
-        delete _this3.attachments[key];
-      });
-    }
-  }, {
-    key: "clear",
-    value: function clear(options) {
-      var _this4 = this;
-
-      var color = options.color,
-          depth = options.depth,
-          stencil = options.stencil,
-          _options$drawBuffers = options.drawBuffers,
-          drawBuffers = _options$drawBuffers === void 0 ? [] : _options$drawBuffers;
-      var prevHandle = this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
-
-      if (color || depth || stencil) {
-        (0, _clear2.clear)(this.gl, {
-          color: color,
-          depth: depth,
-          stencil: stencil
-        });
-      }
-
-      drawBuffers.forEach(function (value, drawBuffer) {
-        (0, _clear2.clearBuffer)(_this4.gl, {
-          drawBuffer: drawBuffer,
-          value: value
-        });
-      });
-      this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
-      return this;
-    }
-  }, {
-    key: "blit",
-    value: function blit() {
-      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-      _api.log.error('Framebuffer.blit({...}) is no logner supported, use blit(source, target, opts)')();
-
-      return null;
-    }
-  }, {
-    key: "invalidate",
-    value: function invalidate(options) {
-      var _options$attachments3 = options.attachments,
-          attachments = _options$attachments3 === void 0 ? [] : _options$attachments3,
-          _options$x = options.x,
-          x = _options$x === void 0 ? 0 : _options$x,
-          _options$y = options.y,
-          y = _options$y === void 0 ? 0 : _options$y,
-          width = options.width,
-          height = options.height;
-      var gl2 = (0, _webglChecks.assertWebGL2Context)(this.gl);
-      var prevHandle = gl2.bindFramebuffer(_constants.default.READ_FRAMEBUFFER, this.handle);
-      var invalidateAll = x === 0 && y === 0 && width === undefined && height === undefined;
-
-      if (invalidateAll) {
-        gl2.invalidateFramebuffer(_constants.default.READ_FRAMEBUFFER, attachments);
-      } else {
-        gl2.invalidateFramebuffer(_constants.default.READ_FRAMEBUFFER, attachments, x, y, width, height);
-      }
-
-      gl2.bindFramebuffer(_constants.default.READ_FRAMEBUFFER, prevHandle);
-      return this;
-    }
-  }, {
-    key: "getAttachmentParameter",
-    value: function getAttachmentParameter(attachment, pname, keys) {
-      var value = this._getAttachmentParameterFallback(pname);
-
-      if (value === null) {
-        this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
-        value = this.gl.getFramebufferAttachmentParameter(_constants.default.FRAMEBUFFER, attachment, pname);
-        this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, null);
-      }
-
-      if (keys && value > 1000) {
-        value = (0, _constantsToKeys.getKey)(this.gl, value);
-      }
-
-      return value;
-    }
-  }, {
-    key: "getAttachmentParameters",
-    value: function getAttachmentParameters() {
-      var attachment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _constants.default.COLOR_ATTACHMENT0;
-      var keys = arguments.length > 1 ? arguments[1] : undefined;
-      var parameters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.constructor.ATTACHMENT_PARAMETERS || [];
-      var values = {};
-
-      var _iterator2 = _createForOfIteratorHelper(parameters),
-          _step2;
-
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var pname = _step2.value;
-          var key = keys ? (0, _constantsToKeys.getKey)(this.gl, pname) : pname;
-          values[key] = this.getAttachmentParameter(attachment, pname, keys);
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-
-      return values;
-    }
-  }, {
-    key: "getParameters",
-    value: function getParameters() {
-      var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-      var attachments = Object.keys(this.attachments);
-      var parameters = {};
-
-      for (var _i = 0, _attachments = attachments; _i < _attachments.length; _i++) {
-        var attachmentName = _attachments[_i];
-        var attachment = Number(attachmentName);
-        var key = keys ? (0, _constantsToKeys.getKey)(this.gl, attachment) : attachment;
-        parameters[key] = this.getAttachmentParameters(attachment, keys);
-      }
-
-      return parameters;
-    }
-  }, {
-    key: "_createDefaultAttachments",
-    value: function _createDefaultAttachments(color, depth, stencil, width, height) {
-      var defaultAttachments = null;
-
-      if (color) {
-        var _parameters;
-
-        defaultAttachments = defaultAttachments || {};
-        defaultAttachments[_constants.default.COLOR_ATTACHMENT0] = new _texture2d.default(this.gl, {
-          id: "".concat(this.id, "-color0"),
-          pixels: null,
-          format: _constants.default.RGBA,
-          type: _constants.default.UNSIGNED_BYTE,
-          width: width,
-          height: height,
-          mipmaps: false,
-          parameters: (_parameters = {}, (0, _defineProperty2.default)(_parameters, _constants.default.TEXTURE_MIN_FILTER, _constants.default.LINEAR), (0, _defineProperty2.default)(_parameters, _constants.default.TEXTURE_MAG_FILTER, _constants.default.LINEAR), (0, _defineProperty2.default)(_parameters, _constants.default.TEXTURE_WRAP_S, _constants.default.CLAMP_TO_EDGE), (0, _defineProperty2.default)(_parameters, _constants.default.TEXTURE_WRAP_T, _constants.default.CLAMP_TO_EDGE), _parameters)
-        });
-        this.ownResources.push(defaultAttachments[_constants.default.COLOR_ATTACHMENT0]);
-      }
-
-      if (depth && stencil) {
-        defaultAttachments = defaultAttachments || {};
-        defaultAttachments[_constants.default.DEPTH_STENCIL_ATTACHMENT] = new _renderbuffer.default(this.gl, {
-          id: "".concat(this.id, "-depth-stencil"),
-          format: _constants.default.DEPTH24_STENCIL8,
-          width: width,
-          height: 111
-        });
-        this.ownResources.push(defaultAttachments[_constants.default.DEPTH_STENCIL_ATTACHMENT]);
-      } else if (depth) {
-        defaultAttachments = defaultAttachments || {};
-        defaultAttachments[_constants.default.DEPTH_ATTACHMENT] = new _renderbuffer.default(this.gl, {
-          id: "".concat(this.id, "-depth"),
-          format: _constants.default.DEPTH_COMPONENT16,
-          width: width,
-          height: height
-        });
-        this.ownResources.push(defaultAttachments[_constants.default.DEPTH_ATTACHMENT]);
-      } else if (stencil) {
-        (0, _api.assert)(false);
-      }
-
-      return defaultAttachments;
-    }
-  }, {
-    key: "_unattach",
-    value: function _unattach(attachment) {
-      var oldAttachment = this.attachments[attachment];
-
-      if (!oldAttachment) {
-        return;
-      }
-
-      if (oldAttachment instanceof _renderbuffer.default) {
-        this.gl.framebufferRenderbuffer(_constants.default.FRAMEBUFFER, attachment, _constants.default.RENDERBUFFER, null);
-      } else {
-        this.gl.framebufferTexture2D(_constants.default.FRAMEBUFFER, attachment, _constants.default.TEXTURE_2D, null, 0);
-      }
-
-      delete this.attachments[attachment];
-    }
-  }, {
-    key: "_getAttachmentParameterFallback",
-    value: function _getAttachmentParameterFallback(pname) {
-      var webglDevice = _webglDevice.default.fromContext(this.gl);
-
-      var features = webglDevice.features;
-
-      switch (pname) {
-        case _constants.default.FRAMEBUFFER_ATTACHMENT_TEXTURE_LAYER:
-          return !features.has('webgl2') ? 0 : null;
-
-        case _constants.default.FRAMEBUFFER_ATTACHMENT_RED_SIZE:
-        case _constants.default.FRAMEBUFFER_ATTACHMENT_GREEN_SIZE:
-        case _constants.default.FRAMEBUFFER_ATTACHMENT_BLUE_SIZE:
-        case _constants.default.FRAMEBUFFER_ATTACHMENT_ALPHA_SIZE:
-        case _constants.default.FRAMEBUFFER_ATTACHMENT_DEPTH_SIZE:
-        case _constants.default.FRAMEBUFFER_ATTACHMENT_STENCIL_SIZE:
-          return !features.has('webgl2') ? 8 : null;
-
-        case _constants.default.FRAMEBUFFER_ATTACHMENT_COMPONENT_TYPE:
-          return !features.has('webgl2') ? _constants.default.UNSIGNED_INT : null;
-
-        case _constants.default.FRAMEBUFFER_ATTACHMENT_COLOR_ENCODING:
-          return !features.has('webgl2') && !features.has('webgl-color-encoding-srgb') ? _constants.default.LINEAR : null;
-
-        default:
-          return null;
-      }
-    }
-  }], [{
-    key: "isSupported",
-    value: function isSupported(gl, options) {
-      return isFloatColorBufferSupported(gl, options);
-    }
-  }, {
-    key: "getDefaultFramebuffer",
-    value: function getDefaultFramebuffer(gl) {
-      var webglDevice = _webglDevice.default.fromContext(gl);
-
-      webglDevice.defaultFramebuffer = webglDevice.defaultFramebuffer || new Framebuffer(gl, {
-        id: 'default-framebuffer',
-        handle: null,
-        attachments: {}
-      });
-      return webglDevice.defaultFramebuffer;
-    }
-  }]);
-  return Framebuffer;
-}(ImmutableFramebuffer);
-
-exports.default = Framebuffer;
-(0, _defineProperty2.default)(Framebuffer, "FRAMEBUFFER_ATTACHMENT_PARAMETERS", [_constants.default.FRAMEBUFFER_ATTACHMENT_OBJECT_NAME, _constants.default.FRAMEBUFFER_ATTACHMENT_OBJECT_TYPE, _constants.default.FRAMEBUFFER_ATTACHMENT_COLOR_ENCODING, _constants.default.FRAMEBUFFER_ATTACHMENT_RED_SIZE, _constants.default.FRAMEBUFFER_ATTACHMENT_GREEN_SIZE, _constants.default.FRAMEBUFFER_ATTACHMENT_BLUE_SIZE, _constants.default.FRAMEBUFFER_ATTACHMENT_ALPHA_SIZE, _constants.default.FRAMEBUFFER_ATTACHMENT_DEPTH_SIZE, _constants.default.FRAMEBUFFER_ATTACHMENT_STENCIL_SIZE]);
-
-function mapIndexToCubeMapFace(layer) {
-  return layer < _constants.default.TEXTURE_CUBE_MAP_POSITIVE_X ? layer + _constants.default.TEXTURE_CUBE_MAP_POSITIVE_X : layer;
-}
-
-function _getFrameBufferStatus(status) {
-  var STATUS = Framebuffer.STATUS || {};
-  return STATUS[status] || "Framebuffer error ".concat(status);
-}
-
-function isFloatColorBufferSupported(gl, options) {
-  var colorBufferFloat = options.colorBufferFloat,
-      colorBufferHalfFloat = options.colorBufferHalfFloat;
-  var supported = true;
-
-  if (colorBufferFloat) {
-    supported = Boolean(gl.getExtension('EXT_color_buffer_float') || gl.getExtension('WEBGL_color_buffer_float') || gl.getExtension('OES_texture_float'));
-  }
-
-  if (colorBufferHalfFloat) {
-    supported = supported && Boolean(gl.getExtension('EXT_color_buffer_float') || gl.getExtension('EXT_color_buffer_half_float'));
-  }
-
-  return supported;
-}
-//# sourceMappingURL=framebuffer.js.map