視野に黄色のオブジェクトがある - THREE 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; 

と私はまだ私のオブジェクトを表示します。 しかし、私のオブジェクトは遠くのカメラから色がかかっている前に黄色です。 例：900のz位置のオブジェクトは黄色ですが、zの位置が100のオブジェクトは正しい色です。ここで

は、円での例です：http://imgur.com/MIpqOeM

は、誰かが私を案内することはできますか？

ありがとうございました

Answer 1

あなたの霧は黄色です！

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

あなたはここに0xf7d9aaの色を見ることができます：http://hslpicker.com/#f7daab

あなたが黄色たくない場合は、多分あなたは灰色のいくつかのフォームに変更する必要があります。最後の値（950）を大きくして、その距離で霧が強くならないようにすることもできます。