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

【问题标题】：Yellow objects aspect on field of vision - THREE JS视野中的黄色物体方面 - 三个 JS
【发布时间】：2016-10-29 18:08:48
【问题描述】：

我对 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

有人可以指导我吗？

谢谢????

【问题讨论】：

您可以发布您的场景和问题图片吗？
嗨@meepzh！我编辑了我的问题????

标签： javascript object colors three.js

【解决方案1】：

问题是你的雾是黄色的！

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

你可以在这里看到0xf7d9aa的颜色：http://hslpicker.com/#f7daab

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

【讨论】：