我如何在三个.js中修改GLTF模型的材料

Question

因此，我有一个在搅拌机中制作的模型，所有的照明和纹理都烘烤，但是当我将其导入到三分（以.glb格式）中时，它默认为标准材料。在某些情况下，这可能很好，但是，正如我之前说的那样，我烘烤了所有的照明和纹理。如何将材料从标准更改为基本，而不会失去烘焙信息和纹理/必须将其导入单独的图像？

Answer 1

您要寻找的是 khr_materials_unlit 在GLTF中或Blender中的“无阴影”。您可以使用以下节点graph ：

有了这种布置，导出的GLTF文件将具有 khr_materials_unlit 应用于材料，并且纹理中的烘烤照明将保留在三j中。

Answer 2

这样，您可以加载模型并在其上放置自定义材料。

这也适用于您的GLB模型。
但是强烈建议三个JS使用GLTF。

const modelPath = "your model path";
const texturePath = "your texture path"

const loader = new GLTFLoader();
const texture = new TextureLoader().load(texturePath);
loader.load( modelPath, function ( gltf ) {
    const model = gltf.scene;
    model.traverse((obj) => {
        if(obj instanceof Mesh){
            obj.material = new MeshBasicMaterial({map: texture})
            }
        }
    )

}, undefined, function ( error ) {
    console.error( error );
} );