gpu-curtains/dist/esm/core/shaders/chunks/vertex/body/get-vertex-output.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.

//#region src/core/shaders/chunks/vertex/body/get-vertex-output.ts
/**
* Assign all the necessaries' vertex shader output variables.
* @param parameters - Parameters used to assign the vertex shader output variables.
* @param parameters.geometry - {@link Geometry} used to assign the vertex shader output variables.
* @returns - A string with all the vertex shader output variables assigned.
*/
const getVertexOutput = ({ geometry }) => {
	let output = `
  let mvPosition: vec4f = camera.view * worldPosition;
  vsOutput.position = camera.projection * mvPosition;
  vsOutput.normal = normal;
  vsOutput.worldPosition = worldPosition.xyz / worldPosition.w;
  vsOutput.viewDirection = camera.position - vsOutput.worldPosition;
  vsOutput.modelPosition = worldPosition.xyz;
  vsOutput.modelScale = vec3(
    length(modelMatrix[0].xyz),
    length(modelMatrix[1].xyz),
    length(modelMatrix[2].xyz)
  );
  `;
	if (geometry.getAttributeByName("tangent")) output += `
  vsOutput.tangent = normalize(modelMatrix * vec4(tangent.xyz, 0.0));
  vsOutput.bitangent = cross(vsOutput.normal, vsOutput.tangent.xyz) * tangent.w;
    `;
	output += geometry.vertexBuffers.map((vertexBuffer) => vertexBuffer.attributes.filter((attr) => attr.name !== "normal" && attr.name !== "position" && attr.name !== "tangent").map((attribute) => {
		return `
  vsOutput.${attribute.name} = ${attribute.name};`;
	}).join("")).join("\n");
	return output;
};
//#endregion
export { getVertexOutput };