@luma.gl/webgl 8.5.10 → 8.6.0-alpha.4

package/dist/esm/classes/texture-formats.js

@@ -1,70 +1,71 @@
-import { isWebGL2 } from '@luma.gl/gltools';
+import GL from '@luma.gl/constants';
+import { isWebGL2 } from '../context/context/webgl-checks';
 export const TEXTURE_FORMATS = {
-  [6407]: {
-    dataFormat: 6407,
-    types: [5121, 33635]
+  [GL.RGB]: {
+    dataFormat: GL.RGB,
+    types: [GL.UNSIGNED_BYTE, GL.UNSIGNED_SHORT_5_6_5]
   },
-  [6408]: {
-    dataFormat: 6408,
-    types: [5121, 32819, 32820]
+  [GL.RGBA]: {
+    dataFormat: GL.RGBA,
+    types: [GL.UNSIGNED_BYTE, GL.UNSIGNED_SHORT_4_4_4_4, GL.UNSIGNED_SHORT_5_5_5_1]
   },
-  [6406]: {
-    dataFormat: 6406,
-    types: [5121]
+  [GL.ALPHA]: {
+    dataFormat: GL.ALPHA,
+    types: [GL.UNSIGNED_BYTE]
   },
-  [6409]: {
-    dataFormat: 6409,
-    types: [5121]
+  [GL.LUMINANCE]: {
+    dataFormat: GL.LUMINANCE,
+    types: [GL.UNSIGNED_BYTE]
   },
-  [6410]: {
-    dataFormat: 6410,
-    types: [5121]
+  [GL.LUMINANCE_ALPHA]: {
+    dataFormat: GL.LUMINANCE_ALPHA,
+    types: [GL.UNSIGNED_BYTE]
   },
-  [33326]: {
-    dataFormat: 6403,
-    types: [5126],
+  [GL.R32F]: {
+    dataFormat: GL.RED,
+    types: [GL.FLOAT],
     gl2: true
   },
-  [33328]: {
-    dataFormat: 33319,
-    types: [5126],
+  [GL.RG32F]: {
+    dataFormat: GL.RG,
+    types: [GL.FLOAT],
     gl2: true
   },
-  [34837]: {
-    dataFormat: 6407,
-    types: [5126],
+  [GL.RGB32F]: {
+    dataFormat: GL.RGB,
+    types: [GL.FLOAT],
     gl2: true
   },
-  [34836]: {
-    dataFormat: 6408,
-    types: [5126],
+  [GL.RGBA32F]: {
+    dataFormat: GL.RGBA,
+    types: [GL.FLOAT],
     gl2: true
   }
 };
 export const DATA_FORMAT_CHANNELS = {
-  [6403]: 1,
-  [36244]: 1,
-  [33319]: 2,
-  [33320]: 2,
-  [6407]: 3,
-  [36248]: 3,
-  [6408]: 4,
-  [36249]: 4,
-  [6402]: 1,
-  [34041]: 1,
-  [6406]: 1,
-  [6409]: 1,
-  [6410]: 2
+  [GL.RED]: 1,
+  [GL.RED_INTEGER]: 1,
+  [GL.RG]: 2,
+  [GL.RG_INTEGER]: 2,
+  [GL.RGB]: 3,
+  [GL.RGB_INTEGER]: 3,
+  [GL.RGBA]: 4,
+  [GL.RGBA_INTEGER]: 4,
+  [GL.DEPTH_COMPONENT]: 1,
+  [GL.DEPTH_STENCIL]: 1,
+  [GL.ALPHA]: 1,
+  [GL.LUMINANCE]: 1,
+  [GL.LUMINANCE_ALPHA]: 2
 };
 export const TYPE_SIZES = {
-  [5126]: 4,
-  [5125]: 4,
-  [5124]: 4,
-  [5123]: 2,
-  [5122]: 2,
-  [5131]: 2,
-  [5120]: 1,
-  [5121]: 1
+  [GL.FLOAT]: 4,
+  [GL.UNSIGNED_INT]: 4,
+  [GL.INT]: 4,
+  [GL.UNSIGNED_SHORT]: 2,
+  [GL.SHORT]: 2,
+  [GL.HALF_FLOAT]: 2,
+  [GL.BYTE]: 1,
+  [GL.UNSIGNED_BYTE]: 1
 };
 export function isFormatSupported(gl, format) {
   const info = TEXTURE_FORMATS[format];
@@ -84,10 +85,10 @@ export function isLinearFilteringSupported(gl, format) {
   const info = TEXTURE_FORMATS[format];
 
   switch (info && info.types[0]) {
-    case 5126:
+    case GL.FLOAT:
       return gl.getExtension('OES_texture_float_linear');
 
-    case 5131:
+    case GL.HALF_FLOAT:
       return gl.getExtension('OES_texture_half_float_linear');
 
     default:

package/dist/esm/classes/texture-formats.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/classes/texture-formats.js"],"names":["isWebGL2","TEXTURE_FORMATS","dataFormat","types","gl2","DATA_FORMAT_CHANNELS","TYPE_SIZES","isFormatSupported","gl","format","info","gl1","undefined","value","getExtension","isLinearFilteringSupported"],"mappings":"AACA,SAAQA,QAAR,QAAuB,kBAAvB;AAUA,OAAO,MAAMC,eAAe,GAAG;AAE7B,UAAU;AAACC,IAAAA,UAAU,MAAX;AAAqBC,IAAAA,KAAK,EAAE;AAA5B,GAFmB;AAK7B,UAAW;AACTD,IAAAA,UAAU,MADD;AAETC,IAAAA,KAAK,EAAE;AAFE,GALkB;AAS7B,UAAY;AAACD,IAAAA,UAAU,MAAX;AAAuBC,IAAAA,KAAK,EAAE;AAA9B,GATiB;AAU7B,UAAgB;AAACD,IAAAA,UAAU,MAAX;AAA2BC,IAAAA,KAAK,EAAE;AAAlC,GAVa;AAW7B,UAAsB;AAACD,IAAAA,UAAU,MAAX;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAXO;AAc7B,WAAW;AAACD,IAAAA,UAAU,MAAX;AAAqBC,IAAAA,KAAK,EAAE,MAA5B;AAAwCC,IAAAA,GAAG,EAAE;AAA7C,GAdkB;AAe7B,WAAY;AAACF,IAAAA,UAAU,OAAX;AAAoBC,IAAAA,KAAK,EAAE,MAA3B;AAAuCC,IAAAA,GAAG,EAAE;AAA5C,GAfiB;AAgB7B,WAAa;AAACF,IAAAA,UAAU,MAAX;AAAqBC,IAAAA,KAAK,EAAE,MAA5B;AAAwCC,IAAAA,GAAG,EAAE;AAA7C,GAhBgB;AAiB7B,WAAc;AAACF,IAAAA,UAAU,MAAX;AAAsBC,IAAAA,KAAK,EAAE,MAA7B;AAAyCC,IAAAA,GAAG,EAAE;AAA9C;AAjBe,CAAxB;AAmGP,OAAO,MAAMC,oBAAoB,GAAG;AAClC,UAAU,CADwB;AAElC,WAAkB,CAFgB;AAGlC,WAAS,CAHyB;AAIlC,WAAiB,CAJiB;AAKlC,UAAU,CALwB;AAMlC,WAAkB,CANgB;AAOlC,UAAW,CAPuB;AAQlC,WAAmB,CARe;AASlC,UAAsB,CATY;AAUlC,WAAoB,CAVc;AAWlC,UAAY,CAXsB;AAYlC,UAAgB,CAZkB;AAalC,UAAsB;AAbY,CAA7B;AAgBP,OAAO,MAAMC,UAAU,GAAG;AACxB,UAAY,CADY;AAExB,UAAmB,CAFK;AAGxB,UAAU,CAHc;AAIxB,UAAqB,CAJG;AAKxB,UAAY,CALY;AAMxB,UAAiB,CANO;AAOxB,UAAW,CAPa;AAQxB,UAAoB;AARI,CAAnB;AAWP,OAAO,SAASC,iBAAT,CAA2BC,EAA3B,EAA+BC,MAA/B,EAAuC;AAC5C,QAAMC,IAAI,GAAGT,eAAe,CAACQ,MAAD,CAA5B;;AACA,MAAI,CAACC,IAAL,EAAW;AACT,WAAO,KAAP;AACD;;AACD,MAAIA,IAAI,CAACC,GAAL,KAAaC,SAAb,IAA0BF,IAAI,CAACN,GAAL,KAAaQ,SAA3C,EAAsD;AAEpD,WAAO,IAAP;AACD;;AACD,QAAMC,KAAK,GAAGb,QAAQ,CAACQ,EAAD,CAAR,GAAeE,IAAI,CAACN,GAAL,IAAYM,IAAI,CAACC,GAAhC,GAAsCD,IAAI,CAACC,GAAzD;AACA,SAAO,OAAOE,KAAP,KAAiB,QAAjB,GAA4BL,EAAE,CAACM,YAAH,CAAgBD,KAAhB,CAA5B,GAAqDA,KAA5D;AACD;AAED,OAAO,SAASE,0BAAT,CAAoCP,EAApC,EAAwCC,MAAxC,EAAgD;AACrD,QAAMC,IAAI,GAAGT,eAAe,CAACQ,MAAD,CAA5B;;AACA,UAAQC,IAAI,IAAIA,IAAI,CAACP,KAAL,CAAW,CAAX,CAAhB;AAEE;AACE,aAAOK,EAAE,CAACM,YAAH,CAAgB,0BAAhB,CAAP;;AAEF;AACE,aAAON,EAAE,CAACM,YAAH,CAAgB,+BAAhB,CAAP;;AACF;AACE,aAAO,IAAP;AARJ;AAUD","sourcesContent":["import GL from '@luma.gl/constants';\nimport {isWebGL2} from '@luma.gl/gltools';\n\n// const S3TC = 'WEBGL_compressed_texture_s3tc';\n// const PVRTC = 'WEBGL_compressed_texture_pvrtc';\n// const ES3 = 'WEBGL_compressed_texture_es3';\n// const ETC1 = 'WEBGL_compressed_texture_etc1';\n// const SRGB = 'EXT_sRGB';\n// const DEPTH = 'WEBGL_depth_texture';\n\n// Legal combinations for internalFormat, format and type\nexport const TEXTURE_FORMATS = {\n  // Unsized texture format - more performance\n  [GL.RGB]: {dataFormat: GL.RGB, types: [GL.UNSIGNED_BYTE, GL.UNSIGNED_SHORT_5_6_5]},\n  // TODO: format: GL.RGBA type: GL.FLOAT is supported in WebGL1 when 'OES_texure_float' is suported\n  // we need to update this table structure to specify extensions (gl1: 'OES_texure_float', gl2: false) for each type.\n  [GL.RGBA]: {\n    dataFormat: GL.RGBA,\n    types: [GL.UNSIGNED_BYTE, GL.UNSIGNED_SHORT_4_4_4_4, GL.UNSIGNED_SHORT_5_5_5_1]\n  },\n  [GL.ALPHA]: {dataFormat: GL.ALPHA, types: [GL.UNSIGNED_BYTE]},\n  [GL.LUMINANCE]: {dataFormat: GL.LUMINANCE, types: [GL.UNSIGNED_BYTE]},\n  [GL.LUMINANCE_ALPHA]: {dataFormat: GL.LUMINANCE_ALPHA, types: [GL.UNSIGNED_BYTE]},\n\n  // 32 bit floats\n  [GL.R32F]: {dataFormat: GL.RED, types: [GL.FLOAT], gl2: true},\n  [GL.RG32F]: {dataFormat: GL.RG, types: [GL.FLOAT], gl2: true},\n  [GL.RGB32F]: {dataFormat: GL.RGB, types: [GL.FLOAT], gl2: true},\n  [GL.RGBA32F]: {dataFormat: GL.RGBA, types: [GL.FLOAT], gl2: true}\n\n  // [GL.DEPTH_COMPONENT]: {types: [GL.UNSIGNED_SHORT, GL.UNSIGNED_INT, GL.UNSIGNED_INT_24_8], gl1: DEPTH},\n  // [GL.DEPTH_STENCIL]: {gl1: DEPTH},\n\n  // Sized texture format - more performance\n  // R\n  // [GL.R8]: {dataFormat: GL.RED, types: [GL.UNSIGNED_BYTE], gl2: true},\n  // [GL.R16F]: {dataFormat: GL.RED, types: [GL.HALF_FLOAT, GL.FLOAT], gl2: true},\n  // [GL.R8UI]: {dataFormat: GL.RED_INTEGER, types: [GL.UNSIGNED_BYTE], gl2: true},\n  // // RG\n  // [GL.RG8]: {dataFormat: GL.RG, types: [GL.UNSIGNED_BYTE], gl2: true},\n  // [GL.RG16F]: {dataFormat: GL.RG, types: [GL.HALF_FLOAT, GL.FLOAT], gl2: true},\n  // [GL.RG8UI]: {dataFormat: GL.RG_INTEGER, types: [GL.UNSIGNED_BYTE], gl2: true},\n  // // RGB\n  // [GL.RGB8]: {dataFormat: GL.RGB, types: [GL.UNSIGNED_BYTE], gl2: true, gl1: SRGB},\n  // [GL.SRGB8]: {dataFormat: GL.RGB, types: [GL.UNSIGNED_BYTE], gl2: true, gl1: SRGB},\n  // [GL.RGB565]: {dataFormat: GL.RGB, types: [GL.UNSIGNED_BYTE, GL.UNSIGNED_SHORT_5_6_5], gl2: true},\n  // [GL.R11F_G11F_B10F]: {dataFormat: GL.RGB, types: [GL.UNSIGNED_INT_10F_11F_11F_REV, GL.HALF_FLOAT, GL.FLOAT], gl2: true},\n  // [GL.RGB9_E5]: {dataFormat: GL.RGB, types: [GL.HALF_FLOAT, GL.FLOAT], gl2: true, gl1: 'WEBGL_color_buffer_half_float'},\n  // [GL.RGB16F]: {dataFormat: GL.RGB, types: [GL.HALF_FLOAT, GL.FLOAT], gl2: true, gl1: 'WEBGL_color_buffer_float'},\n  // [GL.RGB8UI]: {dataFormat: GL.RGB_INTEGER, types: [GL.UNSIGNED_BYTE], gl2: true},\n  // // RGBA\n  // [GL.RGBA8]: {dataFormat: GL.RGBA, types: [GL.UNSIGNED_BYTE], gl2: true, gl1: SRGB},\n  // [GL.SRGB8_ALPHA8]: {dataFormat: GL.RGBA, types: [GL.UNSIGNED_BYTE], gl2: true, gl1: SRGB},\n  // [GL.RGB5_A1]: {dataFormat: GL.RGBA, types: [GL.UNSIGNED_BYTE, GL.UNSIGNED_SHORT_5_5_5_1], gl2: true},\n  // [GL.RGBA4]: {dataFormat: GL.RGBA, types: [GL.UNSIGNED_BYTE, GL.UNSIGNED_SHORT_4_4_4_4], gl2: true},\n  // [GL.RGBA16F]: {dataFormat: GL.RGBA, types: [GL.HALF_FLOAT, GL.FLOAT], gl2: true},\n  // [GL.RGBA8UI]: {dataFormat: GL.RGBA_INTEGER, types: [GL.UNSIGNED_BYTE], gl2: true}\n\n  // Compressed formats\n\n  // WEBGL_compressed_texture_s3tc\n\n  // [GL.COMPRESSED_RGB_S3TC_DXT1_EXT]: {compressed: true, gl1: S3TC},\n  // [GL.COMPRESSED_RGBA_S3TC_DXT1_EXT]: {compressed: true, gl1: S3TC},\n  // [GL.COMPRESSED_RGBA_S3TC_DXT3_EXT]: {compressed: true, gl1: S3TC},\n  // [GL.COMPRESSED_RGBA_S3TC_DXT5_EXT]: {compressed: true, gl1: S3TC},\n\n  // WEBGL_compressed_texture_es3\n\n  // [GL.COMPRESSED_R11_EAC]: {compressed: true, gl1: ES3}, // RED\n  // [GL.COMPRESSED_SIGNED_R11_EAC]: {compressed: true, gl1: ES3}, // RED\n  // [GL.COMPRESSED_RG11_EAC]: {compressed: true, gl1: ES3}, // RG\n  // [GL.COMPRESSED_SIGNED_RG11_EAC]: {compressed: true, gl1: ES3}, // RG\n  // [GL.COMPRESSED_RGB8_ETC2]: {compressed: true, gl1: ES3}, // RGB\n  // [GL.COMPRESSED_RGBA8_ETC2_EAC]: {compressed: true, gl1: ES3}, // RBG\n  // [GL.COMPRESSED_SRGB8_ETC2]: {compressed: true, gl1: ES3}, // RGB\n  // [GL.COMPRESSED_SRGB8_ALPHA8_ETC2_EAC]: {compressed: true, gl1: ES3}, // RGBA\n  // [GL.COMPRESSED_RGB8_PUNCHTHROUGH_ALPHA1_ETC2]: {compressed: true, gl1: ES3}, // RGBA\n  // [GL.COMPRESSED_SRGB8_PUNCHTHROUGH_ALPHA1_ETC2]: {compressed: true, gl1: ES3}, // RGBA\n  /* WebGL2 guaranteed availability compressed formats?\n  COMPRESSED_R11_EAC RED\n  COMPRESSED_SIGNED_R11_EAC RED\n  COMPRESSED_RG11_EAC RG\n  COMPRESSED_SIGNED_RG11_EAC RG\n  COMPRESSED_RGB8_ETC2 RGB\n  COMPRESSED_SRGB8_ETC2 RGB\n  COMPRESSED_RGB8_PUNCHTHROUGH_ALPHA1_ETC2 RGBA\n  COMPRESSED_SRGB8_PUNCHTHROUGH_ALPHA1_ETC2 RGBA\n  COMPRESSED_RGBA8_ETC2_EAC RGBA\n  COMPRESSED_SRGB8_ALPHA8_ETC2_EAC\n  */\n\n  // WEBGL_compressed_texture_pvrtc\n\n  // [GL.COMPRESSED_RGB_PVRTC_4BPPV1_IMG]: {compressed: true, gl1: PVRTC},\n  // [GL.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG]: {compressed: true, gl1: PVRTC},\n  // [GL.COMPRESSED_RGB_PVRTC_2BPPV1_IMG]: {compressed: true, gl1: PVRTC},\n  // [GL.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG]: {compressed: true, gl1: PVRTC},\n\n  // WEBGL_compressed_texture_etc1\n\n  // [GL.COMPRESSED_RGB_ETC1_WEBGL]: {compressed: true, gl1: ETC1},\n\n  // WEBGL_compressed_texture_atc\n\n  // [GL.COMPRESSED_RGB_ATC_WEBGL]: {compressed: true, gl1: ETC1},\n  // [GL.COMPRESSED_RGBA_ATC_EXPLICIT_ALPHA_WEBGL]: {compressed: true, gl1: ETC1},\n  // [GL.COMPRESSED_RGBA_ATC_INTERPOLATED_ALPHA_WEBGL]: {compressed: true, gl1: ETC1}\n};\n\nexport const DATA_FORMAT_CHANNELS = {\n  [GL.RED]: 1,\n  [GL.RED_INTEGER]: 1,\n  [GL.RG]: 2,\n  [GL.RG_INTEGER]: 2,\n  [GL.RGB]: 3,\n  [GL.RGB_INTEGER]: 3,\n  [GL.RGBA]: 4,\n  [GL.RGBA_INTEGER]: 4,\n  [GL.DEPTH_COMPONENT]: 1,\n  [GL.DEPTH_STENCIL]: 1,\n  [GL.ALPHA]: 1,\n  [GL.LUMINANCE]: 1,\n  [GL.LUMINANCE_ALPHA]: 2\n};\n\nexport const TYPE_SIZES = {\n  [GL.FLOAT]: 4,\n  [GL.UNSIGNED_INT]: 4,\n  [GL.INT]: 4,\n  [GL.UNSIGNED_SHORT]: 2,\n  [GL.SHORT]: 2,\n  [GL.HALF_FLOAT]: 2,\n  [GL.BYTE]: 1,\n  [GL.UNSIGNED_BYTE]: 1\n};\n\nexport function isFormatSupported(gl, format) {\n  const info = TEXTURE_FORMATS[format];\n  if (!info) {\n    return false;\n  }\n  if (info.gl1 === undefined && info.gl2 === undefined) {\n    // No info - always supported\n    return true;\n  }\n  const value = isWebGL2(gl) ? info.gl2 || info.gl1 : info.gl1;\n  return typeof value === 'string' ? gl.getExtension(value) : value;\n}\n\nexport function isLinearFilteringSupported(gl, format) {\n  const info = TEXTURE_FORMATS[format];\n  switch (info && info.types[0]) {\n    // Both WebGL1 and WebGL2?\n    case GL.FLOAT:\n      return gl.getExtension('OES_texture_float_linear');\n    // Not in WebGL2?\n    case GL.HALF_FLOAT:\n      return gl.getExtension('OES_texture_half_float_linear');\n    default:\n      return true;\n  }\n}\n"],"file":"texture-formats.js"}
+{"version":3,"sources":["../../../src/classes/texture-formats.ts"],"names":["GL","isWebGL2","TEXTURE_FORMATS","RGB","dataFormat","types","UNSIGNED_BYTE","UNSIGNED_SHORT_5_6_5","RGBA","UNSIGNED_SHORT_4_4_4_4","UNSIGNED_SHORT_5_5_5_1","ALPHA","LUMINANCE","LUMINANCE_ALPHA","R32F","RED","FLOAT","gl2","RG32F","RG","RGB32F","RGBA32F","DATA_FORMAT_CHANNELS","RED_INTEGER","RG_INTEGER","RGB_INTEGER","RGBA_INTEGER","DEPTH_COMPONENT","DEPTH_STENCIL","TYPE_SIZES","UNSIGNED_INT","INT","UNSIGNED_SHORT","SHORT","HALF_FLOAT","BYTE","isFormatSupported","gl","format","info","gl1","undefined","value","getExtension","isLinearFilteringSupported"],"mappings":"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","sourcesContent":["import GL from '@luma.gl/constants';\nimport {isWebGL2} from '../context/context/webgl-checks';\n\n// const S3TC = 'WEBGL_compressed_texture_s3tc';\n// const PVRTC = 'WEBGL_compressed_texture_pvrtc';\n// const ES3 = 'WEBGL_compressed_texture_es3';\n// const ETC1 = 'WEBGL_compressed_texture_etc1';\n// const SRGB = 'EXT_sRGB';\n// const DEPTH = 'WEBGL_depth_texture';\n\ntype TextureFormat = {\n  dataFormat: number;\n  types: number[];\n  gl2?: boolean;\n  gl1?: boolean;\n  compressed?: boolean;\n}\n\n// Legal combinations for internalFormat, format and type\nexport const TEXTURE_FORMATS: Record<string, TextureFormat> = {\n  // Unsized texture format - more performance\n  [GL.RGB]: {dataFormat: GL.RGB, types: [GL.UNSIGNED_BYTE, GL.UNSIGNED_SHORT_5_6_5]},\n  // TODO: format: GL.RGBA type: GL.FLOAT is supported in WebGL1 when 'OES_texure_float' is suported\n  // we need to update this table structure to specify extensions (gl1: 'OES_texure_float', gl2: false) for each type.\n  [GL.RGBA]: {\n    dataFormat: GL.RGBA,\n    types: [GL.UNSIGNED_BYTE, GL.UNSIGNED_SHORT_4_4_4_4, GL.UNSIGNED_SHORT_5_5_5_1]\n  },\n  [GL.ALPHA]: {dataFormat: GL.ALPHA, types: [GL.UNSIGNED_BYTE]},\n  [GL.LUMINANCE]: {dataFormat: GL.LUMINANCE, types: [GL.UNSIGNED_BYTE]},\n  [GL.LUMINANCE_ALPHA]: {dataFormat: GL.LUMINANCE_ALPHA, types: [GL.UNSIGNED_BYTE]},\n\n  // 32 bit floats\n  [GL.R32F]: {dataFormat: GL.RED, types: [GL.FLOAT], gl2: true},\n  [GL.RG32F]: {dataFormat: GL.RG, types: [GL.FLOAT], gl2: true},\n  [GL.RGB32F]: {dataFormat: GL.RGB, types: [GL.FLOAT], gl2: true},\n  [GL.RGBA32F]: {dataFormat: GL.RGBA, types: [GL.FLOAT], gl2: true}\n\n  // [GL.DEPTH_COMPONENT]: {types: [GL.UNSIGNED_SHORT, GL.UNSIGNED_INT, GL.UNSIGNED_INT_24_8], gl1: DEPTH},\n  // [GL.DEPTH_STENCIL]: {gl1: DEPTH},\n\n  // Sized texture format - more performance\n  // R\n  // [GL.R8]: {dataFormat: GL.RED, types: [GL.UNSIGNED_BYTE], gl2: true},\n  // [GL.R16F]: {dataFormat: GL.RED, types: [GL.HALF_FLOAT, GL.FLOAT], gl2: true},\n  // [GL.R8UI]: {dataFormat: GL.RED_INTEGER, types: [GL.UNSIGNED_BYTE], gl2: true},\n  // // RG\n  // [GL.RG8]: {dataFormat: GL.RG, types: [GL.UNSIGNED_BYTE], gl2: true},\n  // [GL.RG16F]: {dataFormat: GL.RG, types: [GL.HALF_FLOAT, GL.FLOAT], gl2: true},\n  // [GL.RG8UI]: {dataFormat: GL.RG_INTEGER, types: [GL.UNSIGNED_BYTE], gl2: true},\n  // // RGB\n  // [GL.RGB8]: {dataFormat: GL.RGB, types: [GL.UNSIGNED_BYTE], gl2: true, gl1: SRGB},\n  // [GL.SRGB8]: {dataFormat: GL.RGB, types: [GL.UNSIGNED_BYTE], gl2: true, gl1: SRGB},\n  // [GL.RGB565]: {dataFormat: GL.RGB, types: [GL.UNSIGNED_BYTE, GL.UNSIGNED_SHORT_5_6_5], gl2: true},\n  // [GL.R11F_G11F_B10F]: {dataFormat: GL.RGB, types: [GL.UNSIGNED_INT_10F_11F_11F_REV, GL.HALF_FLOAT, GL.FLOAT], gl2: true},\n  // [GL.RGB9_E5]: {dataFormat: GL.RGB, types: [GL.HALF_FLOAT, GL.FLOAT], gl2: true, gl1: 'WEBGL_color_buffer_half_float'},\n  // [GL.RGB16F]: {dataFormat: GL.RGB, types: [GL.HALF_FLOAT, GL.FLOAT], gl2: true, gl1: 'WEBGL_color_buffer_float'},\n  // [GL.RGB8UI]: {dataFormat: GL.RGB_INTEGER, types: [GL.UNSIGNED_BYTE], gl2: true},\n  // // RGBA\n  // [GL.RGBA8]: {dataFormat: GL.RGBA, types: [GL.UNSIGNED_BYTE], gl2: true, gl1: SRGB},\n  // [GL.SRGB8_ALPHA8]: {dataFormat: GL.RGBA, types: [GL.UNSIGNED_BYTE], gl2: true, gl1: SRGB},\n  // [GL.RGB5_A1]: {dataFormat: GL.RGBA, types: [GL.UNSIGNED_BYTE, GL.UNSIGNED_SHORT_5_5_5_1], gl2: true},\n  // [GL.RGBA4]: {dataFormat: GL.RGBA, types: [GL.UNSIGNED_BYTE, GL.UNSIGNED_SHORT_4_4_4_4], gl2: true},\n  // [GL.RGBA16F]: {dataFormat: GL.RGBA, types: [GL.HALF_FLOAT, GL.FLOAT], gl2: true},\n  // [GL.RGBA8UI]: {dataFormat: GL.RGBA_INTEGER, types: [GL.UNSIGNED_BYTE], gl2: true}\n\n  // Compressed formats\n\n  // WEBGL_compressed_texture_s3tc\n\n  // [GL.COMPRESSED_RGB_S3TC_DXT1_EXT]: {compressed: true, gl1: S3TC},\n  // [GL.COMPRESSED_RGBA_S3TC_DXT1_EXT]: {compressed: true, gl1: S3TC},\n  // [GL.COMPRESSED_RGBA_S3TC_DXT3_EXT]: {compressed: true, gl1: S3TC},\n  // [GL.COMPRESSED_RGBA_S3TC_DXT5_EXT]: {compressed: true, gl1: S3TC},\n\n  // WEBGL_compressed_texture_es3\n\n  // [GL.COMPRESSED_R11_EAC]: {compressed: true, gl1: ES3}, // RED\n  // [GL.COMPRESSED_SIGNED_R11_EAC]: {compressed: true, gl1: ES3}, // RED\n  // [GL.COMPRESSED_RG11_EAC]: {compressed: true, gl1: ES3}, // RG\n  // [GL.COMPRESSED_SIGNED_RG11_EAC]: {compressed: true, gl1: ES3}, // RG\n  // [GL.COMPRESSED_RGB8_ETC2]: {compressed: true, gl1: ES3}, // RGB\n  // [GL.COMPRESSED_RGBA8_ETC2_EAC]: {compressed: true, gl1: ES3}, // RBG\n  // [GL.COMPRESSED_SRGB8_ETC2]: {compressed: true, gl1: ES3}, // RGB\n  // [GL.COMPRESSED_SRGB8_ALPHA8_ETC2_EAC]: {compressed: true, gl1: ES3}, // RGBA\n  // [GL.COMPRESSED_RGB8_PUNCHTHROUGH_ALPHA1_ETC2]: {compressed: true, gl1: ES3}, // RGBA\n  // [GL.COMPRESSED_SRGB8_PUNCHTHROUGH_ALPHA1_ETC2]: {compressed: true, gl1: ES3}, // RGBA\n  /* WebGL2 guaranteed availability compressed formats?\n  COMPRESSED_R11_EAC RED\n  COMPRESSED_SIGNED_R11_EAC RED\n  COMPRESSED_RG11_EAC RG\n  COMPRESSED_SIGNED_RG11_EAC RG\n  COMPRESSED_RGB8_ETC2 RGB\n  COMPRESSED_SRGB8_ETC2 RGB\n  COMPRESSED_RGB8_PUNCHTHROUGH_ALPHA1_ETC2 RGBA\n  COMPRESSED_SRGB8_PUNCHTHROUGH_ALPHA1_ETC2 RGBA\n  COMPRESSED_RGBA8_ETC2_EAC RGBA\n  COMPRESSED_SRGB8_ALPHA8_ETC2_EAC\n  */\n\n  // WEBGL_compressed_texture_pvrtc\n\n  // [GL.COMPRESSED_RGB_PVRTC_4BPPV1_IMG]: {compressed: true, gl1: PVRTC},\n  // [GL.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG]: {compressed: true, gl1: PVRTC},\n  // [GL.COMPRESSED_RGB_PVRTC_2BPPV1_IMG]: {compressed: true, gl1: PVRTC},\n  // [GL.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG]: {compressed: true, gl1: PVRTC},\n\n  // WEBGL_compressed_texture_etc1\n\n  // [GL.COMPRESSED_RGB_ETC1_WEBGL]: {compressed: true, gl1: ETC1},\n\n  // WEBGL_compressed_texture_atc\n\n  // [GL.COMPRESSED_RGB_ATC_WEBGL]: {compressed: true, gl1: ETC1},\n  // [GL.COMPRESSED_RGBA_ATC_EXPLICIT_ALPHA_WEBGL]: {compressed: true, gl1: ETC1},\n  // [GL.COMPRESSED_RGBA_ATC_INTERPOLATED_ALPHA_WEBGL]: {compressed: true, gl1: ETC1}\n};\n\nexport const DATA_FORMAT_CHANNELS = {\n  [GL.RED]: 1,\n  [GL.RED_INTEGER]: 1,\n  [GL.RG]: 2,\n  [GL.RG_INTEGER]: 2,\n  [GL.RGB]: 3,\n  [GL.RGB_INTEGER]: 3,\n  [GL.RGBA]: 4,\n  [GL.RGBA_INTEGER]: 4,\n  [GL.DEPTH_COMPONENT]: 1,\n  [GL.DEPTH_STENCIL]: 1,\n  [GL.ALPHA]: 1,\n  [GL.LUMINANCE]: 1,\n  [GL.LUMINANCE_ALPHA]: 2\n};\n\nexport const TYPE_SIZES = {\n  [GL.FLOAT]: 4,\n  [GL.UNSIGNED_INT]: 4,\n  [GL.INT]: 4,\n  [GL.UNSIGNED_SHORT]: 2,\n  [GL.SHORT]: 2,\n  [GL.HALF_FLOAT]: 2,\n  [GL.BYTE]: 1,\n  [GL.UNSIGNED_BYTE]: 1\n};\n\nexport function isFormatSupported(gl, format) {\n  const info = TEXTURE_FORMATS[format];\n  if (!info) {\n    return false;\n  }\n  if (info.gl1 === undefined && info.gl2 === undefined) {\n    // No info - always supported\n    return true;\n  }\n  const value = isWebGL2(gl) ? info.gl2 || info.gl1 : info.gl1;\n  return typeof value === 'string' ? gl.getExtension(value) : value;\n}\n\nexport function isLinearFilteringSupported(gl, format) {\n  const info = TEXTURE_FORMATS[format];\n  switch (info && info.types[0]) {\n    // Both WebGL1 and WebGL2?\n    case GL.FLOAT:\n      return gl.getExtension('OES_texture_float_linear');\n    // Not in WebGL2?\n    case GL.HALF_FLOAT:\n      return gl.getExtension('OES_texture_half_float_linear');\n    default:\n      return true;\n  }\n}\n"],"file":"texture-formats.js"}

package/dist/esm/classes/texture.js

@@ -1,40 +1,75 @@
-import { isWebGL2, assertWebGL2Context, withParameters, log } from '@luma.gl/gltools';
-import { global } from 'probe.gl/env';
-import Resource from './resource';
-import Buffer from './buffer';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { log, assert, uid, isPowerOfTwo } from '@luma.gl/api';
+import { Texture } from '@luma.gl/api';
+import GL from '@luma.gl/constants';
+import { isWebGL2, assertWebGL2Context } from '../context/context/webgl-checks';
+import { withParameters } from '../context/state-tracker/with-parameters';
+import { getKey, getKeyValue } from '../webgl-utils/constants-to-keys';
+import WebGLDevice from '../adapter/webgl-device';
+import Buffer from './webgl-buffer';
 import { TEXTURE_FORMATS, DATA_FORMAT_CHANNELS, TYPE_SIZES, isFormatSupported, isLinearFilteringSupported } from './texture-formats';
-import { assert } from '../utils/assert';
-import { uid, isPowerOfTwo } from '../utils/utils';
-const NPOT_MIN_FILTERS = [9729, 9728];
-
-const WebGLBuffer = global.WebGLBuffer || function WebGLBuffer() {};
-
-export default class Texture extends Resource {
-  static isSupported(gl, opts = {}) {
+const NPOT_MIN_FILTERS = [GL.LINEAR, GL.NEAREST];
+export default class WEBGLTexture extends Texture {
+  static isSupported(device, options) {
+    const webglDevice = WebGLDevice.attach(device);
     const {
       format,
       linearFiltering
-    } = opts;
+    } = options;
     let supported = true;
 
     if (format) {
-      supported = supported && isFormatSupported(gl, format);
-      supported = supported && (!linearFiltering || isLinearFilteringSupported(gl, format));
+      supported = supported && isFormatSupported(webglDevice.gl, format);
+      supported = supported && (!linearFiltering || isLinearFilteringSupported(webglDevice.gl, format));
     }
 
     return supported;
   }
 
-  constructor(gl, props) {
+  constructor(device, props) {
+    super(WebGLDevice.attach(device), props);
+
+    _defineProperty(this, "MAX_ATTRIBUTES", void 0);
+
+    _defineProperty(this, "device", void 0);
+
+    _defineProperty(this, "gl", void 0);
+
+    _defineProperty(this, "gl2", void 0);
+
+    _defineProperty(this, "handle", void 0);
+
+    _defineProperty(this, "data", void 0);
+
+    _defineProperty(this, "width", void 0);
+
+    _defineProperty(this, "height", void 0);
+
+    _defineProperty(this, "depth", void 0);
+
+    _defineProperty(this, "format", undefined);
+
+    _defineProperty(this, "type", undefined);
+
+    _defineProperty(this, "dataFormat", undefined);
+
+    _defineProperty(this, "border", undefined);
+
+    _defineProperty(this, "mipmaps", undefined);
+
+    _defineProperty(this, "target", void 0);
+
+    _defineProperty(this, "textureUnit", undefined);
+
+    _defineProperty(this, "loaded", false);
+
+    _defineProperty(this, "_video", void 0);
+
     const {
       id = uid('texture'),
       handle,
       target
     } = props;
-    super(gl, {
-      id,
-      handle
-    });
     this.target = target;
     this.textureUnit = undefined;
     this.loaded = false;
@@ -47,10 +82,23 @@ export default class Texture extends Resource {
     this.border = undefined;
     this.textureUnit = undefined;
     this.mipmaps = undefined;
+    this.device = WebGLDevice.attach(device);
+    this.gl = this.device.gl;
+    this.gl2 = this.device.gl2;
+    this.handle = this.props.handle || this.gl.createTexture();
+  }
+
+  destroy() {
+    if (this.handle) {
+      this.gl.deleteTexture(this.handle);
+      this.removeStats();
+      this.trackDeallocatedMemory('Texture');
+      this.handle = null;
+    }
   }
 
   toString() {
-    return `Texture(${this.id},${this.width}x${this.height})`;
+    return "Texture(".concat(this.id, ",").concat(this.width, "x").concat(this.height, ")");
   }
 
   initialize(props = {}) {
@@ -74,7 +122,7 @@ export default class Texture extends Resource {
 
     const {
       pixels = null,
-      format = 6408,
+      format = GL.RGBA,
       border = 0,
       recreate = false,
       parameters = {},
@@ -122,12 +170,12 @@ export default class Texture extends Resource {
     this.textureUnit = textureUnit;
 
     if (Number.isFinite(this.textureUnit)) {
-      this.gl.activeTexture(33984 + this.textureUnit);
+      this.gl.activeTexture(GL.TEXTURE0 + this.textureUnit);
       this.gl.bindTexture(this.target, this.handle);
     }
 
     if (mipmaps && this._isNPOT()) {
-      log.warn(`texture: ${this} is Non-Power-Of-Two, disabling mipmaping`)();
+      log.warn("texture: ".concat(this, " is Non-Power-Of-Two, disabling mipmaping"))();
       mipmaps = false;
 
       this._updateForNPOT(parameters);
@@ -216,7 +264,7 @@ export default class Texture extends Resource {
 
   generateMipmap(params = {}) {
     if (this._isNPOT()) {
-      log.warn(`texture: ${this} is Non-Power-Of-Two, disabling mipmaping`)();
+      log.warn("texture: ".concat(this, " is Non-Power-Of-Two, disabling mipmaping"))();
       return this;
     }
 
@@ -230,8 +278,7 @@ export default class Texture extends Resource {
   }
 
   setImageData(options) {
-    this._trackDeallocatedMemory('Texture');
-
+    this.trackDeallocatedMemory('Texture');
     const {
       target = this.target,
       pixels = null,
@@ -294,9 +341,9 @@ export default class Texture extends Resource {
 
         case 'buffer':
           gl2 = assertWebGL2Context(gl);
-          gl2.bindBuffer(35052, data.handle || data);
+          gl2.bindBuffer(GL.PIXEL_UNPACK_BUFFER, data.handle || data);
           gl2.texImage2D(target, level, format, width, height, border, dataFormat, type, offset);
-          gl2.bindBuffer(35052, null);
+          gl2.bindBuffer(GL.PIXEL_UNPACK_BUFFER, null);
           break;
 
         case 'browser-object':
@@ -321,12 +368,11 @@ export default class Texture extends Resource {
     });
 
     if (data && data.byteLength) {
-      this._trackAllocatedMemory(data.byteLength, 'Texture');
+      this.trackAllocatedMemory(data.byteLength, 'Texture');
     } else {
       const channels = DATA_FORMAT_CHANNELS[this.dataFormat] || 4;
       const channelSize = TYPE_SIZES[this.type] || 1;
-
-      this._trackAllocatedMemory(this.width * this.height * channels * channelSize, 'Texture');
+      this.trackAllocatedMemory(this.width * this.height * channels * channelSize, 'Texture');
     }
 
     this.loaded = true;
@@ -390,11 +436,11 @@ export default class Texture extends Resource {
         this.gl.texSubImage2D(target, level, x, y, width, height, dataFormat, type, null);
       } else if (ArrayBuffer.isView(data)) {
         this.gl.texSubImage2D(target, level, x, y, width, height, dataFormat, type, data, offset);
-      } else if (data instanceof WebGLBuffer) {
+      } else if (typeof WebGLBuffer !== 'undefined' && data instanceof WebGLBuffer) {
         const gl2 = assertWebGL2Context(this.gl);
-        gl2.bindBuffer(35052, data);
+        gl2.bindBuffer(GL.PIXEL_UNPACK_BUFFER, data);
         gl2.texSubImage2D(target, level, x, y, width, height, dataFormat, type, offset);
-        gl2.bindBuffer(35052, null);
+        gl2.bindBuffer(GL.PIXEL_UNPACK_BUFFER, null);
       } else if (isWebGL2(this.gl)) {
         const gl2 = assertWebGL2Context(this.gl);
         gl2.texSubImage2D(target, level, x, y, width, height, dataFormat, type, data);
@@ -411,7 +457,7 @@ export default class Texture extends Resource {
   }
 
   getActiveUnit() {
-    return this.gl.getParameter(34016) - 33984;
+    return this.gl.getParameter(GL.ACTIVE_TEXTURE) - GL.TEXTURE0;
   }
 
   bind(textureUnit = this.textureUnit) {
@@ -421,7 +467,7 @@ export default class Texture extends Resource {
 
     if (textureUnit !== undefined) {
       this.textureUnit = textureUnit;
-      gl.activeTexture(33984 + textureUnit);
+      gl.activeTexture(gl.TEXTURE0 + textureUnit);
     }
 
     gl.bindTexture(this.target, this.handle);
@@ -435,7 +481,7 @@ export default class Texture extends Resource {
 
     if (textureUnit !== undefined) {
       this.textureUnit = textureUnit;
-      gl.activeTexture(33984 + textureUnit);
+      gl.activeTexture(gl.TEXTURE0 + textureUnit);
     }
 
     gl.bindTexture(this.target, null);
@@ -474,7 +520,7 @@ export default class Texture extends Resource {
       };
     }
 
-    if (data instanceof WebGLBuffer) {
+    if (typeof WebGLBuffer !== 'undefined' && data instanceof WebGLBuffer) {
       return {
         data,
         dataType: 'buffer'
@@ -564,22 +610,92 @@ export default class Texture extends Resource {
     return size;
   }
 
-  _createHandle() {
-    return this.gl.createTexture();
+  getParameter(pname, props = {}) {
+    pname = getKeyValue(this.gl, pname);
+    assert(pname);
+    const parameters = this.constructor.PARAMETERS || {};
+    const parameter = parameters[pname];
+
+    if (parameter) {
+      const isWebgl2 = isWebGL2(this.gl);
+      const parameterAvailable = (!('webgl2' in parameter) || isWebgl2) && (!('extension' in parameter) || this.gl.getExtension(parameter.extension));
+
+      if (!parameterAvailable) {
+        const webgl1Default = parameter.webgl1;
+        const webgl2Default = 'webgl2' in parameter ? parameter.webgl2 : parameter.webgl1;
+        const defaultValue = isWebgl2 ? webgl2Default : webgl1Default;
+        return defaultValue;
+      }
+    }
+
+    return this._getParameter(pname, props);
+  }
+
+  getParameters(options = {}) {
+    const {
+      parameters,
+      keys
+    } = options;
+    const PARAMETERS = this.constructor.PARAMETERS || {};
+    const isWebgl2 = isWebGL2(this.gl);
+    const values = {};
+    const parameterKeys = parameters || Object.keys(PARAMETERS);
+
+    for (const pname of parameterKeys) {
+      const parameter = PARAMETERS[pname];
+      const parameterAvailable = parameter && (!('webgl2' in parameter) || isWebgl2) && (!('extension' in parameter) || this.gl.getExtension(parameter.extension));
+
+      if (parameterAvailable) {
+        const key = keys ? getKey(this.gl, pname) : pname;
+        values[key] = this.getParameter(pname, options);
+
+        if (keys && parameter.type === 'GLenum') {
+          values[key] = getKey(this.gl, values[key]);
+        }
+      }
+    }
+
+    return values;
+  }
+
+  setParameter(pname, value) {
+    pname = getKeyValue(this.gl, pname);
+    assert(pname);
+    const parameters = this.constructor.PARAMETERS || {};
+    const parameter = parameters[pname];
+
+    if (parameter) {
+      const isWebgl2 = isWebGL2(this.gl);
+      const parameterAvailable = (!('webgl2' in parameter) || isWebgl2) && (!('extension' in parameter) || this.gl.getExtension(parameter.extension));
+
+      if (!parameterAvailable) {
+        throw new Error('Parameter not available on this platform');
+      }
+
+      if (parameter.type === 'GLenum') {
+        value = getKeyValue(value);
+      }
+    }
+
+    this._setParameter(pname, value);
+
+    return this;
   }
 
-  _deleteHandle() {
-    this.gl.deleteTexture(this.handle);
+  setParameters(parameters) {
+    for (const pname in parameters) {
+      this.setParameter(pname, parameters[pname]);
+    }
 
-    this._trackDeallocatedMemory('Texture');
+    return this;
   }
 
-  _getParameter(pname) {
+  _getParameter(pname, props) {
     switch (pname) {
-      case 4096:
+      case GL.TEXTURE_WIDTH:
         return this.width;
 
-      case 4097:
+      case GL.TEXTURE_HEIGHT:
         return this.height;
 
       default:
@@ -595,13 +711,13 @@ export default class Texture extends Resource {
     param = this._getNPOTParam(pname, param);
 
     switch (pname) {
-      case 33082:
-      case 33083:
-        this.gl.texParameterf(this.handle, pname, param);
+      case GL.TEXTURE_MIN_LOD:
+      case GL.TEXTURE_MAX_LOD:
+        this.gl.texParameterf(this.target, pname, param);
         break;
 
-      case 4096:
-      case 4097:
+      case GL.TEXTURE_WIDTH:
+      case GL.TEXTURE_HEIGHT:
         assert(false);
         break;
 
@@ -643,17 +759,17 @@ export default class Texture extends Resource {
   _getNPOTParam(pname, param) {
     if (this._isNPOT()) {
       switch (pname) {
-        case 10241:
+        case GL.TEXTURE_MIN_FILTER:
           if (NPOT_MIN_FILTERS.indexOf(param) === -1) {
-            param = 9729;
+            param = GL.LINEAR;
           }
 
           break;
 
-        case 10242:
-        case 10243:
-          if (param !== 33071) {
-            param = 33071;
+        case GL.TEXTURE_WRAP_S:
+        case GL.TEXTURE_WRAP_T:
+          if (param !== GL.CLAMP_TO_EDGE) {
+            param = GL.CLAMP_TO_EDGE;
           }
 
           break;