@luma.gl/engine 9.0.0-alpha.45 → 9.0.0-alpha.47

package/dist/index.cjs

@@ -735,7 +735,8 @@ function getAttributeBuffersFromGeometry(device, geometry) {
         break;
     }
     attributes[name] = device.createBuffer({ data: attribute.value, id: `${attributeName}-buffer` });
-    bufferLayout.push({ name, format: `float32x${attribute.size}` });
+    const { value, size } = attribute;
+    bufferLayout.push({ name, format: (0, import_core4.getVertexFormatFromAttribute)(value, size) });
   }
   const vertexCount = geometry._calculateVertexCount(geometry.attributes, geometry.indices);
   return { attributes, bufferLayout, vertexCount };
@@ -833,6 +834,8 @@ var _Model = class {
     this.bindings = {};
     /** Sets uniforms @deprecated Use uniform buffers and setBindings() for portability*/
     this.uniforms = {};
+    /** TransformFeedback, WebGL 2 only. */
+    this.transformFeedback = null;
     this._pipelineNeedsUpdate = "newly created";
     this._attributeInfos = {};
     this._gpuGeometry = null;
@@ -897,6 +900,9 @@ var _Model = class {
     if (props.moduleSettings) {
       this.updateModuleSettings(props.moduleSettings);
     }
+    if (props.transformFeedback) {
+      this.transformFeedback = props.transformFeedback;
+    }
     this.setUniforms(this._getModuleUniforms());
     Object.seal(this);
   }
@@ -912,7 +918,8 @@ var _Model = class {
       renderPass,
       vertexArray: this.vertexArray,
       vertexCount: this.vertexCount,
-      instanceCount: this.instanceCount
+      instanceCount: this.instanceCount,
+      transformFeedback: this.transformFeedback
     });
   }
   // Update fixed fields (can trigger pipeline rebuild)
@@ -999,6 +1006,12 @@ var _Model = class {
     Object.assign(this.bindings, bindings);
     Object.assign(this.uniforms, uniforms);
   }
+  /**
+   * Updates optional transform feedback. WebGL 2 only.
+   */
+  setTransformFeedback(transformFeedback) {
+    this.transformFeedback = transformFeedback;
+  }
   /**
    * @deprecated Updates shader module settings (which results in uniforms being set)
    */
