@luma.gl/webgl 8.5.7 → 8.6.0-alpha.1

package/dist/es5/classes/framebuffer.js

@@ -5,791 +5,674 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FRAMEBUFFER_ATTACHMENT_PARAMETERS = exports.default = void 0;
+exports.default = exports.ImmutableFramebuffer = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _constants = _interopRequireDefault(require("@luma.gl/constants"));
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _gltools = require("@luma.gl/gltools");
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _webglResource = _interopRequireDefault(require("./webgl-resource"));
 
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _texture2d = _interopRequireDefault(require("./texture-2d"));
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _renderbuffer = _interopRequireDefault(require("./renderbuffer"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _clear = require("./clear");
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _copyAndBlit = require("./copy-and-blit");
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _lumaContextData = require("../context/luma-context-data");
 
-var _gltools = require("@luma.gl/gltools");
+var _features = require("../features");
 
-var _resource = _interopRequireDefault(require("./resource"));
+var _webglUtils = require("../webgl-utils");
 
-var _texture2d = _interopRequireDefault(require("./texture-2d"));
+var _utils = require("../utils");
 
-var _renderbuffer = _interopRequireDefault(require("./renderbuffer"));
+const ERR_MULTIPLE_RENDERTARGETS = 'Multiple render targets not supported';
 
-var _clear2 = require("./clear");
+class ImmutableFramebuffer extends _webglResource.default {
+  constructor(gl, props) {
+    super(gl, props, {});
 
-var _copyAndBlit = require("./copy-and-blit.js");
+    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
+    });
+  }
 
-var _features = require("../features");
+  checkStatus() {
+    const {
+      gl
+    } = this;
+    const status = this.getStatus();
 
-var _constantsToKeys = require("../webgl-utils/constants-to-keys");
+    if (status !== gl.FRAMEBUFFER_COMPLETE) {
+      throw new Error(_getFrameBufferStatus(status));
+    }
 
-var _assert = require("../utils/assert");
+    return this;
+  }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { 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 = o[Symbol.iterator](); }, 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; } } }; }
+  getStatus() {
+    const {
+      gl
+    } = this;
+    const prevHandle = gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
+    const status = gl.checkFramebufferStatus(_constants.default.FRAMEBUFFER);
+    gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
+    return status;
+  }
 
-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); }
+  show() {
+    if (typeof window !== 'undefined') {
+      window.open((0, _copyAndBlit.copyToDataUrl)(this), 'luma-debug-texture');
+    }
+
+    return this;
+  }
+
+  log(logLevel = 0, message = '') {
+    if (logLevel > _gltools.log.level || typeof window === 'undefined') {
+      return this;
+    }
 
-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; }
+    message = message || "Framebuffer ".concat(this.id);
+    const image = (0, _copyAndBlit.copyToDataUrl)(this, {
+      targetMaxHeight: 100
+    });
 
-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); }; }
+    _gltools.log.image({
+      logLevel,
+      message,
+      image
+    }, message)();
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+    return this;
+  }
+
+  bind({
+    target = _constants.default.FRAMEBUFFER
+  } = {}) {
+    this.gl.bindFramebuffer(target, this.handle);
+    return this;
+  }
+
+  unbind({
+    target = _constants.default.FRAMEBUFFER
+  } = {}) {
+    this.gl.bindFramebuffer(target, null);
+    return this;
+  }
 
