在另一个图像上添加一个图像 - OpenTK

Question

我可以使用下面的代码组合两张图片。但是有什么办法可以将第二张图片放在第一张图片的左下角吗？

vec4 colorFirstImg = texture2D (sTexture_1, vec2(vTexCoord.x, vTexCoord.y));
vec4 colorSecondImg= texture2D (sTexture_2,  vec2(vTexCoord.x, vTexCoord.y));
vec4 result = mix(colorFirstImg , colorSecondImg, colorSecondImg.a);
gl_FragColor =result;

Answer 1

当然可以，您只需缩放纹理坐标即可。如果纹理坐标的任何分量大于 1.0，则通过将 0.0 传递给 mix:

的第三个参数来跳过第二张图像

vec4 colorFirstImg = texture2D(sTexture_1, vTexCoord.xy);

vec2 uv2 = vTexCoord.xy * 2.0;
vec4 colorSecondImg = texture2D(sTexture_2, uv2);

float a = (uv2.x <= 1.0 && uv2.y <= 1.0) ? colorSecondImg.a : 0.0;
vec4 result = mix(colorFirstImg , colorSecondImg, a);

gl_FragColor = result;

在另一个图像上添加一个图像 - OpenTK

Adding an image over another image - OpenTK

opengl

glsl

fragment-shader

opentk