@luma.gl/webgl 9.0.0-alpha.3 → 9.0.0-alpha.31

package/dist/adapter/resources/webgl-render-pipeline.js

@@ -1,215 +1,189 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { RenderPipeline, cast, log, decodeVertexFormat } from '@luma.gl/api';
-import GL from '@luma.gl/constants';
-import { getWebGLDataType } from '../converters/texture-formats';
-import { getShaderLayout } from '../helpers/get-shader-layout';
-import { withDeviceParameters } from '../converters/device-parameters';
-import { setUniform } from '../helpers/set-uniform';
-import WEBGLBuffer from './webgl-buffer';
-import WEBGLTexture from './webgl-texture';
-import WEBGLVertexArrayObject from '../objects/webgl-vertex-array-object';
+import { RenderPipeline, cast, log } from '@luma.gl/core';
+import { mergeShaderLayout, getAttributeInfosFromLayouts } from '@luma.gl/core';
+import { GL } from '@luma.gl/constants';
+import { getGLFromVertexType } from "../converters/vertex-formats.js";
+import { getShaderLayout } from "../helpers/get-shader-layout.js";
+import { withDeviceParameters, withGLParameters } from "../converters/device-parameters.js";
+import { setUniform } from "../helpers/set-uniform.js";
+import { WEBGLBuffer } from "./webgl-buffer.js";
+import { WEBGLTexture } from "./webgl-texture.js";
+import { WEBGLVertexArrayObject } from "../objects/webgl-vertex-array-object.js";
 const LOG_PROGRAM_PERF_PRIORITY = 4;
