I can’t seem to know how to add MeshPhongMaterial to my primitive object without removing the mtl
const materials = useLoader(MTLLoader, ob[1].mtl)
materials.preload()
let object = useLoader(OBJLoader, ob[1].obj, loader => {
loader.setMaterials(materials)
})
const {y}=useControls("Light",{y:{value:20,step:0.2}})
const {x}=useControls("Light",{x:{value:0,step:0.2}})
const {z}=useControls("Light",{z:{value:100,step:0.2}})
const {specular,shininess}=useControls({specular:"#fff",shininess:50})
return (
<Canvas style={{"marginTop":"20vh",height:"400px"}}>
<ambientLight intensity={0.25} />
<pointLight position={[x,y,z]} intensity={0.3}/>
<pointLight position={[x,y,-80]} intensity={0.3}/>
<OrbitControls maxDistance={90} />
<meshPhongMaterial shininess={shininess} specular={specular}/>
<mesh >
<primitive object={object} />
</mesh>
</Canvas>
I also tried
let glitter=new MeshPhongMaterial()
glitter.shininess=30;
glitter.specular =new Color(0.886, 0.866, 0.095);
<mesh material={glitter}>
<primitive object={object} />
</mesh>
it didn’t work aswell