OpenGL顶点着色器精度问题

Question

我正在尝试制作一个可以使屏幕摆动的顶点着色器，就像它是由波浪组成的一样。这很好，只是我没有意识到顶点着色器实际上是按顶点计算的，当我也使用 2D 时，我认为它是按像素计算的。

这意味着一个大的精灵只会在顶部和底部摆动，而我希望它一直向下摆动，有没有办法让它在给定的精灵上使用更多的顶点？除了把那个精灵切碎吗？

注意：我在 java 中使用“libgx”。

这是着色器：

attribute vec4 a_position;
attribute vec4 a_color;
attribute vec2 a_texCoord0;

uniform mat4 u_projTrans;
uniform float off = 0.0f;

varying vec4 vColor;
varying vec2 vTexCoord;
varying vec4 pos;

void main() {
    vColor = a_color;
    vTexCoord = a_texCoord0;
    pos = a_position;
    pos.x = pos.x + sin(pos.y/10+off)*10;
    gl_Position = u_projTrans * pos;
}

您可以很好地看到文本波浪，因为它们的 y 坐标很接近，但是精灵应该多次波浪，但由于缺乏投票者而无法这样做。

Answer 1

细分精灵几何体

据我所知，您正在尝试对顶点程序进行转换。它实际上只移动顶点，因此您在这里控制 4 个点。因此你不会有你想要的摆动效果。

片段着色器解决方案

其中一种解决方案是在片段着色器上做效果并转换纹理坐标。但是您必须将精灵大小增加一些填充边距以显示位移。

我认为您可能会获得最佳解决方案，因为您不需要传递额外的几何图形。

gl_FragColor = 
texture2D(myTexture, 
  vec2(gl_TexCoord[0].x + 0.1 * sin(gl_TexCoord[0].y * 10), gl_TexCoord[0].y));

几何解

第二种解决方案是不使用单个四边形作为精灵，而是使用细分的垂直四边形堆栈。

问题说明图片