在着色器中平铺纹理

Question

我传递给顶点着色器 (glsl) 2 个纹理：来自屏幕和较小的法线贴图。 法线贴图根据屏幕尺寸进行缩放。因此，如果第一个纹理是 1152×864 像素，法线贴图是 256×256，它将从其大小缩放到更大。

我怎样才能让它平铺呢？例如，将其大小设置为256×256并平铺所有纹理。

---

UPD：

例如，我的主要（大）纹理是这样映射的：

[0.17, 0.61, 0.33, 0.83]

而不是：

[0, 0, 1, 1]

这样我的法线纹理也映射到第一个坐标。所以我看到了它的一个小的映射矩形。如何在着色器中将其映射为完整尺寸？

Answer 1

它将从原来的大小缩放到更大。

不，肯定不会。这是对纹理的常见误解。纹理只不过是花哨的查找表。纹理之间并不是相对“缩放”的；这只是您使用什么纹理坐标的问题。

您所做的很可能是使用与法线贴图相同的屏幕纹理纹理坐标。由于我们可能正在讨论标准化纹理坐标，这意味着您将相同的 [0, 1] 范围映射到它们。

为了获得您所说的效果，您需要计算正常纹理的纹理坐标，以完成您需要它们做的事情。因此，如果您有一个相对于屏幕纹理的纹理坐标，则必须将其转换为正常纹理所需的空间。

有几种方法可以做到这一点。手动方法是在 CPU 上计算纹理大小之间的比率，然后将其传递给着色器。使用您给出的数字，大小比率将为：

(1152.0/256.0, 864.0/256.0) = (4.5, 3.375).

确保这是在浮点数学中完成的。完成后，只需将其以统一方式传递，并在采样之前在着色器中将纹理坐标乘以该比率：

uniform vec2 textureRatio;

void main() {
//Get the texture coordinate.
vec4 screenTexColor = texture(screenTex, texCoord);
vec2 normTexCoord = textureRatio * texCoord;
vec4 normalValue = texture(normalTex, normTexCoord);
//Do something with these.
}

GLSL 中的自动方法是直接在着色器中执行此操作。这需要 GLSL 1.30 或更高版本。基本上，您使用该语言的可用功能来计算比率：

void main() {
//Get the texture coordinate.
vec2 textureRatio = textureSize(screenTex) / textureSize(normalTex);
vec4 screenTexColor = texture(screenTex, texCoord);
vec2 normTexCoord = textureRatio * texCoord;
vec4 normalValue = texture(normalTex, normTexCoord);
//Do something with these.
}

在这两种情况下，我假设您的 GL_TEXTURE_WRAP_S/T 设置为 GL_REPEAT 并具有适当的纹理或采样器参数。

请注意，在 CPU 上计算比率并将其作为统一传递可能比在着色器中计算速度更快。特别是对于片段着色器，它将运行大量的操作。