代码之家 › 专栏 › 技术社区 › Timo Denk

Three.js正交摄影机重叠的对象闪耀通过

orthographic three.js

1

Timo Denk · 技术社区 · 11 年前

在我的场景中,我使用正交摄影机和WebGLRenderer( new THREE.WebGLRenderer({ antialias: true, preserveDrawingBuffer: true }) ). 这段代码创建了两个球体:

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

我用另一个代码片段将它们彼此移开,出于某种原因,它们彼此发光,如图中所示,尽管它们的大小和位置相同,但只有一个轴除外。

scene

有人知道为什么会出现这种情况,以及我如何解决它吗?

1 回复 | 直到 11 年前

1

2

WestLangley 11 年前

您的正音相机参数顺序错误。执行以下操作:

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

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

相机正在向下查看负z轴。在您的情况下,不要旋转它。

三个.js r.68