Creé un Orbital Controls con un boxGeometry para renderizar un cuadro. Sin embargo, cuando hago zoom a la distancia deseada desde el cuadro, las esquinas del cuadro no se representan así:

Actualmente estoy usando react-three-fiber y 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> ) } Pensé que podría reducir la distancia OrbitalControls minDistance sin ningún efecto. ¿Qué me estoy perdiendo?
No estoy seguro de si esto cuenta como una respuesta completa, pero por alguna razón, cuando elimino la propiedad de la camera en <Canvas> , finalmente puedo obtener el resultado que quiero. Creo que dado que <Canvas/> proporciona una cámara de perspectiveCamera de forma predeterminada y agregué los accesorios allí, anuló mis orbitalControls agregados.
