Three.js正交照相机重叠的物体照耀着

Question

在我的场景中，我使用的是正交相机和WebGLRenderer（new THREE.WebGLRenderer({ antialias: true, preserveDrawingBuffer: true })）。此代码创建了两个球体：

new THREE.Mesh( new THREE.SphereGeometry(1, 64, 64), new THREE.MeshLambertMaterial({ color: 0xffffff }) )

我用另一个代码片段将它们彼此远离，并且由于某种原因它们彼此闪耀，如图中所标记的那样，即使它们具有相同的大小和相同的位置，除了一个轴。

有谁知道为什么会这样，以及如何解决它？

Answer 1

您的orthogarphic相机参数顺序错误。这样做：

camera = new THREE.OrthographicCamera( -5, 5, 5, -5, 1, 11 );
camea.position.set( 0, 0, 6 );

此外，您的near参数应该是正数，因为它是相机前方的距离。

相机俯视负z轴。在您的情况下，请不要旋转它。

three.js r.68