@luma.gl/webgl 8.5.8 → 8.6.0-alpha.2

package/dist/es5/classes/framebuffer.js

@@ -5,7 +5,11 @@ 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -13,10 +17,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
@@ -25,25 +25,27 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _gltools = require("@luma.gl/gltools");
+var _api = require("@luma.gl/api");
 
-var _resource = _interopRequireDefault(require("./resource"));
+var _constants = _interopRequireDefault(require("@luma.gl/constants"));
 
-var _texture2d = _interopRequireDefault(require("./texture-2d"));
+var _webglDevice = _interopRequireDefault(require("../device/webgl-device"));
 
-var _renderbuffer = _interopRequireDefault(require("./renderbuffer"));
+var _webglChecks = require("../context/context/webgl-checks");
 
-var _clear2 = require("./clear");
+var _constantsToKeys = require("../webgl-utils/constants-to-keys");
 
-var _copyAndBlit = require("./copy-and-blit.js");
+var _webglResource = _interopRequireDefault(require("./webgl-resource"));
 
-var _features = require("../features");
+var _texture2d = _interopRequireDefault(require("./texture-2d"));
 
-var _constantsToKeys = require("../webgl-utils/constants-to-keys");
+var _renderbuffer = _interopRequireDefault(require("./renderbuffer"));
+
+var _clear2 = require("./clear");
 
-var _assert = require("../utils/assert");
+var _copyAndBlit = require("./copy-and-blit");
 
-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; } } }; }
+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); }
 
@@ -51,99 +53,329 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+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 Framebuffer = function (_Resource) {
-  (0, _inherits2.default)(Framebuffer, _Resource);
+var ImmutableFramebuffer = function (_Resource) {
+  (0, _inherits2.default)(ImmutableFramebuffer, _Resource);
 
-  var _super = _createSuper(Framebuffer);
+  var _super = _createSuper(ImmutableFramebuffer);
 
-  (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);
+  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: "MAX_DRAW_BUFFERS",
-    get: function get() {
-      var gl2 = (0, _gltools.assertWebGL2Context)(this.gl);
-      return gl2.getParameter(gl2.MAX_DRAW_BUFFERS);
+    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: "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;
+  }, {
+    key: "show",
+    value: function show() {
+      if (typeof window !== 'undefined') {
+        window.open((0, _copyAndBlit.copyToDataUrl)(this), 'luma-debug-texture');
+      }
 
-      if (colorBufferFloat) {
-        supported = Boolean(gl.getExtension('EXT_color_buffer_float') || gl.getExtension('WEBGL_color_buffer_float') || gl.getExtension('OES_texture_float'));
+      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;
       }
 
-      if (colorBufferHalfFloat) {
-        supported = supported && Boolean(gl.getExtension('EXT_color_buffer_float') || gl.getExtension('EXT_color_buffer_half_float'));
+      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);
       }
 
-      return supported;
+      this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
+      return this;
     }
   }, {
-    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;
+    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);
 
-  function Framebuffer(gl) {
-    var _this;
+exports.ImmutableFramebuffer = ImmutableFramebuffer;
 
-    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 = [];
+var Framebuffer = function (_ImmutableFramebuffer) {
+  (0, _inherits2.default)(Framebuffer, _ImmutableFramebuffer);
 
-    _this.initialize(opts);
+  var _super2 = _createSuper(Framebuffer);
 
-    Object.seal((0, _assertThisInitialized2.default)(_this));
-    return _this;
+  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(_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');
+    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;
 
@@ -193,42 +425,46 @@ var Framebuffer = function (_Resource) {
     }
   }, {
     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;
+    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(36160, this.handle);
+      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(36160, prevHandle || null);
+      gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
       return this;
     }
   }, {
     key: "resize",
-    value: function resize() {
-      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var width = options.width,
-          height = options.height;
+    value: function resize(size) {
+      var _ref5 = size || {},
+          width = _ref5.width,
+          height = _ref5.height;
 
       if (this.handle === null) {
-        (0, _assert.assert)(width === undefined && height === undefined);
+        (0, _api.assert)(width === undefined && height === undefined);
         this.width = this.gl.drawingBufferWidth;
         this.height = this.gl.drawingBufferHeight;
         return this;
@@ -243,7 +479,7 @@ var Framebuffer = function (_Resource) {
       }
 
       if (width !== this.width && height !== this.height) {
-        _gltools.log.log(2, "Resizing framebuffer ".concat(this.id, " to ").concat(width, "x").concat(height))();
+        _api.log.log(2, "Resizing framebuffer ".concat(this.id, " to ").concat(width, "x").concat(height))();
       }
 
       for (var attachmentPoint in this.attachments) {
@@ -260,13 +496,13 @@ var Framebuffer = function (_Resource) {
   }, {
     key: "attach",
     value: function attach(attachments) {
-      var _this2 = this;
+      var _this3 = this;
 
-      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;
+      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 = {};
 
@@ -277,44 +513,19 @@ var Framebuffer = function (_Resource) {
       }
 
       Object.assign(newAttachments, attachments);
-      var prevHandle = this.gl.bindFramebuffer(36160, this.handle);
+      var prevHandle = this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
 
       for (var key in newAttachments) {
-        (0, _assert.assert)(key !== undefined, 'Misspelled framebuffer binding point?');
+        (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 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
-          });
+          object = this._attachOne(attachment, object);
+          this.attachments[attachment] = object;
         }
 
         if (resizeAttachments && object) {
@@ -325,47 +536,25 @@ var Framebuffer = function (_Resource) {
         }
       }
 
-      this.gl.bindFramebuffer(36160, prevHandle || null);
+      this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
       Object.assign(this.attachments, attachments);
       Object.keys(this.attachments).filter(function (key) {
-        return !_this2.attachments[key];
+        return !_this3.attachments[key];
       }).forEach(function (key) {
-        delete _this2.attachments[key];
+        delete _this3.attachments[key];
       });
     }
-  }, {
-    key: "checkStatus",
-    value: function checkStatus() {
-      var gl = this.gl;
-      var status = this.getStatus();
-
-      if (status !== 36053) {
-        throw new Error(_getFrameBufferStatus(status));
-      }
-
-      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;
+    value: function clear(options) {
+      var _this4 = 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);
+      var prevHandle = this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, this.handle);
 
       if (color || depth || stencil) {
         (0, _clear2.clear)(this.gl, {
@@ -376,90 +565,45 @@ var Framebuffer = function (_Resource) {
       }
 
       drawBuffers.forEach(function (value, drawBuffer) {
-        (0, _clear2.clearBuffer)(_this3.gl, {
+        (0, _clear2.clearBuffer)(_this4.gl, {
           drawBuffer: drawBuffer,
           value: value
         });
       });
-      this.gl.bindFramebuffer(36160, prevHandle || null);
+      this.gl.bindFramebuffer(_constants.default.FRAMEBUFFER, prevHandle || null);
       return this;
     }
-  }, {
-    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)')();
-
-      return null;
-    }
-  }, {
-    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;
-    }
-  }, {
-    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)')();
-
-      return null;
-    }
-  }, {
-    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)')();
-
-      return null;
-    }
-  }, {
-    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})')();
-
-      return null;
-    }
   }, {
     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)')();
