GLSL多重纹理-混合纹理

Question

我正在尝试在OpenGL中实现多纹理。所使用的纹理基于给定顶点的表面法线 - 它越垂直，第二个纹理就越可见。 这里是我目前的情况。

我现在想将边缘混合在一起，而不是有硬边缘。是否可能以这种方式混合纹理？如果是，则如何实现？

这是我的片段着色器代码：

#version 150

in vec2 pass_textureCoords;
in vec3 surfaceNormal;
in vec3 toLightVector;
in vec3 toCamera;
in vec3 playerPosition;
in vec4 vertexPosition;

in float blendPosition;
in float visibility;

out vec4 out_Color;

uniform sampler2D texture0;
uniform sampler2D texture1;

uniform vec3 skyColour;
uniform vec3 light_colour;
uniform float shineDamper;
uniform float reflectivity;

void main(void){
  vec3 unitNormal = normalize(surfaceNormal);
  vec3 unitLightVector = normalize(toLightVector);

  float nDot1 = dot(unitNormal,unitLightVector);
  float brightness = max(nDot1,0.2);
  vec3 diffuse = brightness * light_colour;

  vec3 unitToCamera = normalize(toCamera);
  vec3 lightDirection = -unitLightVector;
  vec3 reflectedLightDirection = reflect(lightDirection,unitNormal);

  float specular = dot(reflectedLightDirection, unitToCamera);
  specular = max(specular,0.0);
  float damped = pow(specular,shineDamper);
  vec3 finalSpecular = damped * reflectivity * light_colour;

  out_Color = (vec4(diffuse,1.0) * texture(texture0,pass_textureCoords)) + vec4(-20,-20,0.0,0.0);
  out_Color = (vec4(diffuse,1.0) * texture(texture0,pass_textureCoords));
  out_Color = mix(vec4(skyColour,1.0),out_Color,visibility);

  if(vertexPosition.y < -6.1 || surfaceNormal.y < 0.6){
    out_Color = (vec4(diffuse,1.0) * texture(texture1,pass_textureCoords)) + vec4(-20,-20,0.0,0.0);
    out_Color = (vec4(diffuse,1.0) * texture(texture1,pass_textureCoords));
    out_Color = mix(vec4(diffuse,1.0) * texture(texture0,pass_textureCoords),out_Color,1);
    out_Color = mix(vec4(skyColour,1.0),out_Color,visibility);
  }
  if(playerPosition.y < -6.1){
    out_Color = mix(vec4(0.0,0.3,0.5,1.0),out_Color,0.1);
  }
}

编辑：

以下是新的片段着色器代码，供有兴趣的人使用。

更新后的片段着色器代码：

#version 150

in vec2 pass_textureCoords;
in vec3 surfaceNormal;
in vec3 toLightVector;
in vec3 toCamera;
in vec3 playerPosition;
in vec4 vertexPosition;

in float blendPosition;
in float visibility;

out vec4 out_Color;

uniform sampler2D texture0;
uniform sampler2D texture1;

uniform vec3 skyColour;
uniform vec3 light_colour;
uniform float shineDamper;
uniform float reflectivity;

void main(void){
vec3 unitNormal = normalize(surfaceNormal);
vec3 unitLightVector = normalize(toLightVector);

float nDot1 = dot(unitNormal,unitLightVector);
float brightness = max(nDot1,0.2);
vec3 diffuse = brightness * light_colour;

vec3 unitToCamera = normalize(toCamera);
vec3 lightDirection = -unitLightVector;
vec3 reflectedLightDirection = reflect(lightDirection,unitNormal);

float specular = dot(reflectedLightDirection, unitToCamera);
specular = max(specular,0.0);
float damped = pow(specular,shineDamper);
vec3 finalSpecular = damped * reflectivity * light_colour;

out_Color.a = 1;

vec4 fog = vec4(skyColour,1.0);
vec4 diffusion = vec4(diffuse,1.0);

float a = clamp((unitNormal.y - .6)*5 + .5, 0, 0.7);
vec3 texture0_colour = (mix(fog,diffusion * texture(texture0,pass_textureCoords),visibility)).rgb;
vec3 texture1_colour = (mix(fog,diffusion * texture(texture1,pass_textureCoords),visibility)).rgb;

out_Colour.rgb = mix(texture1_colour,texture0_colour,a);

}

- user6811107

---

你为什么要多次覆盖 out_Color？ - Yakov Galka

我对GLSL和OpenGL一般都很陌生。我只是在尝试不同的东西，看看会发生什么。 - user6811107

Answer 1

要根据值a混合两个基于纹理的内容，您需要执行以下操作：

float a = ...;
vec3 color0 = texture(texture0, pass_textureCoords).rgb;
vec3 color1 = texture(texture1, pass_textureCoords).rgb;
out_Color.rgb = mix(color0, color1, a);

假设您的unitNormal = (0,1,0)是向上的方向，从代码中看起来是这样的，那么该值的数值为：

float a = clamp(unitNormal.y, 0, 1);

这将会在两种纹理之间实现平滑过渡。然而，您可能希望实现更加明显的过渡，这时您需要调整并缩放unitNormal.y值以确定过渡的起始和结束位置：

float a = clamp((unitNormal.y - .6)*5 + .5, 0, 1);

- Yakov Galka

---

非常感谢。这正是我在寻找的。它完美地工作了 :) - user6811107