如何在React三纤维中使模型边缘光滑

Question

我使用React three-fiber渲染球体，但当我放大模型时，边缘会变得锯齿状。我该如何修复它？

function Shape() {
const moonTexture = useLoader(TextureLoader, texture);
return (
<mesh>
<sphereGeometry attach='geometry' />
<meshStandardMaterial map={moonTexture} />
</mesh>
);
}
function Model() {
return (
<div className='model'>
<Canvas className='canvas' camera={{ fov: 35, zoom: 1.0, near: 1, far: 1000 }}>

<OrbitControls />
<Stars />
<ambientLight intensity={0.03} />
<spotLight position={[90, 0, 5]} intensity={1.0} angle={0.3} />
{/* <spotLight position={[0, 0, 0]} intensity={-10.0} angle={0.2} /> */}
<Shape />
</Canvas>
</div>
);
}
export default Model;

Answer 1

我发现添加这些参数集可以完成任务。

<mesh rotation={[0, -Math.PI / 5, 0]}>
<sphereGeometry attach='geometry' args={[1, 100, 100]} />
<meshStandardMaterial map={moonTexture} />
</mesh>