PBR shader support Iridescence

packages/core/src/material/PBRMaterial.ts

@@ -1,4 +1,4 @@
-import { MathUtil, Vector3 } from "@galacean/engine-math";
+import { MathUtil, Vector3, Vector4 } from "@galacean/engine-math";
 import { Engine } from "../Engine";
 import { ShaderProperty } from "../shader";
 import { Shader } from "../shader/Shader";
@@ -20,6 +20,10 @@
 
   private _anisotropyRotation: number = 0;
 
+  private static _iridescenceInfoProp = ShaderProperty.getByName("material_IridescenceInfo");
+  private static _iridescenceThicknessTextureProp = ShaderProperty.getByName("material_IridescenceThicknessTexture");
+  private static _iridescenceTextureProp = ShaderProperty.getByName("material_IridescenceTexture");
+
   /**
    * Index Of Refraction.
    * @defaultValue `1.5`
@@ -132,6 +136,99 @@
     }
   }
 
+  /**
+   * The iridescence intensity factor.
+   * @defaultValue `0.0`
+   */
+  get iridescence(): number {
+    return this.shaderData.getVector4(PBRMaterial._iridescenceInfoProp).x;
+  }
+
+  set iridescence(value: number) {
+    const iridescenceInfo = this.shaderData.getVector4(PBRMaterial._iridescenceInfoProp);
+    if (!!iridescenceInfo.x !== !!value) {
+      if (value === 0) {
+        this.shaderData.disableMacro("MATERIAL_ENABLE_IRIDESCENCE");
+      } else {
+        this.shaderData.enableMacro("MATERIAL_ENABLE_IRIDESCENCE");
+      }
+      iridescenceInfo.x = value;
+    }
+  }
+
+  /**
+   * The index of refraction of the dielectric thin-film layer.
+   * @defaultValue `1.3`
+   */
+  get iridescenceIor(): number {
+    return this.shaderData.getVector4(PBRMaterial._iridescenceInfoProp).y;
+  }
+
+  set iridescenceIor(value: number) {
+    const iridescenceInfo = this.shaderData.getVector4(PBRMaterial._iridescenceInfoProp);
+    iridescenceInfo.y = value;
+  }
+
+  /**
+   * The minimum thickness of the thin-film layer given in nanometers.
+   * @defaultValue `100`
+   */
+  get iridescenceThicknessMin(): number {
+    return this.shaderData.getVector4(PBRMaterial._iridescenceInfoProp).z;
+  }
+
+  set iridescenceThicknessMin(value: number) {
+    const iridescenceInfo = this.shaderData.getVector4(PBRMaterial._iridescenceInfoProp);
+    iridescenceInfo.z = value;
+  }
+
+  /**
+   * The maximum thickness of the thin-film layer given in nanometers.
+   * @defaultValue `400`
+   */
+  get iridescenceThicknessMax(): number {
+    return this.shaderData.getVector4(PBRMaterial._iridescenceInfoProp).w;
+  }
+
+  set iridescenceThicknessMax(value: number) {
+    const iridescenceInfo = this.shaderData.getVector4(PBRMaterial._iridescenceInfoProp);
+    iridescenceInfo.w = value;
+  }
+
+  /**
+   * The thickness texture of the thin-film layer.
+   */
+  get iridescenceThicknessTexture(): Texture2D {
+    return <Texture2D>this.shaderData.getTexture(PBRMaterial._iridescenceThicknessTextureProp);
+  }
+
+  set iridescenceThicknessTexture(value: Texture2D) {
+    this.shaderData.setTexture(PBRMaterial._iridescenceThicknessTextureProp, value);
+
+    if (value) {
+      this.shaderData.enableMacro("MATERIAL_HAS_IRIDESCENCE_THICKNESS_TEXTURE");
+    } else {
+      this.shaderData.disableMacro("MATERIAL_HAS_IRIDESCENCE_THICKNESS_TEXTURE");
+    }
+  }
+
+  /**
+   * The iridescence intensity texture.
+   */
+  get iridescenceTexture(): Texture2D {
+    return <Texture2D>this.shaderData.getTexture(PBRMaterial._iridescenceTextureProp);
+  }
+
+  set iridescenceTexture(value: Texture2D) {
+    this.shaderData.setTexture(PBRMaterial._iridescenceTextureProp, value);
+
+    if (value) {
+      this.shaderData.enableMacro("MATERIAL_HAS_IRIDESCENCE_TEXTURE");
+    } else {
+      this.shaderData.disableMacro("MATERIAL_HAS_IRIDESCENCE_TEXTURE");
+    }
+  }
+
   /**
    * Create a pbr metallic-roughness workflow material instance.
    * @param engine - Engine to which the material belongs
@@ -144,6 +241,7 @@
     shaderData.setFloat(PBRMaterial._roughnessProp, 1);
     shaderData.setFloat(PBRMaterial._iorProp, 1.5);
     shaderData.setVector3(PBRMaterial._anisotropyInfoProp, new Vector3(1, 0, 0));
+    shaderData.setVector4(PBRMaterial._iridescenceInfoProp, new Vector4(0, 1.3, 100, 400));
   }
 
   /**

packages/loader/src/gltf/extensions/GLTFExtensionSchema.ts

@@ -26,11 +26,11 @@ export interface IKHRLightsPunctual {
  * Interfaces from the KHR_materials_clearcoat extension
  */
 export interface IKHRMaterialsClearcoat {
-  clearcoatFactor: number;
-  clearcoatTexture: ITextureInfo;
-  clearcoatRoughnessFactor: number;
-  clearcoatRoughnessTexture: ITextureInfo;
-  clearcoatNormalTexture: IMaterialNormalTextureInfo;
+  clearcoatFactor?: number;
+  clearcoatTexture?: ITextureInfo;
+  clearcoatRoughnessFactor?: number;
+  clearcoatRoughnessTexture?: ITextureInfo;
+  clearcoatNormalTexture?: IMaterialNormalTextureInfo;
 }
 
 /**
@@ -176,6 +176,18 @@ export interface IGalaceanAnimation {
   }[];
 }
 
+/**
+ * Interfaces from the KHR_materials_iridescence extension
+ */
+export interface IKHRMaterialsIridescence {
+  iridescenceFactor?: number;
+  iridescenceTexture?: ITextureInfo;
+  iridescenceIor?: number;
+  iridescenceThicknessMinimum?: number;
+  iridescenceThicknessMaximum?: number;
+  iridescenceThicknessTexture?: ITextureInfo;
+}
+
 export type GLTFExtensionSchema =
   | IKHRLightsPunctual_Light
   | IKHRMaterialsClearcoat