-var ERR_MULTIPLE_RENDERTARGETS = 'Multiple render targets not supported';
+  _initialize(options) {
+    const {
+      attachments = {},
+      readBuffer,
+      drawBuffers
+    } = options;
 
-var Framebuffer = function (_Resource) {
-  (0, _inherits2.default)(Framebuffer, _Resource);
+    this._attach(attachments);
 
-  var _super = _createSuper(Framebuffer);
+    const prevHandle = this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
 
-  (0, _createClass2.default)(Framebuffer, [{
-    key: "MAX_COLOR_ATTACHMENTS",
-    get: function get() {
-      var gl2 = (0, _gltools.assertWebGL2Context)(this.gl);
-      return gl2.getParameter(gl2.MAX_COLOR_ATTACHMENTS);
+    if (readBuffer) {
+      this._setReadBuffer(readBuffer);
     }
-  }, {
-    key: "MAX_DRAW_BUFFERS",
-    get: function get() {
-      var gl2 = (0, _gltools.assertWebGL2Context)(this.gl);
-      return gl2.getParameter(gl2.MAX_DRAW_BUFFERS);
+
+    if (drawBuffers) {
+      this._setDrawBuffers(drawBuffers);
     }
-  }], [{
-    key: "isSupported",
-    value: function isSupported(gl) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      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'));
-      }
+    this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
+    return this;
+  }
 
-      if (colorBufferHalfFloat) {
-        supported = supported && Boolean(gl.getExtension('EXT_color_buffer_float') || gl.getExtension('EXT_color_buffer_half_float'));
-      }
+  _attach(attachments) {
+    const prevHandle = this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
+
+    for (const key in attachments) {
+      (0, _utils.assert)(key !== undefined, 'Misspelled framebuffer binding point?');
+      const attachmentPoint = Number(key);
+      const attachment = attachments[attachmentPoint];
 
-      return supported;
+      this._attachOne(attachmentPoint, attachment);
     }
-  }, {
-    key: "getDefaultFramebuffer",
-    value: function getDefaultFramebuffer(gl) {
-      gl.luma = gl.luma || {};
-      gl.luma.defaultFramebuffer = gl.luma.defaultFramebuffer || new Framebuffer(gl, {
-        id: 'default-framebuffer',
-        handle: null,
-        attachments: {}
-      });
-      return gl.luma.defaultFramebuffer;
-    }
-  }]);
-
-  function Framebuffer(gl) {
-    var _this;
-
-    var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    (0, _classCallCheck2.default)(this, Framebuffer);
-    _this = _super.call(this, gl, opts);
-    _this.width = null;
-    _this.height = null;
-    _this.attachments = {};
-    _this.readBuffer = 36064;
-    _this.drawBuffers = [36064];
-    _this.ownResources = [];
-
-    _this.initialize(opts);
-
-    Object.seal((0, _assertThisInitialized2.default)(_this));
-    return _this;
-  }
-
-  (0, _createClass2.default)(Framebuffer, [{
-    key: "initialize",
-    value: function initialize(_ref) {
-      var _ref$width = _ref.width,
-          width = _ref$width === void 0 ? 1 : _ref$width,
-          _ref$height = _ref.height,
-          height = _ref$height === void 0 ? 1 : _ref$height,
-          _ref$attachments = _ref.attachments,
-          attachments = _ref$attachments === void 0 ? null : _ref$attachments,
-          _ref$color = _ref.color,
-          color = _ref$color === void 0 ? true : _ref$color,
-          _ref$depth = _ref.depth,
-          depth = _ref$depth === void 0 ? true : _ref$depth,
-          _ref$stencil = _ref.stencil,
-          stencil = _ref$stencil === void 0 ? false : _ref$stencil,
-          _ref$check = _ref.check,
-          check = _ref$check === void 0 ? true : _ref$check,
-          _ref$readBuffer = _ref.readBuffer,
-          readBuffer = _ref$readBuffer === void 0 ? undefined : _ref$readBuffer,
-          _ref$drawBuffers = _ref.drawBuffers,
-          drawBuffers = _ref$drawBuffers === void 0 ? undefined : _ref$drawBuffers;
-      (0, _assert.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
-      });
+    this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
+  }
 
-      if (attachments && check) {
-        this.checkStatus();
-      }
+  _attachOne(attachmentPoint, attachment) {
+    if (attachment instanceof _renderbuffer.default) {
+      this._attachRenderbuffer(attachmentPoint, attachment);
+
+      return attachment;
+    } else if (Array.isArray(attachment)) {
+      const [texture, layer = 0, level = 0] = attachment;
+
+      this._attachTexture(attachmentPoint, texture, layer, level);
+
+      return texture;
+    } else if (attachment instanceof _texture2d.default) {
+      this._attachTexture(attachmentPoint, attachment, 0, 0);
+
+      return attachment;
     }
-  }, {
-    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();
-      }
+  _attachRenderbuffer(attachment, renderbuffer) {
+    this.gl.framebufferRenderbuffer(_constants.default.FRAMEBUFFER, attachment, _constants.default.RENDERBUFFER, renderbuffer.handle);
+  }
 
-      (0, _get2.default)((0, _getPrototypeOf2.default)(Framebuffer.prototype), "delete", this).call(this);
-      return this;
+  _attachTexture(attachment, texture, layer, level) {
+    const {
+      gl
+    } = this;
+    gl.bindTexture(texture.target, texture.handle);
+
+    switch (texture.target) {
+      case _constants.default.TEXTURE_2D_ARRAY:
+      case _constants.default.TEXTURE_3D:
+        const gl2 = (0, _gltools.assertWebGL2Context)(gl);
+        gl2.framebufferTextureLayer(_constants.default.FRAMEBUFFER, attachment, texture.target, level, layer);
+        break;
+
+      case _constants.default.TEXTURE_CUBE_MAP:
+        const 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, _utils.assert)(false, 'Illegal texture type');
     }
-  }, {
-    key: "update",
-    value: function update(_ref2) {
-      var _ref2$attachments = _ref2.attachments,
-          attachments = _ref2$attachments === void 0 ? {} : _ref2$attachments,
-          readBuffer = _ref2.readBuffer,
-          drawBuffers = _ref2.drawBuffers,
-          _ref2$clearAttachment = _ref2.clearAttachments,
-          clearAttachments = _ref2$clearAttachment === void 0 ? false : _ref2$clearAttachment,
-          _ref2$resizeAttachmen = _ref2.resizeAttachments,
-          resizeAttachments = _ref2$resizeAttachmen === void 0 ? true : _ref2$resizeAttachmen;
-      this.attach(attachments, {
-        clearAttachments: clearAttachments,
-        resizeAttachments: resizeAttachments
-      });
-      var gl = this.gl;
-      var prevHandle = gl.bindFramebuffer(36160, this.handle);
 
-      if (readBuffer) {
-        this._setReadBuffer(readBuffer);
-      }
+    gl.bindTexture(texture.target, null);
+  }
 
-      if (drawBuffers) {
-        this._setDrawBuffers(drawBuffers);
-      }
+  _setReadBuffer(readBuffer) {
+    const gl2 = (0, _gltools.getWebGL2Context)(this.gl);
 
-      gl.bindFramebuffer(36160, prevHandle || null);
-      return this;
+    if (gl2) {
+      gl2.readBuffer(readBuffer);
+    } else {
+      (0, _utils.assert)(readBuffer === _constants.default.COLOR_ATTACHMENT0 || readBuffer === _constants.default.BACK, ERR_MULTIPLE_RENDERTARGETS);
     }
-  }, {
-    key: "resize",
-    value: function resize() {
-      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var width = options.width,
-          height = options.height;
-
-      if (this.handle === null) {
-        (0, _assert.assert)(width === undefined && height === undefined);
-        this.width = this.gl.drawingBufferWidth;
-        this.height = this.gl.drawingBufferHeight;
-        return this;
-      }
+  }
 
-      if (width === undefined) {
-        width = this.gl.drawingBufferWidth;
-      }
+  _setDrawBuffers(drawBuffers) {
+    const {
+      gl
+    } = this;
+    const gl2 = (0, _gltools.assertWebGL2Context)(gl);
 
-      if (height === undefined) {
-        height = this.gl.drawingBufferHeight;
-      }
+    if (gl2) {
+      gl2.drawBuffers(drawBuffers);
+    } else {
+      const ext = gl.getExtension('WEBGL_draw_buffers');
 
-      if (width !== this.width && height !== this.height) {
-        _gltools.log.log(2, "Resizing framebuffer ".concat(this.id, " to ").concat(width, "x").concat(height))();
+      if (ext) {
+        ext.drawBuffersWEBGL(drawBuffers);
+      } else {
+        (0, _utils.assert)(drawBuffers.length === 1 && (drawBuffers[0] === _constants.default.COLOR_ATTACHMENT0 || drawBuffers[0] === _constants.default.BACK), ERR_MULTIPLE_RENDERTARGETS);
       }
+    }
+  }
 
-      for (var attachmentPoint in this.attachments) {
-        this.attachments[attachmentPoint].resize({
-          width: width,
-          height: height
-        });
-      }
+  _createHandle() {
+    return this.gl.createFramebuffer();
+  }
 
-      this.width = width;
-      this.height = height;
-      return this;
-    }
-  }, {
-    key: "attach",
-    value: function attach(attachments) {
-      var _this2 = this;
+  _deleteHandle() {
+    this.gl.deleteFramebuffer(this.handle);
+  }
 
-      var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-          _ref3$clearAttachment = _ref3.clearAttachments,
-          clearAttachments = _ref3$clearAttachment === void 0 ? false : _ref3$clearAttachment,
-          _ref3$resizeAttachmen = _ref3.resizeAttachments,
-          resizeAttachments = _ref3$resizeAttachmen === void 0 ? true : _ref3$resizeAttachmen;
+  _bindHandle(handle) {
+    return this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, handle);
+  }
 
-      var newAttachments = {};
+}
 
-      if (clearAttachments) {
-        Object.keys(this.attachments).forEach(function (key) {
-          newAttachments[key] = null;
-        });
-      }
+exports.ImmutableFramebuffer = ImmutableFramebuffer;
 
-      Object.assign(newAttachments, attachments);
-      var prevHandle = this.gl.bindFramebuffer(36160, this.handle);
-
-      for (var key in newAttachments) {
-        (0, _assert.assert)(key !== undefined, 'Misspelled framebuffer binding point?');
-        var attachment = Number(key);
-        var descriptor = newAttachments[attachment];
-        var object = descriptor;
-
-        if (!object) {
-          this._unattach(attachment);
-        } else if (object instanceof _renderbuffer.default) {
-          this._attachRenderbuffer({
-            attachment: attachment,
-            renderbuffer: object
-          });
-        } else if (Array.isArray(descriptor)) {
-          var _descriptor = (0, _slicedToArray2.default)(descriptor, 3),
-              texture = _descriptor[0],
-              _descriptor$ = _descriptor[1],
-              layer = _descriptor$ === void 0 ? 0 : _descriptor$,
-              _descriptor$2 = _descriptor[2],
-              level = _descriptor$2 === void 0 ? 0 : _descriptor$2;
-
-          object = texture;
-
-          this._attachTexture({
-            attachment: attachment,
-            texture: texture,
-            layer: layer,
-            level: level
-          });
-        } else {
-          this._attachTexture({
-            attachment: attachment,
-            texture: object,
-            layer: 0,
-            level: 0
-          });
-        }
+class Framebuffer extends ImmutableFramebuffer {
+  static isSupported(gl, options) {
+    return isFloatColorBufferSupported(gl, options);
+  }
 
-        if (resizeAttachments && object) {
-          object.resize({
-            width: this.width,
-            height: this.height
-          });
-        }
-      }
+  static getDefaultFramebuffer(gl) {
+    const lumaContextData = (0, _lumaContextData.getLumaContextData)(gl);
+    lumaContextData.defaultFramebuffer = lumaContextData.defaultFramebuffer || new Framebuffer(gl, {
+      id: 'default-framebuffer',
+      handle: null,
+      attachments: {}
+    });
+    return lumaContextData.defaultFramebuffer;
+  }
 
-      this.gl.bindFramebuffer(36160, prevHandle || null);
-      Object.assign(this.attachments, attachments);
-      Object.keys(this.attachments).filter(function (key) {
-        return !_this2.attachments[key];
-      }).forEach(function (key) {
-        delete _this2.attachments[key];
-      });
-    }
-  }, {
-    key: "checkStatus",
-    value: function checkStatus() {
-      var gl = this.gl;
-      var status = this.getStatus();
+  get MAX_COLOR_ATTACHMENTS() {
+    const gl2 = (0, _gltools.assertWebGL2Context)(this.gl);
+    return gl2.getParameter(gl2.MAX_COLOR_ATTACHMENTS);
+  }
 
-      if (status !== 36053) {
-        throw new Error(_getFrameBufferStatus(status));
-      }
+  get MAX_DRAW_BUFFERS() {
+    const gl2 = (0, _gltools.assertWebGL2Context)(this.gl);
+    return gl2.getParameter(gl2.MAX_DRAW_BUFFERS);
+  }
 
-      return this;
-    }
-  }, {
-    key: "getStatus",
-    value: function getStatus() {
-      var gl = this.gl;
-      var prevHandle = gl.bindFramebuffer(36160, this.handle);
-      var status = gl.checkFramebufferStatus(36160);
-      gl.bindFramebuffer(36160, prevHandle || null);
-      return status;
-    }
-  }, {
-    key: "clear",
-    value: function clear() {
-      var _this3 = this;
-
-      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      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(36160, this.handle);
-
-      if (color || depth || stencil) {
-        (0, _clear2.clear)(this.gl, {
-          color: color,
-          depth: depth,
-          stencil: stencil
-        });
-      }
+  constructor(gl, props) {
+    super(gl, props);
+    (0, _defineProperty2.default)(this, "width", null);
+    (0, _defineProperty2.default)(this, "height", null);
+    (0, _defineProperty2.default)(this, "attachments", {});
+    (0, _defineProperty2.default)(this, "readBuffer", _constants.default.COLOR_ATTACHMENT0);
+    (0, _defineProperty2.default)(this, "drawBuffers", [_constants.default.COLOR_ATTACHMENT0]);
+    (0, _defineProperty2.default)(this, "ownResources", []);
+    this.initialize(props);
+    Object.seal(this);
+  }
 
-      drawBuffers.forEach(function (value, drawBuffer) {
-        (0, _clear2.clearBuffer)(_this3.gl, {
-          drawBuffer: drawBuffer,
-          value: value
+  get color() {
+    return this.attachments[_constants.default.COLOR_ATTACHMENT0] || null;
+  }
+
+  get texture() {
+    return this.attachments[_constants.default.COLOR_ATTACHMENT0] || null;
+  }
+
+  get depth() {
+    return this.attachments[_constants.default.DEPTH_ATTACHMENT] || this.attachments[_constants.default.DEPTH_STENCIL_ATTACHMENT] || null;
+  }
+
+  get stencil() {
+    return this.attachments[_constants.default.STENCIL_ATTACHMENT] || this.attachments[_constants.default.DEPTH_STENCIL_ATTACHMENT] || null;
+  }
+
+  initialize(props) {
+    let {
+      attachments = null
+    } = props || {};
+    const {
+      width = 1,
+      height = 1,
+      color = true,
+      depth = true,
+      stencil = false,
+      check = true,
+      readBuffer = undefined,
+      drawBuffers = undefined
+    } = props || {};
+    (0, _utils.assert)(width >= 0 && height >= 0, 'Width and height need to be integers');
+    this.width = width;
+    this.height = height;
+
+    if (attachments) {
+      for (const attachment in attachments) {
+        const target = attachments[attachment];
+        const object = Array.isArray(target) ? target[0] : target;
+        object.resize({
+          width,
+          height
         });
-      });
-      this.gl.bindFramebuffer(36160, prevHandle || null);
-      return this;
+      }
+    } else {
+      attachments = this._createDefaultAttachments(color, depth, stencil, width, height);
     }
-  }, {
-    key: "readPixels",
-    value: function readPixels() {
-      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-      _gltools.log.error('Framebuffer.readPixels() is no logner supported, use readPixelsToArray(framebuffer)')();
+    this.update({
+      clearAttachments: true,
+      attachments,
+      readBuffer,
+      drawBuffers
+    });
 
-      return null;
+    if (attachments && check) {
+      this.checkStatus();
     }
-  }, {
-    key: "readPixelsToBuffer",
-    value: function readPixelsToBuffer() {
-      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-      _gltools.log.error('Framebuffer.readPixelsToBuffer()is no logner supported, use readPixelsToBuffer(framebuffer)')();
+  }
 
-      return null;
+  delete() {
+    for (const resource of this.ownResources) {
+      resource.delete();
     }
-  }, {
-    key: "copyToDataUrl",
-    value: function copyToDataUrl() {
-      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-      _gltools.log.error('Framebuffer.copyToDataUrl() is no logner supported, use copyToDataUrl(framebuffer)')();
+    super.delete();
+    return this;
+  }
+
+  update(options) {
+    const {
+      attachments = {},
+      readBuffer,
+      drawBuffers,
+      clearAttachments = false,
+      resizeAttachments = true
+    } = options;
+    this.attach(attachments, {
+      clearAttachments,
+      resizeAttachments
+    });
+    const {
+      gl
+    } = this;
+    const prevHandle = gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
+
+    if (readBuffer) {
+      this._setReadBuffer(readBuffer);
 
-      return null;
+      this.readBuffer = readBuffer;
     }
-  }, {
-    key: "copyToImage",
-    value: function copyToImage() {
-      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-      _gltools.log.error('Framebuffer.copyToImage() is no logner supported, use copyToImage(framebuffer)')();
+    if (drawBuffers) {
+      this._setDrawBuffers(drawBuffers);
 
-      return null;
+      this.drawBuffers = drawBuffers;
     }
-  }, {
-    key: "copyToTexture",
-    value: function copyToTexture() {
-      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-      _gltools.log.error('Framebuffer.copyToTexture({...}) is no logner supported, use copyToTexture(source, target, opts})')();
+    gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
+    return this;
+  }
+
+  resize(size) {
+    let {
+      width,
+      height
+    } = size || {};
 
-      return null;
+    if (this.handle === null) {
+      (0, _utils.assert)(width === undefined && height === undefined);
+      this.width = this.gl.drawingBufferWidth;
+      this.height = this.gl.drawingBufferHeight;
+      return this;
     }
-  }, {
-    key: "blit",
-    value: function blit() {
-      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-      _gltools.log.error('Framebuffer.blit({...}) is no logner supported, use blit(source, target, opts)')();
+    if (width === undefined) {
+      width = this.gl.drawingBufferWidth;
+    }
 
-      return null;
+    if (height === undefined) {
+      height = this.gl.drawingBufferHeight;
     }
-  }, {
-    key: "invalidate",
-    value: function invalidate(_ref4) {
-      var _ref4$attachments = _ref4.attachments,
-          attachments = _ref4$attachments === void 0 ? [] : _ref4$attachments,
-          _ref4$x = _ref4.x,
-          x = _ref4$x === void 0 ? 0 : _ref4$x,
-          _ref4$y = _ref4.y,
-          y = _ref4$y === void 0 ? 0 : _ref4$y,
-          width = _ref4.width,
-          height = _ref4.height;
-      var gl2 = (0, _gltools.assertWebGL2Context)(this.gl);
-      var prevHandle = gl2.bindFramebuffer(36008, this.handle);
-      var invalidateAll = x === 0 && y === 0 && width === undefined && height === undefined;
 
-      if (invalidateAll) {
-        gl2.invalidateFramebuffer(36008, attachments);
-      } else {
-        gl2.invalidateFramebuffer(36008, attachments, x, y, width, height);
-      }
+    if (width !== this.width && height !== this.height) {
+      _gltools.log.log(2, "Resizing framebuffer ".concat(this.id, " to ").concat(width, "x").concat(height))();
+    }
 
-      gl2.bindFramebuffer(36008, prevHandle);
-      return this;
+    for (const attachmentPoint in this.attachments) {
+      this.attachments[attachmentPoint].resize({
+        width,
+        height
+      });
     }
-  }, {
-    key: "getAttachmentParameter",
-    value: function getAttachmentParameter(attachment, pname, keys) {
-      var value = this._getAttachmentParameterFallback(pname);
 
-      if (value === null) {
-        this.gl.bindFramebuffer(36160, this.handle);
-        value = this.gl.getFramebufferAttachmentParameter(36160, attachment, pname);
-        this.gl.bindFramebuffer(36160, null);
-      }
+    this.width = width;
+    this.height = height;
+    return this;
+  }
 
-      if (keys && value > 1000) {
-        value = (0, _constantsToKeys.getKey)(this.gl, value);
-      }
+  attach(attachments, {
+    clearAttachments = false,
+    resizeAttachments = true
+  } = {}) {
+    const newAttachments = {};
 
-      return value;
+    if (clearAttachments) {
+      Object.keys(this.attachments).forEach(key => {
+        newAttachments[key] = null;
+      });
     }
-  }, {
-    key: "getAttachmentParameters",
-    value: function getAttachmentParameters() {
-      var attachment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 36064;
-      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;
+    Object.assign(newAttachments, attachments);
+    const prevHandle = this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
 
-      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();
+    for (const key in newAttachments) {
+      (0, _utils.assert)(key !== undefined, 'Misspelled framebuffer binding point?');
+      const attachment = Number(key);
+      const descriptor = newAttachments[attachment];
+      let object = descriptor;
+
+      if (!object) {
+        this._unattach(attachment);
+      } else {
+        object = this._attachOne(attachment, object);
+        this.attachments[attachment] = object;
       }
 
-      return values;
+      if (resizeAttachments && object) {
+        object.resize({
+          width: this.width,
+          height: this.height
+        });
+      }
     }
-  }, {
-    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);
-      }
+    this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
+    Object.assign(this.attachments, attachments);
+    Object.keys(this.attachments).filter(key => !this.attachments[key]).forEach(key => {
+      delete this.attachments[key];
+    });
+  }
 
-      return parameters;
+  clear(options) {
+    const {
+      color,
+      depth,
+      stencil,
+      drawBuffers = []
+    } = options;
+    const prevHandle = this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
+
+    if (color || depth || stencil) {
+      (0, _clear.clear)(this.gl, {
+        color,
+        depth,
+        stencil
+      });
     }
-  }, {
-    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] : '';
+    drawBuffers.forEach((value, drawBuffer) => {
+      (0, _clear.clearBuffer)(this.gl, {
+        drawBuffer,
+        value
+      });
+    });
+    this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
+    return this;
+  }
 
-      if (logLevel > _gltools.log.level || typeof window === 'undefined') {
-        return this;
-      }
+  blit(opts = {}) {
+    _gltools.log.error('Framebuffer.blit({...}) is no logner supported, use blit(source, target, opts)')();
 
-      message = message || "Framebuffer ".concat(this.id);
-      var image = (0, _copyAndBlit.copyToDataUrl)(this, {
-        targetMaxHeight: 100
-      });
+    return null;
+  }
 
-      _gltools.log.image({
-        logLevel: logLevel,
-        message: message,
-        image: image
-      }, message)();
+  invalidate(options) {
+    const {
+      attachments = [],
+      x = 0,
+      y = 0,
+      width,
+      height
+    } = options;
+    const gl2 = (0, _gltools.assertWebGL2Context)(this.gl);
+    const prevHandle = gl2.bindFramebuffer(_constants.default.READ_FRAMEBUFFER, this.handle);
+    const 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;
+  }
 
-      return this;
-    }
-  }, {
-    key: "bind",
-    value: function bind() {
-      var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref5$target = _ref5.target,
-          target = _ref5$target === void 0 ? 36160 : _ref5$target;
+  getAttachmentParameter(attachment, pname, keys) {
+    let value = this._getAttachmentParameterFallback(pname);
 
-      this.gl.bindFramebuffer(target, this.handle);
-      return this;
+    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);
     }
-  }, {
-    key: "unbind",
-    value: function unbind() {
-      var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref6$target = _ref6.target,
-          target = _ref6$target === void 0 ? 36160 : _ref6$target;
 
-      this.gl.bindFramebuffer(target, null);
-      return this;
+    if (keys && value > 1000) {
+      value = (0, _webglUtils.getKey)(this.gl, value);
     }
-  }, {
-    key: "_createDefaultAttachments",
-    value: function _createDefaultAttachments(color, depth, stencil, width, height) {
-      var defaultAttachments = null;
-
-      if (color) {
-        var _parameters;
-
-        defaultAttachments = defaultAttachments || {};
-        defaultAttachments[36064] = new _texture2d.default(this.gl, {
-          id: "".concat(this.id, "-color0"),
-          pixels: null,
-          format: 6408,
-          type: 5121,
-          width: width,
-          height: height,
-          mipmaps: false,
-          parameters: (_parameters = {}, (0, _defineProperty2.default)(_parameters, 10241, 9729), (0, _defineProperty2.default)(_parameters, 10240, 9729), (0, _defineProperty2.default)(_parameters, 10242, 33071), (0, _defineProperty2.default)(_parameters, 10243, 33071), _parameters)
-        });
-        this.ownResources.push(defaultAttachments[36064]);
-      }
 
-      if (depth && stencil) {
-        defaultAttachments = defaultAttachments || {};
-        defaultAttachments[33306] = new _renderbuffer.default(this.gl, {
-          id: "".concat(this.id, "-depth-stencil"),
-          format: 35056,
-          width: width,
-          height: 111
-        });
-        this.ownResources.push(defaultAttachments[33306]);
-      } else if (depth) {
-        defaultAttachments = defaultAttachments || {};
-        defaultAttachments[36096] = new _renderbuffer.default(this.gl, {
-          id: "".concat(this.id, "-depth"),
-          format: 33189,
-          width: width,
-          height: height
-        });
-        this.ownResources.push(defaultAttachments[36096]);
-      } else if (stencil) {
-        (0, _assert.assert)(false);
-      }
+    return value;
+  }
 
-      return defaultAttachments;
-    }
-  }, {
-    key: "_unattach",
-    value: function _unattach(attachment) {
-      var oldAttachment = this.attachments[attachment];
+  getAttachmentParameters(attachment = _constants.default.COLOR_ATTACHMENT0, keys, parameters = this.constructor.ATTACHMENT_PARAMETERS || []) {
+    const values = {};
 
-      if (!oldAttachment) {
-        return;
-      }
+    for (const pname of parameters) {
+      const key = keys ? (0, _webglUtils.getKey)(this.gl, pname) : pname;
+      values[key] = this.getAttachmentParameter(attachment, pname, keys);
+    }
 
-      if (oldAttachment instanceof _renderbuffer.default) {
-        this.gl.framebufferRenderbuffer(36160, attachment, 36161, null);
-      } else {
-        this.gl.framebufferTexture2D(36160, attachment, 3553, null, 0);
-      }
+    return values;
+  }
 
-      delete this.attachments[attachment];
-    }
-  }, {
-    key: "_attachRenderbuffer",
-    value: function _attachRenderbuffer(_ref7) {
-      var _ref7$attachment = _ref7.attachment,
-          attachment = _ref7$attachment === void 0 ? 36064 : _ref7$attachment,
-          renderbuffer = _ref7.renderbuffer;
-      var gl = this.gl;
-      gl.framebufferRenderbuffer(36160, attachment, 36161, renderbuffer.handle);
-      this.attachments[attachment] = renderbuffer;
-    }
-  }, {
-    key: "_attachTexture",
-    value: function _attachTexture(_ref8) {
-      var _ref8$attachment = _ref8.attachment,
-          attachment = _ref8$attachment === void 0 ? 36064 : _ref8$attachment,
-          texture = _ref8.texture,
-          layer = _ref8.layer,
-          level = _ref8.level;
-      var gl = this.gl;
-      gl.bindTexture(texture.target, texture.handle);
-
-      switch (texture.target) {
-        case 35866:
-        case 32879:
-          var gl2 = (0, _gltools.assertWebGL2Context)(gl);
-          gl2.framebufferTextureLayer(36160, attachment, texture.target, level, layer);
-          break;
-
-        case 34067:
-          var face = mapIndexToCubeMapFace(layer);
-          gl.framebufferTexture2D(36160, attachment, face, texture.handle, level);
-          break;
-
-        case 3553:
-          gl.framebufferTexture2D(36160, attachment, 3553, texture.handle, level);
-          break;
-
-        default:
-          (0, _assert.assert)(false, 'Illegal texture type');
-      }
+  getParameters(keys = true) {
+    const attachments = Object.keys(this.attachments);
+    const parameters = {};
 
-      gl.bindTexture(texture.target, null);
-      this.attachments[attachment] = texture;
+    for (const attachmentName of attachments) {
+      const attachment = Number(attachmentName);
+      const key = keys ? (0, _webglUtils.getKey)(this.gl, attachment) : attachment;
+      parameters[key] = this.getAttachmentParameters(attachment, keys);
     }
-  }, {
-    key: "_setReadBuffer",
-    value: function _setReadBuffer(readBuffer) {
-      var gl2 = (0, _gltools.getWebGL2Context)(this.gl);
 
-      if (gl2) {
-        gl2.readBuffer(readBuffer);
-      } else {
-        (0, _assert.assert)(readBuffer === 36064 || readBuffer === 1029, ERR_MULTIPLE_RENDERTARGETS);
-      }
+    return parameters;
+  }
 
-      this.readBuffer = readBuffer;
+  _createDefaultAttachments(color, depth, stencil, width, height) {
+    let defaultAttachments = null;
+
+    if (color) {
+      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,
+        height,
+        mipmaps: false,
+        parameters: {
+          [_constants.default.TEXTURE_MIN_FILTER]: _constants.default.LINEAR,
+          [_constants.default.TEXTURE_MAG_FILTER]: _constants.default.LINEAR,
+          [_constants.default.TEXTURE_WRAP_S]: _constants.default.CLAMP_TO_EDGE,
+          [_constants.default.TEXTURE_WRAP_T]: _constants.default.CLAMP_TO_EDGE
+        }
+      });
+      this.ownResources.push(defaultAttachments[_constants.default.COLOR_ATTACHMENT0]);
     }
-  }, {
-    key: "_setDrawBuffers",
-    value: function _setDrawBuffers(drawBuffers) {
-      var gl = this.gl;
-      var gl2 = (0, _gltools.assertWebGL2Context)(gl);
 
-      if (gl2) {
-        gl2.drawBuffers(drawBuffers);
-      } else {
-        var ext = gl.getExtension('WEBGL_draw_buffers');
+    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,
+        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,
+        height
+      });
+      this.ownResources.push(defaultAttachments[_constants.default.DEPTH_ATTACHMENT]);
+    } else if (stencil) {
+      (0, _utils.assert)(false);
+    }
 
-        if (ext) {
-          ext.drawBuffersWEBGL(drawBuffers);
-        } else {
-          (0, _assert.assert)(drawBuffers.length === 1 && (drawBuffers[0] === 36064 || drawBuffers[0] === 1029), ERR_MULTIPLE_RENDERTARGETS);
-        }
-      }
+    return defaultAttachments;
+  }
 
-      this.drawBuffers = drawBuffers;
+  _unattach(attachment) {
+    const oldAttachment = this.attachments[attachment];
+
+    if (!oldAttachment) {
+      return;
     }
-  }, {
-    key: "_getAttachmentParameterFallback",
-    value: function _getAttachmentParameterFallback(pname) {
-      var caps = (0, _features.getFeatures)(this.gl);
 
-      switch (pname) {
-        case 36052:
-          return !caps.WEBGL2 ? 0 : null;
+    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);
+    }
 
-        case 33298:
-        case 33299:
-        case 33300:
-        case 33301:
-        case 33302:
-        case 33303:
-          return !caps.WEBGL2 ? 8 : null;
+    delete this.attachments[attachment];
+  }
 
-        case 33297:
-          return !caps.WEBGL2 ? 5125 : null;
+  _getAttachmentParameterFallback(pname) {
+    const caps = (0, _features.getFeatures)(this.gl);
 
-        case 33296:
-          return !caps.WEBGL2 && !caps.EXT_sRGB ? 9729 : null;
+    switch (pname) {
+      case _constants.default.FRAMEBUFFER_ATTACHMENT_TEXTURE_LAYER:
+        return !caps.WEBGL2 ? 0 : null;
 
-        default:
-          return 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 !caps.WEBGL2 ? 8 : null;
+
+      case _constants.default.FRAMEBUFFER_ATTACHMENT_COMPONENT_TYPE:
+        return !caps.WEBGL2 ? _constants.default.UNSIGNED_INT : null;
+
+      case _constants.default.FRAMEBUFFER_ATTACHMENT_COLOR_ENCODING:
+        return !caps.WEBGL2 && !caps.EXT_sRGB ? _constants.default.LINEAR : null;
+
+      default:
+        return null;
     }
-  }, {
-    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(36160, handle);
-    }
-  }, {
-    key: "color",
-    get: function get() {
-      return this.attachments[36064] || null;
-    }
-  }, {
-    key: "texture",
-    get: function get() {
-      return this.attachments[36064] || null;
-    }
-  }, {
-    key: "depth",
-    get: function get() {
-      return this.attachments[36096] || this.attachments[33306] || null;
-    }
-  }, {
-    key: "stencil",
-    get: function get() {
-      return this.attachments[36128] || this.attachments[33306] || null;
-    }
-  }]);
-  return Framebuffer;
-}(_resource.default);
+  }
+
+}
 
 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 < 34069 ? layer + 34069 : 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 || {};
+  const STATUS = Framebuffer.STATUS || {};
   return STATUS[status] || "Framebuffer error ".concat(status);
 }
 
-var FRAMEBUFFER_ATTACHMENT_PARAMETERS = [36049, 36048, 33296, 33298, 33299, 33300, 33301, 33302, 33303];
-exports.FRAMEBUFFER_ATTACHMENT_PARAMETERS = FRAMEBUFFER_ATTACHMENT_PARAMETERS;
-Framebuffer.ATTACHMENT_PARAMETERS = FRAMEBUFFER_ATTACHMENT_PARAMETERS;
+function isFloatColorBufferSupported(gl, options) {
+  const {
+    colorBufferFloat,
+    colorBufferHalfFloat
+  } = options;
+  let 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