gpu-curtains/dist/esm/core/shaders/chunks/fragment/body/get-metallic-roughness.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.

import { getTextureSample } from "./get-texture-sample.mjs";
//#region src/core/shaders/chunks/fragment/body/get-metallic-roughness.ts
/**
* Set the `metallic` (`f32`) and `roughness` (`f32`) values using the `material` binding `metallic`, `roughness` values and the metallic roughness texture if any.
* @param parameters - Parameters used to create the chunk.
* @param parameters.metallicRoughnessTexture - {@link ShaderTextureDescriptor | Metallic roughness texture descriptor} to use if any.
* @returns - A string with the `metallic` (`f32`) and `roughness` (`f32`) values set.
*/
const getMetallicRoughness = ({ metallicRoughnessTexture = null } = {}) => {
	let metallicRoughness = "";
	if (metallicRoughnessTexture) {
		metallicRoughness += getTextureSample(metallicRoughnessTexture, "metallicRoughness");
		metallicRoughness += `
  metallic = metallic * metallicRoughnessSample.b;
  roughness = roughness * metallicRoughnessSample.g;
  `;
	}
	metallicRoughness += `
  metallic = saturate(metallic);

  // roughness = clamp(roughness, 0.0525, 1.0);
  let dxy: vec3f = max( abs( dpdx( geometryNormal ) ), abs( dpdy( geometryNormal ) ) );
  let geometryRoughness: f32 = max( max( dxy.x, dxy.y ), dxy.z );
  roughness = max( roughness, 0.0525 );
  roughness += geometryRoughness;
  roughness = min( roughness, 1.0 );
  `;
	return metallicRoughness;
};
//#endregion
export { getMetallicRoughness };