@@ -194,4 +206,5 @@ export type GLTFExtensionSchema =
   | IKHRXmp
   | IKHRXmp_Node
   | IGalaceanAnimation
+  | IKHRMaterialsIridescence
   | Object;

packages/loader/src/gltf/extensions/KHR_materials_iridescence.ts

@@ -0,0 +1,40 @@
+import { PBRMaterial, Texture2D } from "@galacean/engine-core";
+import { GLTFMaterialParser } from "../parser/GLTFMaterialParser";
+import { registerGLTFExtension } from "../parser/GLTFParser";
+import { GLTFParserContext, GLTFParserType } from "../parser/GLTFParserContext";
+import { GLTFExtensionMode, GLTFExtensionParser } from "./GLTFExtensionParser";
+import { IKHRMaterialsIridescence } from "./GLTFExtensionSchema";
+
+@registerGLTFExtension("KHR_materials_iridescence", GLTFExtensionMode.AdditiveParse)
+class KHR_materials_iridescence extends GLTFExtensionParser {
+  override additiveParse(context: GLTFParserContext, material: PBRMaterial, schema: IKHRMaterialsIridescence): void {
+    const {
+      iridescenceFactor = 0,
+      iridescenceTexture,
+      iridescenceIor = 1.3,
+      iridescenceThicknessMinimum = 100,
+      iridescenceThicknessMaximum = 400,
+      iridescenceThicknessTexture
+    } = schema;
+
+    material.iridescence = iridescenceFactor;
+    material.iridescenceIor = iridescenceIor;
+    material.iridescenceThicknessMin = iridescenceThicknessMinimum;
+    material.iridescenceThicknessMax = iridescenceThicknessMaximum;
+
+    if (iridescenceTexture) {
+      GLTFMaterialParser._checkOtherTextureTransform(iridescenceTexture, "Iridescence texture");
+
+      context.get<Texture2D>(GLTFParserType.Texture, iridescenceTexture.index).then((texture) => {
+        material.iridescenceTexture = texture;
+      });
+    }
+    if (iridescenceThicknessTexture) {
+      GLTFMaterialParser._checkOtherTextureTransform(iridescenceThicknessTexture, "IridescenceThickness texture");
+
+      context.get<Texture2D>(GLTFParserType.Texture, iridescenceThicknessTexture.index).then((texture) => {
+        material.iridescenceThicknessTexture = texture;
+      });
+    }
+  }
+}

packages/loader/src/gltf/extensions/index.ts

@@ -15,6 +15,7 @@ import "./GALACEAN_materials_remap";
 import "./GALACEAN_animation_event";
 import "./EXT_meshopt_compression";
 import "./KHR_materials_anisotropy";
+import "./KHR_materials_iridescence";
 import "./EXT_texture_webp";
 
 export { GLTFExtensionParser, GLTFExtensionMode } from "./GLTFExtensionParser";