nanogl-gltf/lib/extensions/KHR_materials_pbrSpecularGlossiness/PbrSpecularGlossiness.js

gltf loader

import { Uniform } from 'nanogl-pbr/Input';
import { SpecularSurface } from 'nanogl-pbr/PbrSurface';
import { isAllOnes } from '../../lib/Utils';
import GltfTypes from '../../types/GltfTypes';
import { ColorSpace } from 'nanogl-pbr/ColorSpace';
/**
 * The PbrSpecularGlossiness element contains the base properties for a PBR material, using the specular-glossiness workflow.
 */
export default class PbrSpecularGlossiness {
    /**
     * Parse the PbrSpecularGlossiness data, filling the class properties.
     *
     * Is async as it may need to wait for diffuseTexture and specularGlossinessTexture to be loaded.
     * @param gltfLoader GLTFLoader to use
     * @param data Data to parse
     */
    async parse(gltfLoader, data) {
        var _a;
        this.diffuseFactor = new Float32Array(data.diffuseFactor || [1, 1, 1, 1]);
        this.specularFactor = new Float32Array(data.specularFactor || [1, 1, 1]);
        this.glossinessFactor = (_a = data.glossinessFactor) !== null && _a !== void 0 ? _a : 1;
        if (data.diffuseTexture !== undefined) {
            gltfLoader.prepareGltfProperty(data.diffuseTexture, GltfTypes.TEXTURE_INFO, -1, null);
            this.diffuseTexture = await gltfLoader._loadElement(data.diffuseTexture);
        }
        if (data.specularGlossinessTexture !== undefined) {
            gltfLoader.prepareGltfProperty(data.specularGlossinessTexture, GltfTypes.TEXTURE_INFO, -1, null);
            this.specularGlossinessTexture = await gltfLoader._loadElement(data.specularGlossinessTexture);
        }
    }
    /**
     * Setup the PbrSpecularGlossiness data on a nanogl-pbr StandardPass by attaching diffuse (on surface.baseColor)
     * and specularGlossiness textures with samplers and their strength factors. It uses a nanogl-pbr SpecularSurface.
     * @param pass Pass to setup
     */
    setupPass(pass) {
        const surface = new SpecularSurface();
        pass.setSurface(surface);
        if (this.diffuseTexture) {
            const diffuseSampler = this.diffuseTexture.createSampler('diffuse');
            diffuseSampler.colorspace = ColorSpace.SRGB;
            surface.baseColor.attach(diffuseSampler, 'rgb');
            pass.alpha.attach(diffuseSampler, 'a');
        }
        if (!isAllOnes(this.diffuseFactor)) {
            const cFactor = new Uniform('uBasecolorFactor', 4);
            cFactor.set(...this.diffuseFactor);
            surface.baseColorFactor.attach(cFactor, 'rgb');
            pass.alphaFactor.attach(cFactor, 'a');
        }
        if (this.specularGlossinessTexture) {
            const mrSampler = this.specularGlossinessTexture.createSampler('specgloss');
            mrSampler.colorspace = ColorSpace.SRGB;
            surface.specular.attach(mrSampler, 'rgb');
            surface.glossiness.attach(mrSampler, 'a');
        }
        if (!isAllOnes(this.specularFactor)) {
            surface.specularFactor.attachUniform('uMetalnessFactor').set(...this.specularFactor);
        }
        if (this.glossinessFactor !== 1) {
            surface.glossinessFactor.attachUniform('uRoughnessFactor').set(this.glossinessFactor);
        }
    }
}