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

以下是圈子的示例：http://imgur.com/MIpqOeM

有人可以指导我吗？

谢谢

Answer 1

问题是你的雾是黄色的！

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

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

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

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

1 个答案: