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

我对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的对象为正确的颜色。

这是一个带有圆圈的示例：http://imgur.com/MIpqOeM

有人可以引导我吗？

谢谢🙂

最佳答案

问题是您的雾是黄色的！

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

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

如果您不想要黄色，也许您应该将其更改为某种形式的灰色。您也可以增加最后一个值（950），以使该距离处的雾不那么强。

关于javascript - 视野中的黄色物体方面-三个JS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38058847/