Three.js 看不到立方体的角

Question

我创建了一个 Orbital Controls 和一个 boxGeometry 来渲染一个盒子。但是，当我缩放到距框所需的距离时，框的角不会像这样渲染：

我目前正在使用 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.

Three.js 看不到立方体的角

Three.js cant see corner of cubes

javascript

three.js

react-three-fiber