After setting up an Orbital Controls with a boxGeometry to display a box, I encountered an issue where the corners of the box were not being rendered properly when zoomed in.
My current setup involves using react-three-fiber and react-three-drei
const SceneItems = () => {
return (
<>
<OrbitControls
minDistance={0.001}
/>
<ambientLight intensity={0.5} />
<spotLight position={[10, 15, 10]} angle={0.3} />
<Cube />
</>
)
}
const CompleteScene = () => {
return (
<div id={styles.scene}>
<Canvas
camera={{ position: [0, 0, 0] }}
orthographic={true}
>
<SceneItems />
</Canvas>
</div>
)
}
I attempted to adjust the minDistance on the OrbitalControls without success. Can anyone help identify what I might be overlooking?