Three.js看不到立方体的角

Question

我创建了一个带有boxGeometry的Orbital Controls来呈现一个长方体。但是，当我缩放到离长方体的所需距离时，长方体的角不会像这样渲染：

​

​

我目前使用的是react-three-fiber和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>
    )
}

我想我可以减少OrbitalControls上的minDistance，但没有效果。我遗漏了什么？

Answer 1

不确定这是否是一个完整的答案，但是无论出于什么原因，当我删除<Canvas>中的camera属性时，我终于能够获得我想要的结果。我认为由于<Canvas/>默认提供了一个perspectiveCamera，而我在那里添加了一些道具，所以它覆盖了我添加的orbitalControls。

​

​