gpu-curtains/dist/esm/core/shaders/chunks/vertex/head/get-vertex-output-struct-content.mjs

gpu-curtains is a 3D WebGPU rendering engine. It can be used as a standalone 3D engine, but also includes extra classes focused on mapping 3d objects to DOM elements; It allows users to synchronize values such as position, sizing, or scale between them.

const getVertexOutputStructContent = ({
  geometry,
  additionalVaryings = []
}) => {
  const tangentAttribute = geometry.getAttributeByName("tangent");
  const attributes = [];
  if (geometry.vertexBuffers && geometry.vertexBuffers.length) {
    geometry.vertexBuffers.forEach((vertexBuffer) => {
      vertexBuffer.attributes.forEach((attribute) => {
        if (attribute.name !== "position") {
          attributes.push(attribute);
        }
      });
    });
  }
  if (tangentAttribute) {
    attributes.push({
      name: "bitangent",
      type: "vec3f"
    });
  }
  const structAttributes = attributes.map((attribute, index) => {
    return `
  @location(${index}) ${attribute.type === "u32" || attribute.type === "i32" ? "@interpolate(flat) " : " "}${attribute.name}: ${attribute.type},`;
  }).join("");
  const additionalVaryingsOutput = additionalVaryings.map((attribute, index) => {
    return `
  @location(${attributes.length + 3 + index}) ${attribute.type === "u32" || attribute.type === "i32" ? "@interpolate(flat) " : " "}${attribute.name}: ${attribute.type},`;
  }).join("");
  return `
  @builtin(position) position: vec4f,
  ${structAttributes}
  @location(${attributes.length}) viewDirection: vec3f,
  @location(${attributes.length + 1}) worldPosition: vec3f,
  @location(${attributes.length + 2}) modelScale: vec3f,
  ${additionalVaryingsOutput}`;
};

export { getVertexOutputStructContent };