텍스처를 앰비언트 맵으로 사용하기

Question

Three.JS에서 앰비언트 맵으로 텍스처를 사용하려고합니다. 지금까지 내 자료의 코드는 다음과 같습니다.

var shader  : THREE.Shader    = THREE.ShaderLib[ "normalmap" ]; 
var uniforms : THREE.Uniforms   = THREE.UniformsUtils.clone(shader.uniforms); 

    uniforms[ "enableAO" ].value   = false; 
    uniforms[ "enableDiffuse" ].value  = true; 
    uniforms[ "enableSpecular" ].value  = true; 
    uniforms[ "enableReflection" ].value = true; 
    uniforms[ "enableDisplacement" ].value = false; 
    uniforms[ "tNormal" ].value    = THREE.ImageUtils.loadTexture(this.earthMaterials.earthNormal); 
    uniforms[ "tDiffuse" ].value   = THREE.ImageUtils.loadTexture(this.earthMaterials.earthMap); 
    uniforms[ "tSpecular" ].value   = THREE.ImageUtils.loadTexture(this.earthMaterials.earthMap); 
    uniforms[ "uNormalScale" ].value.set(this.earthMaterials.normalScale, this.earthMaterials.normalScale); 
    uniforms[ "uDiffuseColor" ].value.convertGammaToLinear(); 
    uniforms[ "uSpecularColor" ].value.convertGammaToLinear(); 
    uniforms[ "uAmbientColor" ].value.convertGammaToLinear(); 


var parameters = { fragmentShader: shader.fragmentShader, vertexShader: shader.vertexShader, uniforms: uniforms, lights: true, fog: false }; 
this.earthNormal = new THREE.ShaderMaterial(parameters); 

텍스처를 주변지도로 사용하려면 어떻게해야합니까?

도움 주셔서 감사합니다.

Answer 1

앰비언트 오 클루 전을 구현하려고한다고 가정합니다.

이미 "일반"셰이더를 사용하고 있으며 AO 맵을 지원합니다. AO 맵을 활성화하고 할당하면됩니다.

대안은 확산 맵에 AO를 베이킹하는 것입니다.

세 번째 옵션은 AO 맵을 lightMap으로 처리하는 것입니다. MeshPhongMaterial은 라이트 맵을 지원하지만, 어쨌든 사용하지 않는 디스플레이 스먼트 맵은 지원하지 않습니다.

three.js r.58