GLSL (webgl)에서 하나의 조각으로 3 개의 텍스처 보간

Question

하나의 조각에 3 개의 다른 텍스처를 혼합하여 똑같이 보간 할 수 있기를 바랍니다.

검은 색과 흰색의 그라디언트 인 세 번째 텍스처 (textureColor3)를 사용하여 조각 전체에서 혼합되는 두 개의 텍스처 (textureColor1, textureColor2)를 얻을 수있었습니다. 세 가지 텍스처와 비슷한 것을하고 싶습니다만 다른 텍스처를 마스크로 포함하지 않아도 세 텍스처를 보간 할 수 있다면 좋을 것입니다. 어떤 도움이라도 대단히 감사합니다.

vec4 textureColor1 = texture2D(uSampler, vec2(vTextureCoord1.s, vTextureCoord1.t)); 
vec4 textureColor2 = texture2D(uSampler2, vec2(vTextureCoord2.s, vTextureCoord2.t)); 
vec4 textureColor3 = texture2D(uSampler3, vec2(vTextureCoord1.s, vTextureCoord1.t)); 
vec4 finalColor = mix(textureColor2, textureColor1, textureColor3.a); 

Answer 1

당신이 그들 모두가 당신이 단순히 같은 것을 할 수있는, 동등하게 혼합 할 경우 당신은 또한 수레로 질감의 무게에 전달할 수

finalColor.x = (textureColor1.x + textureColor2.x + textureColor3.x)/3.0; 
finalColor.y = (textureColor1.y + textureColor2.y + textureColor3.y)/3.0; 
finalColor.z = (textureColor1.z + textureColor2.z + textureColor3.z)/3.0; 

합니다. 예를 들어 Texture1의 가중치는 0.5, Texture2의 가중치는 0.3, Texture3의 가중치는 0.2입니다. 가중치가 1.0이되는 한 텍스처 값으로 간단히 곱하면됩니다. weighted average을 찾는 것과 같습니다.

Answer 2

보간 3 개 텍스처를 사용하여 무게 :

은 각 텍스처 유형
0에서 1로 무게를 가지고 그리고 당신은 정규화 된 가중치를 가지고 가정 - 그래서 그들은으로 VEC3로 합의에
그리고 입력 가중치를 1과 동일 쉐이더는

varying/uniform/... vec3 weights; 
main { 
resultColor.x = (texel0.x * weights.x + texel1.x * weights.y + texel2.x * weights.z); 
resultColor.y = (texel0.y * weights.x + texel1.y * weights.y + texel2.y * weights.z); 
resultColor.z = (texel0.z * weights.x + texel1.z * weights.y + texel2.z * weights.z); 
... 
}