javascript - 视野中的黄色物体 - 三个 JS

Question

我在使用 ThreeJS 时遇到问题。我有一个场景:

var scene = new THREE.Scene();

scene.fog = new THREE.Fog(0xf7d9aa, 100, 950);

var aspectRatio = GLOBAL.WIDTH / GLOBAL.HEIGHT;
var camera = new THREE.PerspectiveCamera(
    45,
    aspectRatio,
    0.1,
    1000
);

camera.position.z = 50;

scene.add(camera);

var renderer = new THREE.WebGLRenderer({
    alpha: true,

    antialias: true
});

renderer.setClearColor(0xffffff, 0);

renderer.setSize(GLOBAL.WIDTH, GLOBAL.HEIGHT);

renderer.shadowMap.enabled = true;

var container = $('.threejs-container');
container.append(renderer.domElement);

window.scene = scene;

我没有灯光，但我仍然可以查看我的对象。 但是，距离相机“远”的物体在变色之前是黄色的。 例如，z 位置为 900 的对象是黄色，但 z 位置为 100 的对象是正确的颜色。

这是一个带有圆圈的示例:/image/c9KOl.jpg

有人可以指导我吗？

谢谢🙂

Answer 1

问题是你的雾是黄色的!

scene.fog = new THREE.Fog(0xf7d9aa, 100, 950);

您可以在此处查看0xf7d9aa的颜色:http://hslpicker.com/#f7daab

如果您不想要黄色，也许您应该将其更改为某种形式的灰色。您还可以增加最后一个值 (950)，这样雾在该距离就不会那么强烈。