c++ - 片段着色器中的 GLSL 翻译未按预期工作

Question

我编写了一个简单的 GLSL 着色器，它创建的图案类似于 this 上显示的彩色方 block 图案。页。然后我添加了代码，按照this在屏幕上移动图案。例子。这是我的代码:

st = vec3(TexCoord.x , TexCoord.y , 0.0);
vec3 translate = vec3(cos(u_time),sin(u_time), 0.0);
st+= translate * 0.1;
st = fract(st * 10);

color = vec3(st.x,st.y,1.0);

一切正常，图案绕原点做圆周运动。当我想在不使用 u_time 的情况下移动纹理时，就会出现问题。如果我想将纹理在 x 方向移动 5 个单位，在 y 方向移动 2 个单位。我尝试了以下代码:

st = vec3(TexCoord.x , TexCoord.y , 0.0);
vec3 translate = vec3(5,2, 0.0); //This line is different
st+= translate * 0.1;
st = fract(st * 10);

color = vec3(st.x,st.y,1.0);

但是当我这样做时，纹理根本不会移动，并且使用更大的值只会拉伸(stretch)纹理的方向(如果 x = 5000000，纹理会在 x 方向上拉伸(stretch))。

我的问题是为什么会发生这种情况以及如何纠正它？

亲切的问候。

Answer 1

您需要将纹理坐标移动 < 1.0 的偏移量:

vec3 翻译 = vec3(5,2, 0.0);

vec3 translate = vec3(0.5, 0.2, 0.0);

纹理坐标的范围是[0.0, 1.0]。将纹理平移 1 的整数倍与将纹理平移 0.0 具有相同的效果。
请注意，sin 和 cos 函数的结果在 [-1.0, 1.0] 范围内。