gpu-curtains/dist/esm/core/shaders/chunks/fragment/body/get-texture-sample.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/fragment/body/get-texture-sample.ts
/**
* Helper to sample a texture with the corresponding UV and eventual transformation.
*
* @param texture - {@link ShaderTextureDescriptor | Texture descriptor} to use.
* @param textureName - Name to use for the declared variables.
* @returns - The sampled texture as `${textureName}Sample` (`vec4f`).
*/
const getTextureSample = (texture, textureName = "texture") => {
	let sample = "";
	if (!texture) return sample;
	sample += `
  var ${textureName}UV: vec2f = ${texture.texCoordAttributeName ?? "uv"};`;
	if ("useTransform" in texture.texture.options && texture.texture.options.useTransform) sample += `
  ${textureName}UV = (texturesMatrices.${texture.texture.options.name}.matrix * vec3(${textureName}UV, 1.0)).xy;`;
	sample += `
  let ${textureName}Sample: vec4f = textureSample(${texture.texture.options.name}, ${texture.sampler?.name ?? "defaultSampler"}, ${textureName}UV);`;
	return sample;
};
//#endregion
export { getTextureSample };