@@ -1042,6 +1055,7 @@ var _Model = class {
     for (const [bufferName, buffer] of Object.entries(buffers)) {
       const bufferLayout = this.bufferLayout.find((layout) => layout.name === bufferName);
       if (!bufferLayout) {
+        import_core6.log.warn(`Model(${this.id}): Missing layout for buffer "${bufferName}".`)();
         continue;
       }
       const attributeNames = bufferLayout.attributes ? (_a = bufferLayout.attributes) == null ? void 0 : _a.map((layout) => layout.attribute) : [bufferLayout.name];
@@ -1074,7 +1088,9 @@ var _Model = class {
       if (attributeInfo) {
         this.vertexArray.setConstant(attributeInfo.location, value);
       } else {
-        import_core6.log.warn(`Model "${this.id}: Ignoring constant supplied for unknown attribute "${attributeName}"`)();
+        import_core6.log.warn(
+          `Model "${this.id}: Ignoring constant supplied for unknown attribute "${attributeName}"`
+        )();
       }
     }
   }
@@ -1084,7 +1100,10 @@ var _Model = class {
   _updatePipeline() {
     if (this._pipelineNeedsUpdate) {
       if (this.pipeline) {
-        import_core6.log.log(1, `Model ${this.id}: Recreating pipeline because "${this._pipelineNeedsUpdate}".`)();
+        import_core6.log.log(
+          1,
+          `Model ${this.id}: Recreating pipeline because "${this._pipelineNeedsUpdate}".`
+        )();
       }
       this._pipelineNeedsUpdate = false;
       this.pipeline = this.device.createRenderPipeline(__spreadProps(__spreadValues({}, this.props), {
@@ -1092,7 +1111,11 @@ var _Model = class {
         topology: this.topology,
         parameters: this.parameters,
         vs: this.device.createShader({ id: "{$this.id}-vertex", stage: "vertex", source: this.vs }),
-        fs: this.fs ? this.device.createShader({ id: "{$this.id}-fragment", stage: "fragment", source: this.fs }) : null
+        fs: this.fs ? this.device.createShader({
+          id: "{$this.id}-fragment",
+          stage: "fragment",
+          source: this.fs
+        }) : null
       }));
       this._attributeInfos = (0, import_core7.getAttributeInfosFromLayouts)(
         this.pipeline.shaderLayout,
@@ -1116,7 +1139,9 @@ Model.defaultProps = __spreadProps(__spreadValues({}, import_core6.RenderPipelin
   indexBuffer: null,
   attributes: {},
   constantAttributes: {},
+  varyings: [],
   pipelineFactory: void 0,
+  transformFeedback: void 0,
   shaderAssembler: import_shadertools.ShaderAssembler.getDefaultShaderAssembler()
 });
 function mergeBufferLayouts(layouts1, layouts2) {
@@ -1133,68 +1158,113 @@ function mergeBufferLayouts(layouts1, layouts2) {
 }
 
 // src/transform/transform.ts
+var import_core8 = require("@luma.gl/core");
+var import_shadertools2 = require("@luma.gl/shadertools");
 var Transform = class {
   constructor(device, props = {}) {
-    // model: Model;
-    this.elementCount = 0;
     // bufferTransform: BufferTransform | null = null;
     // textureTransform: TextureTransform | null = null;
     this.elementIDBuffer = null;
+    (0, import_core8.assert)(device.features.has("transform-feedback-webgl2"), "Device must support transform feedback");
+    this.device = device;
+    this.model = new Model(this.device, {
+      vs: props.vs,
+      fs: props.fs || (0, import_shadertools2.getPassthroughFS)({ version: (0, import_shadertools2.getShaderInfo)(props.vs).version }),
+      id: props.id || "transform-model",
+      varyings: props.varyings,
+      attributes: props.attributes,
+      bufferLayout: props.bufferLayout,
+      topology: props.topology || "point-list",
+      vertexCount: props.vertexCount,
+      defines: props.defines,
+      modules: props.modules
+    });
+    this.transformFeedback = this.device.createTransformFeedback({
+      layout: this.model.pipeline.shaderLayout,
+      buffers: props.feedbackBuffers
+    });
+    this.model.setTransformFeedback(this.transformFeedback);
+    Object.seal(this);
   }
-  /**
-   * Check if Transforms are supported (they are not under WebGL1)
-   * @todo differentiate writing to buffer vs not
-   */
+  /** @deprecated Use device feature test. */
   static isSupported(device) {
-    return false;
+    return device.features.has("transform-feedback-webgl2");
   }
-  /** Delete owned resources. */
+  /** Destroy owned resources. */
   destroy() {
-  }
-  /** @deprecated Use destroy*() */
-  delete() {
-    this.destroy();
+    if (this.model) {
+      this.model.destroy();
+    }
   }
   /** Run one transform loop. */
   run(options) {
-    const { clearRenderTarget = true } = options || {};
-    const updatedOpts = this._updateDrawOptions(options);
-    if (clearRenderTarget && updatedOpts.framebuffer) {
-    }
+    const { framebuffer, parameters, discard, uniforms } = options || {};
+    const renderPass = this.device.beginRenderPass({ framebuffer, parameters, discard });
+    if (uniforms)
+      this.model.setUniforms(uniforms);
+    this.model.draw(renderPass);
+    renderPass.end();
   }
   /** swap resources if a map is provided */
   swap() {
+    throw new Error("Not implemented");
   }
-  /** Return Buffer object for given varying name. */
+  /** Returns the {@link Buffer} or {@link BufferRange} for given varying name. */
   getBuffer(varyingName) {
-    return null;
+    return this.transformFeedback.getBuffer(varyingName);
   }
-  /** Return data either from Buffer or from Texture */
+  readAsync(varyingName) {
+    const result = this.getBuffer(varyingName);
+    if (result instanceof import_core8.Buffer) {
+      return result.readAsync();
+    }
+    const { buffer, byteOffset = 0, byteLength = buffer.byteLength } = result;
+    return buffer.readAsync(byteOffset, byteLength);
+  }
+  /**
+   * Return data either from Buffer or from Texture.
+   * @deprecated Prefer {@link readAsync}.
+   */
   getData(options = {}) {
+    throw new Error("Not implemented");
   }
   /** Return framebuffer object if rendering to textures */
   getFramebuffer() {
-    return null;
+    throw new Error("Not implemented");
   }
   /** Update some or all buffer/texture bindings. */
   update(props) {
+    throw new Error("Not implemented");
   }
   // Private
   _updateModelProps(props) {
-    const updatedProps = __spreadValues({}, props);
-    return updatedProps;
-  }
-  _buildResourceTransforms(props) {
-  }
-  _updateDrawOptions(options) {
-    const updatedOpts = __spreadValues({}, options);
-    return updatedOpts;
-  }
+    throw new Error("Not implemented");
+  }
+  // _buildResourceTransforms(props: TransformProps) {
+  //   if (canCreateBufferTransform(props)) {
+  //     this.bufferTransform = new BufferTransform(this.device, props);
+  //   }
+  //   if (canCreateTextureTransform(props)) {
+  //     this.textureTransform = new TextureTransform(this.device, props);
+  //   }
+  //   assert(
+  //     this.bufferTransform || this.textureTransform,
+  //     'must provide source/feedback buffers or source/target textures'
+  //   );
+  // }
+  // _updateDrawOptions(options: TransformRunOptions): TransformDrawOptions {
+  //   const updatedOpts = {...options};
+  //   const resourceTransforms = [this.bufferTransform, this.textureTransform].filter(Boolean) ;
+  //   for (const resourceTransform of resourceTransforms) {
+  //     updatedOpts = Object.assign(updatedOpts, resourceTransform.getDrawOptions(updatedOpts));
+  //   }
+  //   return updatedOpts;
+  // }
 };
 
 // src/shadertools/shader-module-uniforms.ts
-var import_core8 = require("@luma.gl/core");
 var import_core9 = require("@luma.gl/core");
+var import_core10 = require("@luma.gl/core");
 var ShaderModuleUniforms = class {
   constructor(props) {
     this.uniformBuffer = null;
@@ -1209,10 +1279,10 @@ var ShaderModuleUniforms = class {
     for (const [name, { format }] of Object.entries(props.shaderModule.uniformPropTypes || {})) {
       uniformTypes[name] = format;
     }
-    this.uniformBufferLayout = new import_core9.UniformBufferLayout(uniformTypes);
+    this.uniformBufferLayout = new import_core10.UniformBufferLayout(uniformTypes);
     if (this.useUniformBuffers) {
       this.uniformBuffer = this.device.createBuffer({
-        usage: import_core9.Buffer.UNIFORM,
+        usage: import_core10.Buffer.UNIFORM,
         byteLength: this.uniformBufferLayout.byteLength
       });
     }
@@ -1266,11 +1336,11 @@ function arrayEqual(a, b, limit = 16) {
   if (a !== b) {
     return false;
   }
-  const arrayA = (0, import_core8.isNumberArray)(a);
+  const arrayA = (0, import_core9.isNumberArray)(a);
   if (!arrayA) {
     return false;
   }
-  const arrayB = (0, import_core8.isNumberArray)(b);
+  const arrayB = (0, import_core9.isNumberArray)(b);
   if (arrayB && arrayA.length === arrayB.length) {
     for (let i = 0; i < arrayA.length; ++i) {
       if (arrayB[i] !== arrayA[i]) {
@@ -1282,15 +1352,15 @@ function arrayEqual(a, b, limit = 16) {
 }
 
 // src/lib/clip-space.ts
-var import_core11 = require("@luma.gl/core");
+var import_core12 = require("@luma.gl/core");
 
 // src/geometry/geometry.ts
-var import_core10 = require("@luma.gl/core");
+var import_core11 = require("@luma.gl/core");
 var Geometry = class {
   constructor(props) {
     this.userData = {};
     const { attributes = {}, indices = null, vertexCount = null } = props;
-    this.id = props.id || (0, import_core10.uid)("geometry");
+    this.id = props.id || (0, import_core11.uid)("geometry");
     this.topology = props.topology;
     if (indices) {
       this.indices = ArrayBuffer.isView(indices) ? { value: indices, size: 1 } : indices;
@@ -1298,7 +1368,7 @@ var Geometry = class {
     this.attributes = {};
     for (const [attributeName, attributeValue] of Object.entries(attributes)) {
       const attribute = ArrayBuffer.isView(attributeValue) ? { value: attributeValue } : attributeValue;
-      (0, import_core10.assert)(
+      (0, import_core11.assert)(
         ArrayBuffer.isView(attribute.value),
         `${this._print(attributeName)}: must be typed array or object with value as typed array`
       );
@@ -1306,7 +1376,7 @@ var Geometry = class {
         attribute.size = 3;
       }
       if (attributeName === "indices") {
-        (0, import_core10.assert)(!this.indices);
+        (0, import_core11.assert)(!this.indices);
         this.indices = attribute;
       } else {
         this.attributes[attributeName] = attribute;
@@ -1357,13 +1427,13 @@ var Geometry = class {
         vertexCount = Math.min(vertexCount, value.length / size);
       }
     }
-    (0, import_core10.assert)(Number.isFinite(vertexCount));
+    (0, import_core11.assert)(Number.isFinite(vertexCount));
     return vertexCount;
   }
 };
 
 // src/lib/clip-space.ts
-var CLIPSPACE_VERTEX_SHADER = import_core11.glsl`\
+var CLIPSPACE_VERTEX_SHADER = import_core12.glsl`\
 attribute vec2 aClipSpacePosition;
 attribute vec2 aTexCoord;
 attribute vec2 aCoordinate;
@@ -1403,19 +1473,19 @@ var ClipSpace = class extends Model {
 };
 
 // src/scenegraph/scenegraph-node.ts
-var import_core12 = require("@luma.gl/core");
-var import_core13 = require("@math.gl/core");
+var import_core13 = require("@luma.gl/core");
+var import_core14 = require("@math.gl/core");
 var ScenegraphNode = class {
   constructor(props = {}) {
-    this.matrix = new import_core13.Matrix4();
+    this.matrix = new import_core14.Matrix4();
     this.display = true;
-    this.position = new import_core13.Vector3();
-    this.rotation = new import_core13.Vector3();
-    this.scale = new import_core13.Vector3(1, 1, 1);
+    this.position = new import_core14.Vector3();
+    this.rotation = new import_core14.Vector3();
+    this.scale = new import_core14.Vector3(1, 1, 1);
     this.userData = {};
     this.props = {};
     const { id } = props;
-    this.id = id || (0, import_core12.uid)(this.constructor.name);
+    this.id = id || (0, import_core13.uid)(this.constructor.name);
     this._setScenegraphNodeProps(props);
   }
   getBounds() {
@@ -1435,17 +1505,17 @@ var ScenegraphNode = class {
     return `{type: ScenegraphNode, id: ${this.id})}`;
   }
   setPosition(position) {
-    (0, import_core12.assert)(position.length === 3, "setPosition requires vector argument");
+    (0, import_core13.assert)(position.length === 3, "setPosition requires vector argument");
     this.position = position;
     return this;
   }
   setRotation(rotation) {
-    (0, import_core12.assert)(rotation.length === 3, "setRotation requires vector argument");
+    (0, import_core13.assert)(rotation.length === 3, "setRotation requires vector argument");
     this.rotation = rotation;
     return this;
   }
   setScale(scale) {
-    (0, import_core12.assert)(scale.length === 3, "setScale requires vector argument");
+    (0, import_core13.assert)(scale.length === 3, "setScale requires vector argument");
     this.scale = scale;
     return this;
   }
@@ -1497,9 +1567,9 @@ var ScenegraphNode = class {
     return this;
   }
   getCoordinateUniforms(viewMatrix, modelMatrix) {
-    (0, import_core12.assert)(viewMatrix);
+    (0, import_core13.assert)(viewMatrix);
     modelMatrix = modelMatrix || this.matrix;
-    const worldMatrix = new import_core13.Matrix4(viewMatrix).multiplyRight(modelMatrix);
+    const worldMatrix = new import_core14.Matrix4(viewMatrix).multiplyRight(modelMatrix);
     const worldInverse = worldMatrix.invert();
     const worldInverseTranspose = worldInverse.transpose();
     return {
@@ -1554,13 +1624,13 @@ var ScenegraphNode = class {
 };
 
 // src/scenegraph/group-node.ts
-var import_core14 = require("@math.gl/core");
-var import_core15 = require("@luma.gl/core");
+var import_core15 = require("@math.gl/core");
+var import_core16 = require("@luma.gl/core");
 var GroupNode = class extends ScenegraphNode {
   constructor(props = {}) {
     props = Array.isArray(props) ? { children: props } : props;
     const { children = [] } = props;
-    import_core15.log.assert(
+    import_core16.log.assert(
       children.every((child) => child instanceof ScenegraphNode),
       "every child must an instance of ScenegraphNode"
     );
@@ -1575,12 +1645,12 @@ var GroupNode = class extends ScenegraphNode {
         return;
       }
       const [min, max] = bounds;
-      const center = new import_core14.Vector3(min).add(max).divide([2, 2, 2]);
+      const center = new import_core15.Vector3(min).add(max).divide([2, 2, 2]);
       worldMatrix.transformAsPoint(center, center);
-      const halfSize = new import_core14.Vector3(max).subtract(min).divide([2, 2, 2]);
+      const halfSize = new import_core15.Vector3(max).subtract(min).divide([2, 2, 2]);
       worldMatrix.transformAsVector(halfSize, halfSize);
       for (let v = 0; v < 8; v++) {
-        const position = new import_core14.Vector3(
+        const position = new import_core15.Vector3(
           v & 1 ? -1 : 1,
           v & 2 ? -1 : 1,
           v & 4 ? -1 : 1
@@ -1624,8 +1694,8 @@ var GroupNode = class extends ScenegraphNode {
     this.children = [];
     return this;
   }
-  traverse(visitor, { worldMatrix = new import_core14.Matrix4() } = {}) {
-    const modelMatrix = new import_core14.Matrix4(worldMatrix).multiplyRight(this.matrix);
+  traverse(visitor, { worldMatrix = new import_core15.Matrix4() } = {}) {
+    const modelMatrix = new import_core15.Matrix4(worldMatrix).multiplyRight(this.matrix);
     for (const child of this.children) {
       if (child instanceof GroupNode) {
         child.traverse(visitor, { worldMatrix: modelMatrix });
@@ -1668,10 +1738,10 @@ var ModelNode = class extends ScenegraphNode {
 };
 
 // src/geometries/cone-geometry.ts
-var import_core17 = require("@luma.gl/core");
+var import_core18 = require("@luma.gl/core");
 
 // src/geometries/truncated-cone-geometry.ts
-var import_core16 = require("@luma.gl/core");
+var import_core17 = require("@luma.gl/core");
 var INDEX_OFFSETS = {
   x: [2, 0, 1],
   y: [0, 1, 2],
@@ -1679,7 +1749,7 @@ var INDEX_OFFSETS = {
 };
 var TruncatedConeGeometry = class extends Geometry {
   constructor(props = {}) {
-    const { id = (0, import_core16.uid)("truncated-code-geometry") } = props;
+    const { id = (0, import_core17.uid)("truncated-code-geometry") } = props;
     const { indices, attributes } = tesselateTruncatedCone(props);
     super(__spreadProps(__spreadValues({}, props), {
       id,
@@ -1781,7 +1851,7 @@ function tesselateTruncatedCone(props = {}) {
 // src/geometries/cone-geometry.ts
 var ConeGeometry = class extends TruncatedConeGeometry {
   constructor(props = {}) {
-    const { id = (0, import_core17.uid)("cone-geometry"), radius = 1, cap = true } = props;
+    const { id = (0, import_core18.uid)("cone-geometry"), radius = 1, cap = true } = props;
     super(__spreadProps(__spreadValues({}, props), {
       id,
       topRadius: 0,
@@ -1793,10 +1863,10 @@ var ConeGeometry = class extends TruncatedConeGeometry {
 };
 
 // src/geometries/cube-geometry.ts
-var import_core18 = require("@luma.gl/core");
+var import_core19 = require("@luma.gl/core");
 var CubeGeometry = class extends Geometry {
   constructor(props = {}) {
-    const { id = (0, import_core18.uid)("cube-geometry"), indices = true } = props;
+    const { id = (0, import_core19.uid)("cube-geometry"), indices = true } = props;
     super(indices ? __spreadProps(__spreadValues({}, props), {
       id,
       topology: "triangle-list",
@@ -2437,10 +2507,10 @@ var NON_INDEXED_ATTRIBUTES = {
 };
 
 // src/geometries/cylinder-geometry.ts
-var import_core19 = require("@luma.gl/core");
+var import_core20 = require("@luma.gl/core");
 var CylinderGeometry = class extends TruncatedConeGeometry {
   constructor(props = {}) {
-    const { id = (0, import_core19.uid)("cylinder-geometry"), radius = 1 } = props;
+    const { id = (0, import_core20.uid)("cylinder-geometry"), radius = 1 } = props;
     super(__spreadProps(__spreadValues({}, props), {
       id,
       bottomRadius: radius,
@@ -2450,13 +2520,13 @@ var CylinderGeometry = class extends TruncatedConeGeometry {
 };
 
 // src/geometries/ico-sphere-geometry.ts
-var import_core20 = require("@luma.gl/core");
-var import_core21 = require("@math.gl/core");
+var import_core21 = require("@luma.gl/core");
+var import_core22 = require("@math.gl/core");
 var ICO_POSITIONS = [-1, 0, 0, 0, 1, 0, 0, 0, -1, 0, 0, 1, 0, -1, 0, 1, 0, 0];
 var ICO_INDICES = [3, 4, 5, 3, 5, 1, 3, 1, 0, 3, 0, 4, 4, 0, 2, 4, 2, 5, 2, 0, 1, 5, 2, 1];
 var IcoSphereGeometry = class extends Geometry {
   constructor(props = {}) {
-    const { id = (0, import_core20.uid)("ico-sphere-geometry") } = props;
+    const { id = (0, import_core21.uid)("ico-sphere-geometry") } = props;
     const { indices, attributes } = tesselateIcosaHedron(props);
     super(__spreadProps(__spreadValues({}, props), {
       id,
@@ -2548,7 +2618,7 @@ function tesselateIcosaHedron(props) {
     const u3 = 1 - phi3 / PI2;
     const vec1 = [x3 - x2, y3 - y2, z3 - z2];
     const vec2 = [x1 - x2, y1 - y2, z1 - z2];
-    const normal = new import_core21.Vector3(vec1).cross(vec2).normalize();
+    const normal = new import_core22.Vector3(vec1).cross(vec2).normalize();
     let newIndex;
     if ((u1 === 0 || u2 === 0 || u3 === 0) && (u1 === 0 || u1 > 0.5) && (u2 === 0 || u2 > 0.5) && (u3 === 0 || u3 > 0.5)) {
       positions.push(positions[in1 + 0], positions[in1 + 1], positions[in1 + 2]);
@@ -2597,7 +2667,7 @@ function tesselateIcosaHedron(props) {
 }
 
 // src/geometries/plane-geometry.ts
-var import_core22 = require("@luma.gl/core");
+var import_core23 = require("@luma.gl/core");
 
 // src/geometry/geometry-utils.ts
 function unpackIndexedGeometry(geometry) {
@@ -2630,7 +2700,7 @@ function unpackIndexedGeometry(geometry) {
 // src/geometries/plane-geometry.ts
 var PlaneGeometry = class extends Geometry {
   constructor(props = {}) {
-    const { id = (0, import_core22.uid)("plane-geometry") } = props;
+    const { id = (0, import_core23.uid)("plane-geometry") } = props;
     const { indices, attributes } = tesselatePlane(props);
     super(__spreadProps(__spreadValues({}, props), {
       id,
@@ -2719,10 +2789,10 @@ function tesselatePlane(props) {
 }
 
 // src/geometries/sphere-geometry.ts
-var import_core23 = require("@luma.gl/core");
+var import_core24 = require("@luma.gl/core");
 var SphereGeometry = class extends Geometry {
   constructor(props = {}) {
-    const { id = (0, import_core23.uid)("sphere-geometry") } = props;
+    const { id = (0, import_core24.uid)("sphere-geometry") } = props;
     const { indices, attributes } = tesselateSphere(props);
     super(__spreadProps(__spreadValues({}, props), {
       id,

package/dist/model/model.d.ts

@@ -1,4 +1,4 @@
-import type { TypedArray, RenderPipelineProps, RenderPipelineParameters, BufferLayout, VertexArray, AttributeInfo } from '@luma.gl/core';
+import type { TypedArray, RenderPipelineProps, RenderPipelineParameters, BufferLayout, VertexArray, AttributeInfo, TransformFeedback } from '@luma.gl/core';
 import type { Binding, UniformValue, PrimitiveTopology } from '@luma.gl/core';
 import { Device, Buffer, RenderPipeline, RenderPass } from '@luma.gl/core';
 import type { ShaderModule } from '@luma.gl/shadertools';
@@ -36,6 +36,9 @@ export type ModelProps = Omit<RenderPipelineProps, 'vs' | 'fs'> & {
     attributes?: Record<string, Buffer>;
     /**   */
     constantAttributes?: Record<string, TypedArray>;
+    /** @internal For use with {@link TransformFeedback}, WebGL 2 only. */
+    varyings?: string[];
+    transformFeedback?: TransformFeedback;
     /** Mapped uniforms for shadertool modules */
     moduleSettings?: Record<string, Record<string, any>>;
 };
@@ -85,6 +88,8 @@ export declare class Model {
      * @todo - allow application to define multiple vertex arrays?
      * */
     vertexArray: VertexArray;
+    /** TransformFeedback, WebGL 2 only. */
+    transformFeedback: TransformFeedback | null;
     _pipelineNeedsUpdate: string | false;
     _attributeInfos: Record<string, AttributeInfo>;
     _gpuGeometry: GPUGeometry | null;
@@ -135,6 +140,10 @@ export declare class Model {
      * Updates shader module settings (which results in bindings & uniforms being set)
      */
     setShaderModuleProps(props: Record<string, any>): void;
+    /**
+     * Updates optional transform feedback. WebGL 2 only.
+     */
+    setTransformFeedback(transformFeedback: TransformFeedback | null): void;
     /**
      * @deprecated Updates shader module settings (which results in uniforms being set)
      */

package/dist/model/model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../src/model/model.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,UAAU,EACV,mBAAmB,EACnB,wBAAwB,EACxB,YAAY,EACZ,WAAW,EACX,aAAa,EACd,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAgD,MAAM,eAAe,CAAC;AAExH,OAAO,KAAK,EAAC,YAAY,EAAe,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAC,WAAW,EAAkB,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,GAAG,IAAI,CAAC,GAAG;IAEhE,EAAE,EAAE;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,MAAM,GAAG,IAAI,CAAC;IACnD,EAAE,EAAE;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,MAAM,GAAG,IAAI,CAAC;IACnD,uDAAuD;IACvD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IAGpD,qGAAqG;IACrG,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,eAAe,CAAC;IAElC,kDAAkD;IAClD,UAAU,CAAC,EAAE,wBAAwB,CAAC;IAEtC,eAAe;IACf,QAAQ,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,IAAI,CAAC;IAEzC,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,QAAQ;IACR,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAEhD,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;CACtD,CAAC;AAEF;;;;;;;GAOG;AACH,qBAAa,KAAK;IAChB,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAiBvC;IAEF,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAC;IAC1C,QAAQ,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAC,CAAM;IAIpC,4DAA4D;IAC5D,UAAU,EAAE,wBAAwB,CAAC;IAErC,6BAA6B;IAC7B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,oBAAoB;IACpB,YAAY,EAAE,YAAY,EAAE,CAAC;IAI7B,mBAAmB;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,aAAa,EAAE,MAAM,CAAK;IAE1B,mBAAmB;IACnB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IAClC,+BAA+B;IAC/B,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAC9C,iCAAiC;IACjC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAM;IACpD,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAM;IACvC,qFAAqF;IACrF,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAM;IAE5C,gFAAgF;IAChF,QAAQ,EAAE,cAAc,CAAC;IAEzB;;;;SAIK;IACL,WAAW,EAAE,WAAW,CAAC;IAEzB,oBAAoB,EAAE,MAAM,GAAG,KAAK,CAAmB;IACvD,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAM;IACpD,YAAY,EAAE,WAAW,GAAG,IAAI,CAAQ;IACxC,OAAO,CAAC,kBAAkB,CAAuE;IACjG,OAAO,CAAC,KAAK,CAAuB;gBAExB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU;IAwF7C,OAAO,IAAI,IAAI;IAMf,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI;IAoBlC;;;;OAIG;IACH,WAAW,CAAC,QAAQ,EAAE,WAAW,GAAG,QAAQ,GAAG,WAAW;IAU1D;;;;OAIG;IACH,sBAAsB,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAOtD;;;OAGG;IACH,WAAW,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI;IAO9C;;;OAGG;IACH,eAAe,CAAC,YAAY,EAAE,YAAY,EAAE,GAAG,IAAI;IAqBnD;;;;OAIG;IACH,aAAa,CAAC,UAAU,EAAE,wBAAwB;IASlD;;;OAGG;IACH,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAIzC;;;OAGG;IACH,gBAAgB,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI;IAI7C;;OAEG;IACH,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAMtD;;OAEG;IACH,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAItD;;OAEG;IACH,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAIpD;;;;;OAKG;IACH,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,IAAI;IAKzD;;;OAGG;IACH,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAIhD;;;OAGG;IACH,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI;IAgCpD;;;;;;;OAOG;IACH,qBAAqB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,IAAI;IAWnE,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAI7C,eAAe,IAAI,cAAc;CAqBlC"}
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../src/model/model.ts"],"names":[],"mappings":"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"}

package/dist/model/model.js

@@ -23,6 +23,7 @@ export class Model {
     this.uniforms = {};
     this.pipeline = void 0;
     this.vertexArray = void 0;
+    this.transformFeedback = null;
     this._pipelineNeedsUpdate = 'newly created';
     this._attributeInfos = {};
     this._gpuGeometry = null;
@@ -93,6 +94,9 @@ export class Model {
     if (props.moduleSettings) {
       this.updateModuleSettings(props.moduleSettings);
     }
+    if (props.transformFeedback) {
+      this.transformFeedback = props.transformFeedback;
+    }
     this.setUniforms(this._getModuleUniforms());
     Object.seal(this);
   }
@@ -107,7 +111,8 @@ export class Model {
       renderPass,
       vertexArray: this.vertexArray,
       vertexCount: this.vertexCount,
-      instanceCount: this.instanceCount
+      instanceCount: this.instanceCount,
+      transformFeedback: this.transformFeedback
     });
   }
   setGeometry(geometry) {
@@ -161,6 +166,9 @@ export class Model {
     Object.assign(this.bindings, bindings);
     Object.assign(this.uniforms, uniforms);
   }
+  setTransformFeedback(transformFeedback) {
+    this.transformFeedback = transformFeedback;
+  }
   updateModuleSettings(props) {
     this.setShaderModuleProps(props);
   }
@@ -182,6 +190,7 @@ export class Model {
       var _bufferLayout$attribu;
       const bufferLayout = this.bufferLayout.find(layout => layout.name === bufferName);
       if (!bufferLayout) {
+        log.warn(`Model(${this.id}): Missing layout for buffer "${bufferName}".`)();
         continue;
       }
       const attributeNames = bufferLayout.attributes ? (_bufferLayout$attribu = bufferLayout.attributes) === null || _bufferLayout$attribu === void 0 ? void 0 : _bufferLayout$attribu.map(layout => layout.attribute) : [bufferLayout.name];
@@ -252,7 +261,9 @@ Model.defaultProps = {
   indexBuffer: null,
   attributes: {},
   constantAttributes: {},
+  varyings: [],
   pipelineFactory: undefined,
+  transformFeedback: undefined,
   shaderAssembler: ShaderAssembler.getDefaultShaderAssembler()
 };
 function mergeBufferLayouts(layouts1, layouts2) {