+      _api.log.error('Framebuffer.blit({...}) is no logner supported, use blit(source, target, opts)')();
 
       return null;
     }
   }, {
     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);
+    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(36008, attachments);
+        gl2.invalidateFramebuffer(_constants.default.READ_FRAMEBUFFER, attachments);
       } else {
-        gl2.invalidateFramebuffer(36008, attachments, x, y, width, height);
+        gl2.invalidateFramebuffer(_constants.default.READ_FRAMEBUFFER, attachments, x, y, width, height);
       }
 
-      gl2.bindFramebuffer(36008, prevHandle);
+      gl2.bindFramebuffer(_constants.default.READ_FRAMEBUFFER, prevHandle);
       return this;
     }
   }, {
@@ -468,9 +612,9 @@ var Framebuffer = function (_Resource) {
       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.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) {
@@ -482,7 +626,7 @@ var Framebuffer = function (_Resource) {
   }, {
     key: "getAttachmentParameters",
     value: function getAttachmentParameters() {
-      var attachment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 36064;
+      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 = {};
@@ -520,58 +664,6 @@ var Framebuffer = function (_Resource) {
 
       return parameters;
     }
-  }, {
-    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 > _gltools.log.level || typeof window === 'undefined') {
-        return this;
-      }
-
-      message = message || "Framebuffer ".concat(this.id);
-      var image = (0, _copyAndBlit.copyToDataUrl)(this, {
-        targetMaxHeight: 100
-      });
-
-      _gltools.log.image({
-        logLevel: logLevel,
-        message: message,
-        image: image
-      }, message)();
-
-      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;
-
-      this.gl.bindFramebuffer(target, this.handle);
-      return this;
-    }
-  }, {
-    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;
-    }
   }, {
     key: "_createDefaultAttachments",
     value: function _createDefaultAttachments(color, depth, stencil, width, height) {
@@ -581,39 +673,39 @@ var Framebuffer = function (_Resource) {
         var _parameters;
 
         defaultAttachments = defaultAttachments || {};
-        defaultAttachments[36064] = new _texture2d.default(this.gl, {
+        defaultAttachments[_constants.default.COLOR_ATTACHMENT0] = new _texture2d.default(this.gl, {
           id: "".concat(this.id, "-color0"),
           pixels: null,
-          format: 6408,
-          type: 5121,
+          format: _constants.default.RGBA,
+          type: _constants.default.UNSIGNED_BYTE,
           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)
+          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[36064]);
+        this.ownResources.push(defaultAttachments[_constants.default.COLOR_ATTACHMENT0]);
       }
 
       if (depth && stencil) {
         defaultAttachments = defaultAttachments || {};
-        defaultAttachments[33306] = new _renderbuffer.default(this.gl, {
+        defaultAttachments[_constants.default.DEPTH_STENCIL_ATTACHMENT] = new _renderbuffer.default(this.gl, {
           id: "".concat(this.id, "-depth-stencil"),
-          format: 35056,
+          format: _constants.default.DEPTH24_STENCIL8,
           width: width,
           height: 111
         });
-        this.ownResources.push(defaultAttachments[33306]);
+        this.ownResources.push(defaultAttachments[_constants.default.DEPTH_STENCIL_ATTACHMENT]);
       } else if (depth) {
         defaultAttachments = defaultAttachments || {};
-        defaultAttachments[36096] = new _renderbuffer.default(this.gl, {
+        defaultAttachments[_constants.default.DEPTH_ATTACHMENT] = new _renderbuffer.default(this.gl, {
           id: "".concat(this.id, "-depth"),
-          format: 33189,
+          format: _constants.default.DEPTH_COMPONENT16,
           width: width,
           height: height
         });
-        this.ownResources.push(defaultAttachments[36096]);
+        this.ownResources.push(defaultAttachments[_constants.default.DEPTH_ATTACHMENT]);
       } else if (stencil) {
-        (0, _assert.assert)(false);
+        (0, _api.assert)(false);
       }
 
       return defaultAttachments;
@@ -628,160 +720,68 @@ var Framebuffer = function (_Resource) {
       }
 
       if (oldAttachment instanceof _renderbuffer.default) {
-        this.gl.framebufferRenderbuffer(36160, attachment, 36161, null);
+        this.gl.framebufferRenderbuffer(_constants.default.FRAMEBUFFER, attachment, _constants.default.RENDERBUFFER, null);
       } else {
-        this.gl.framebufferTexture2D(36160, attachment, 3553, null, 0);
+        this.gl.framebufferTexture2D(_constants.default.FRAMEBUFFER, attachment, _constants.default.TEXTURE_2D, null, 0);
       }
 
       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');
-      }
-
-      gl.bindTexture(texture.target, null);
-      this.attachments[attachment] = texture;
-    }
-  }, {
-    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);
-      }
-
-      this.readBuffer = readBuffer;
-    }
-  }, {
-    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 (ext) {
-          ext.drawBuffersWEBGL(drawBuffers);
-        } else {
-          (0, _assert.assert)(drawBuffers.length === 1 && (drawBuffers[0] === 36064 || drawBuffers[0] === 1029), ERR_MULTIPLE_RENDERTARGETS);
-        }
-      }
-
-      this.drawBuffers = drawBuffers;
-    }
   }, {
     key: "_getAttachmentParameterFallback",
     value: function _getAttachmentParameterFallback(pname) {
-      var caps = (0, _features.getFeatures)(this.gl);
+      var webglDevice = _webglDevice.default.fromContext(this.gl);
+
+      var features = webglDevice.features;
 
       switch (pname) {
-        case 36052:
-          return !caps.WEBGL2 ? 0 : null;
+        case _constants.default.FRAMEBUFFER_ATTACHMENT_TEXTURE_LAYER:
+          return !features.has('webgl2') ? 0 : null;
 
-        case 33298:
-        case 33299:
-        case 33300:
-        case 33301:
-        case 33302:
-        case 33303:
-          return !caps.WEBGL2 ? 8 : 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 33297:
-          return !caps.WEBGL2 ? 5125 : null;
+        case _constants.default.FRAMEBUFFER_ATTACHMENT_COMPONENT_TYPE:
+          return !features.has('webgl2') ? _constants.default.UNSIGNED_INT : null;
 
-        case 33296:
-          return !caps.WEBGL2 && !caps.EXT_sRGB ? 9729 : 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: "_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: "isSupported",
+    value: function isSupported(gl, options) {
+      return isFloatColorBufferSupported(gl, options);
     }
   }, {
-    key: "stencil",
-    get: function get() {
-      return this.attachments[36128] || this.attachments[33306] || null;
+    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;
-}(_resource.default);
+}(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 < 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) {
@@ -789,7 +789,19 @@ function _getFrameBufferStatus(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) {
+  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