three.js - 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

您的正交相机参数顺序错误。做这个：

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

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

相机正向下看负 z 轴。在你的情况下，不要旋转它。

三.js r.68