如何将材料分配给GLTF反应三纤维

Question

我已经设法将一个gltf对象加载到我的react三纤维场景中。现在我想在我的模型上附加一个材质。这个型号可以使用标准材料吗？以下是我尝试过的：

const Shape=(props(=>{const gltf=useLoader(GLTFLoader，GLTFfe(

const material = new THREE.MeshStandardMaterial({
color: 0xff0000, 
transparent: false, opacity: 0.5
});
const object = new THREE.Mesh(gltf, material)
return <primitive object={object.scene} position={[0, 0, 0]} />
}

Answer 1

是否可以在此模型上使用标准材料？

MeshStandardMaterial是使用GLTFLoader加载对象时的默认材质。您可能不必创建新材质，只需修改现有材质即可。

由于glTF资产总是由对象的层次结构组成，因此需要执行以下操作：

gltf.scene.traverse( function( object ) {
if ( object.isMesh ) {
object.material.color.set( 0xff0000 );
object.material.transparent = true;
object.material.opacity = 0.5;
}
} );

Answer 2

我找到了一种方法，它需要在加载gltf后进行更改，用gltfjsx将其转换为jsxhttps://github.com/pmndrs/gltfjsx