Three.js - 缩小视角时物体消失

Question

在我的three.js项目中，我使用相机的高z位置。当z位置过高时，场景会变成黑色。所以，当我缩小时它就变成黑色。但是我不想让这种情况发生。 这是使用camera.position.z = 3000;的情况： 当我缩小一步时，它就像这样： 我使用OrbitControls进行控制，我的相机是：

var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 3000);
camera.position.z = 3000;

以下是行星及其轨道的代码：

var scene = new THREE.Scene();

var material = new THREE.MeshLambertMaterial({
    map: THREE.ImageUtils.loadTexture("assets/img/sun.jpg")
});

var sun = new THREE.Mesh(new THREE.SphereGeometry(200, 50, 50), material);
scene.add(sun);

var orbitLine = function(radius,y)
{
    var segments = 64,
        line_material = new THREE.LineBasicMaterial( { color: 0xffffff } ),
        geometry = new THREE.CircleGeometry( radius, segments );

    geometry.vertices.shift();

    var orbit = new THREE.Line( geometry, line_material );
    if(y)
        orbit.position.y=y;
    else if(!y)
        orbit.position.y=0;

    scene.add(orbit);
};
var Mercury_orbit = orbitLine(400,-70);
var Venus_orbit = orbitLine(700,70);
var Earth_orbit = orbitLine(900,70);
var Mars_orbit = orbitLine(1250,70);
var Jupiter_orbit = orbitLine(3000,70);

由于某些原因，无法提供演示代码。 如果您需要更多的代码，请在评论中告诉我，我会添加它。

有什么想法吗？ 谢谢。

- user2579865

Answer 1

您的相机远端平面在3000处，这意味着距离为3000个单位的所有物体都将被剪裁并且不会被绘制。

同时，您将相机放置在（0,0,3000）的位置，因此您正处于事物开始消失的位置。

- gaitat

---

请小心，因为将远平面值设置得太高会降低深度缓冲区的分辨率。最好改变你世界的单位。在你的例子中，将所有值除以10。然后你可以将远平面设置为1000。 - gaitat