-export default class WEBGLRenderPipeline extends RenderPipeline {
+export class WEBGLRenderPipeline extends RenderPipeline {
   constructor(device, props) {
     super(device, props);
-
     _defineProperty(this, "device", void 0);
-
     _defineProperty(this, "handle", void 0);
-
     _defineProperty(this, "vs", void 0);
-
     _defineProperty(this, "fs", void 0);
-
-    _defineProperty(this, "layout", void 0);
-
-    _defineProperty(this, "varyings", void 0);
-
-    _defineProperty(this, "vertexArrayObject", void 0);
-
-    _defineProperty(this, "_indexBuffer", void 0);
-
+    _defineProperty(this, "introspectedLayout", void 0);
+    _defineProperty(this, "shaderLayout", void 0);
+    _defineProperty(this, "bufferLayout", void 0);
     _defineProperty(this, "uniforms", {});
-
     _defineProperty(this, "bindings", {});
-
+    _defineProperty(this, "constantAttributes", {});
+    _defineProperty(this, "_indexBuffer", void 0);
+    _defineProperty(this, "varyings", null);
+    _defineProperty(this, "vertexArrayObject", void 0);
     _defineProperty(this, "_textureUniforms", {});
-
     _defineProperty(this, "_textureIndexCounter", 0);
-
     _defineProperty(this, "_uniformCount", 0);
-
-    _defineProperty(this, "_uniformSetters", void 0);
-
+    _defineProperty(this, "_uniformSetters", {});
     this.device = device;
     this.handle = this.props.handle || this.device.gl.createProgram();
-    this.handle.__SPECTOR_Metadata = {
+    this.device.setSpectorMetadata(this.handle, {
       id: this.props.id
-    };
+    });
     this.vs = cast(props.vs);
     this.fs = cast(props.fs);
     const {
       varyings,
       bufferMode = GL.SEPARATE_ATTRIBS
     } = props;
-
     if (varyings && varyings.length > 0) {
+      var _this$device$gl;
       this.device.assertWebGL2();
       this.varyings = varyings;
-      this.device.gl2.transformFeedbackVaryings(this.handle, varyings, bufferMode);
+      (_this$device$gl = this.device.gl2) === null || _this$device$gl === void 0 ? void 0 : _this$device$gl.transformFeedbackVaryings(this.handle, varyings, bufferMode);
     }
-
     this._compileAndLink();
-
-    this.layout = props.layout || getShaderLayout(this.device.gl, this.handle);
+    this.introspectedLayout = getShaderLayout(this.device.gl, this.handle);
+    this.shaderLayout = mergeShaderLayout(this.introspectedLayout, props.shaderLayout);
+    this.bufferLayout = props.bufferLayout || [];
     this.vertexArrayObject = new WEBGLVertexArrayObject(this.device);
   }
-
   destroy() {
     if (this.handle) {
       this.device.gl.deleteProgram(this.handle);
-      this.handle = null;
+      this.destroyed = true;
     }
   }
-
   setIndexBuffer(indexBuffer) {
     const webglBuffer = cast(indexBuffer);
     this.vertexArrayObject.setElementBuffer(webglBuffer);
-    this._indexBuffer = indexBuffer;
+    this._indexBuffer = webglBuffer;
   }
-
-  setAttributes(attributes) {
-    for (const [name, buffer] of Object.entries(attributes)) {
-      const webglBuffer = cast(buffer);
-      const attribute = getAttributeLayout(this.layout, name);
-
-      if (!attribute) {
-        log.warn("Ignoring buffer supplied for unknown attribute \"".concat(name, "\" in pipeline \"").concat(this.id, "\" (buffer \"").concat(buffer.id, "\")"))();
-        continue;
+  setAttributes(buffers) {
+    const attributeInfos = getAttributeInfosFromLayouts(this.shaderLayout, this.bufferLayout);
+    for (const [bufferName, buffer] of Object.entries(buffers)) {
+      let set = false;
+      for (const attributeInfo of Object.values(attributeInfos)) {
+        if (attributeInfo.bufferName !== bufferName) {
+          continue;
+        }
+        const webglBuffer = cast(buffer);
+        const glType = getGLFromVertexType(attributeInfo.bufferDataType);
+        log.log(1, {
+          setAttribute: attributeInfo.name,
+          toBuffer: bufferName,
+          size: attributeInfo.bufferComponents,
+          type: glType,
+          stride: attributeInfo.byteStride,
+          offset: attributeInfo.byteOffset,
+          normalized: attributeInfo.normalized,
+          integer: attributeInfo.integer,
+          divisor: attributeInfo.stepMode === 'instance' ? 1 : 0
+        })();
+        this.vertexArrayObject.setBuffer(attributeInfo.location, webglBuffer, {
+          size: attributeInfo.bufferComponents,
+          type: glType,
+          stride: attributeInfo.byteStride,
+          offset: attributeInfo.byteOffset,
+          normalized: attributeInfo.normalized,
+          integer: attributeInfo.integer,
+          divisor: attributeInfo.stepMode === 'instance' ? 1 : 0
+        });
+        set = true;
+      }
+      if (!set) {
+        log.warn("setAttributes(): Ignoring (buffer \"".concat(buffer.id, "\" for unknown attribute \"").concat(name, "\" in pipeline \"").concat(this.id, "\""))();
       }
-
-      const decoded = decodeVertexFormat(attribute.format);
-      const {
-        type: typeString,
-        components: size,
-        byteLength: stride,
-        normalized,
-        integer
-      } = decoded;
-      const divisor = attribute.stepMode === 'instance' ? 1 : 0;
-      const type = getWebGLDataType(typeString);
-      this.vertexArrayObject.setBuffer(attribute.location, webglBuffer, {
-        size,
-        type,
-        stride,
-        offset: 0,
-        normalized,
-        integer,
-        divisor: attribute.stepMode === 'instance' ? 1 : 0
-      });
     }
   }
-
+  setConstantAttributes(attributes) {
+    Object.assign(this.constantAttributes, attributes);
+  }
   setBindings(bindings) {
     for (const [name, value] of Object.entries(bindings)) {
-      const binding = this.layout.bindings.find(binding => binding.name === name);
-
+      const binding = this.shaderLayout.bindings.find(binding => binding.name === name);
       if (!binding) {
         log.warn("Unknown binding ".concat(name, " in render pipeline ").concat(this.id))();
+        continue;
       }
-
       if (!value) {
         log.warn("Unsetting binding ".concat(name, " in render pipeline ").concat(this.id))();
       }
-
       switch (binding.type) {
         case 'uniform':
           if (!(value instanceof WEBGLBuffer) && !(value.buffer instanceof WEBGLBuffer)) {
             throw new Error('buffer value');
           }
-
           break;
-
         case 'texture':
           if (!(value instanceof WEBGLTexture)) {
             throw new Error('texture value');
           }
-
           break;
-
         case 'sampler':
           log.warn("Ignoring sampler ".concat(name))();
           break;
-
         default:
           throw new Error(binding.type);
       }
-
       this.bindings[name] = value;
     }
   }
-
   setUniforms(uniforms) {
     Object.assign(this.uniforms, uniforms);
   }
-
   draw(options) {
     var _this$_indexBuffer;
-
     const {
-      renderPass = this.device.getDefaultRenderPass(),
+      renderPass,
       vertexCount,
-      indexCount,
       instanceCount,
-      firstVertex = 0,
-      firstIndex,
-      firstInstance,
-      baseVertex
+      firstVertex = 0
     } = options;
-    const drawMode = getDrawMode(this.props.topology);
+    const drawMode = getGLDrawMode(this.props.topology);
     const isIndexed = Boolean(this._indexBuffer);
-    const indexType = ((_this$_indexBuffer = this._indexBuffer) === null || _this$_indexBuffer === void 0 ? void 0 : _this$_indexBuffer.props.indexType) === 'uint16' ? GL.UNSIGNED_SHORT : GL.UNSIGNED_INT;
-    const isInstanced = options.instanceCount > 0;
-
+    const indexType = (_this$_indexBuffer = this._indexBuffer) === null || _this$_indexBuffer === void 0 ? void 0 : _this$_indexBuffer.glIndexType;
+    const isInstanced = Number(options.instanceCount) > 0;
     if (!this._areTexturesRenderable() || options.vertexCount === 0) {
       return false;
     }
-
     this.device.gl.useProgram(this.handle);
     this.vertexArrayObject.bind(() => {
-      const parameters = { ...this.props.parameters,
-        framebuffer: renderPass.props.framebuffer
-      };
       const primitiveMode = getGLPrimitive(this.props.topology);
       const transformFeedback = null;
-
       if (transformFeedback) {
         transformFeedback.begin(primitiveMode);
       }
-
       this._applyBindings();
-
       this._applyUniforms();
-
-      withDeviceParameters(this.device, parameters, () => {
-        if (isIndexed && isInstanced) {
-          this.device.gl2.drawElementsInstanced(drawMode, vertexCount, indexType, firstVertex, instanceCount);
-        } else if (isIndexed) {
-          this.device.gl.drawElements(drawMode, vertexCount, indexType, firstVertex);
-        } else if (isInstanced) {
-          this.device.gl2.drawArraysInstanced(drawMode, firstVertex, vertexCount, instanceCount);
-        } else {
-          this.device.gl.drawArrays(drawMode, firstVertex, vertexCount);
+      this._applyConstantAttributes();
+      const webglRenderPass = renderPass;
+      withDeviceParameters(this.device, this.props.parameters, () => {
+        withGLParameters(this.device, webglRenderPass.glParameters, () => {
+          if (isIndexed && isInstanced) {
+            var _this$device$gl2;
+            (_this$device$gl2 = this.device.gl2) === null || _this$device$gl2 === void 0 ? void 0 : _this$device$gl2.drawElementsInstanced(drawMode, vertexCount || 0, indexType, firstVertex, instanceCount || 0);
+          } else if (isIndexed) {
+            this.device.gl.drawElements(drawMode, vertexCount || 0, indexType, firstVertex);
+          } else if (isInstanced) {
+            var _this$device$gl3;
+            (_this$device$gl3 = this.device.gl2) === null || _this$device$gl3 === void 0 ? void 0 : _this$device$gl3.drawArraysInstanced(drawMode, firstVertex, vertexCount || 0, instanceCount || 0);
+          } else {
+            this.device.gl.drawArrays(drawMode, firstVertex, vertexCount || 0);
+          }
+        });
+        if (transformFeedback) {
+          transformFeedback.end();
         }
       });
-
-      if (transformFeedback) {
-        transformFeedback.end();
-      }
     });
     return true;
   }
-
   _compileAndLink() {
     const {
       gl
@@ -219,182 +193,145 @@ export default class WEBGLRenderPipeline extends RenderPipeline {
     log.time(LOG_PROGRAM_PERF_PRIORITY, "linkProgram for ".concat(this.id))();
     gl.linkProgram(this.handle);
     log.timeEnd(LOG_PROGRAM_PERF_PRIORITY, "linkProgram for ".concat(this.id))();
-
     if (gl.debug || log.level > 0) {
       const linked = gl.getProgramParameter(this.handle, gl.LINK_STATUS);
-
       if (!linked) {
         throw new Error("Error linking: ".concat(gl.getProgramInfoLog(this.handle)));
       }
-
       gl.validateProgram(this.handle);
       const validated = gl.getProgramParameter(this.handle, gl.VALIDATE_STATUS);
-
       if (!validated) {
         throw new Error("Error validating: ".concat(gl.getProgramInfoLog(this.handle)));
       }
     }
   }
-
   _areTexturesRenderable() {
     let texturesRenderable = true;
-
-    for (const [name, texture] of Object.entries(this._textureUniforms)) {
+    for (const [, texture] of Object.entries(this._textureUniforms)) {
       texture.update();
       texturesRenderable = texturesRenderable && texture.loaded;
     }
-
-    for (const [name, texture] of Object.entries(this.bindings)) {
+    for (const [, texture] of Object.entries(this.bindings)) {
       if (texture.loaded !== undefined) {
         texturesRenderable = texturesRenderable && texture.loaded;
       }
     }
-
     return texturesRenderable;
   }
-
+  _applyConstantAttributes() {
+    const attributeInfos = getAttributeInfosFromLayouts(this.shaderLayout, this.bufferLayout);
+    for (const [name, value] of Object.entries(this.constantAttributes)) {
+      const attributeInfo = attributeInfos[name];
+      if (!attributeInfo) {
+        log.warn("Ignoring constant value supplied for unknown attribute \"".concat(name, "\" in pipeline \"").concat(this.id, "\""))();
+        continue;
+      }
+      this.vertexArrayObject.setConstant(attributeInfo.location, value);
+    }
+  }
   _applyBindings() {
     this.device.gl.useProgram(this.handle);
     const {
       gl2
     } = this.device;
+    if (!gl2) {
+      throw new Error('bindings');
+    }
     let textureUnit = 0;
     let uniformBufferIndex = 0;
-
-    for (const binding of this.layout.bindings) {
+    for (const binding of this.shaderLayout.bindings) {
       const value = this.bindings[binding.name];
-
       if (!value) {
         throw new Error("No value for binding ".concat(binding.name, " in ").concat(this.id));
       }
-
       switch (binding.type) {
         case 'uniform':
           const {
             name
           } = binding;
           const location = gl2.getUniformBlockIndex(this.handle, name);
-
           if (location === GL.INVALID_INDEX) {
             throw new Error("Invalid uniform block name ".concat(name));
           }
-
           gl2.uniformBlockBinding(this.handle, uniformBufferIndex, location);
-
           if (value instanceof WEBGLBuffer) {
             gl2.bindBufferBase(GL.UNIFORM_BUFFER, uniformBufferIndex, value.handle);
           } else {
             gl2.bindBufferRange(GL.UNIFORM_BUFFER, uniformBufferIndex, value.buffer.handle, value.offset || 0, value.size || value.buffer.byteLength - value.offset);
           }
-
           uniformBufferIndex += 1;
           break;
-
         case 'texture':
           if (!(value instanceof WEBGLTexture)) {
             throw new Error('texture');
           }
-
           const texture = value;
           gl2.activeTexture(GL.TEXTURE0 + textureUnit);
           gl2.bindTexture(texture.target, texture.handle);
           textureUnit += 1;
           break;
-
         case 'sampler':
           break;
-
         case 'storage':
         case 'read-only-storage':
           throw new Error("binding type '".concat(binding.type, "' not supported in WebGL"));
       }
     }
   }
-
   _applyUniforms() {
-    for (const uniformLayout of this.layout.uniforms || []) {
+    for (const uniformLayout of this.shaderLayout.uniforms || []) {
+      var _this$uniforms$name;
       const {
         name,
         location,
         type,
         textureUnit
       } = uniformLayout;
-      const value = this.uniforms[name] || textureUnit;
-
+      const value = (_this$uniforms$name = this.uniforms[name]) !== null && _this$uniforms$name !== void 0 ? _this$uniforms$name : textureUnit;
       if (value !== undefined) {
         setUniform(this.device.gl, location, type, value);
       }
     }
   }
-
 }
-
-function getDrawMode(topology) {
+function getGLDrawMode(topology) {
   switch (topology) {
     case 'point-list':
       return GL.POINTS;
-
     case 'line-list':
       return GL.LINES;
-
     case 'line-strip':
       return GL.LINE_STRIP;
-
+    case 'line-loop-webgl':
+      return GL.LINE_LOOP;
     case 'triangle-list':
       return GL.TRIANGLES;
-
     case 'triangle-strip':
       return GL.TRIANGLE_STRIP;
-
+    case 'triangle-fan-webgl':
+      return GL.TRIANGLE_FAN;
     default:
       throw new Error(topology);
   }
 }
-
 function getGLPrimitive(topology) {
   switch (topology) {
     case 'point-list':
       return GL.POINTS;
-
     case 'line-list':
       return GL.LINES;
-
     case 'line-strip':
       return GL.LINES;
-
+    case 'line-loop-webgl':
+      return GL.LINES;
     case 'triangle-list':
       return GL.TRIANGLES;
-
     case 'triangle-strip':
       return GL.TRIANGLES;
-
+    case 'triangle-fan-webgl':
+      return GL.TRIANGLES;
     default:
       throw new Error(topology);
   }
 }
-
-function getAttributesByLocation(attributes, layout) {
-  const byLocation = {};
-
-  for (const [name, buffer] of Object.entries(attributes)) {
-    const attribute = getAttributeLayout(layout, name);
-    byLocation[attribute.location] = buffer;
-  }
-
-  return byLocation;
-}
-
-function getAttributeLayout(layout, name) {
-  return layout.attributes.find(binding => binding.name === name);
-}
-
-function getBindingLayout(layout, name) {
-  const binding = layout.bindings.find(binding => binding.name === name);
-
-  if (!binding) {
-    throw new Error("Unknown binding ".concat(name));
-  }
-
-  return binding;
-}
 //# sourceMappingURL=webgl-render-pipeline.js.map