Question

我需要在单个元素中重复纹理。它甚至可以在WebGL中使用吗？

我尝试了以下任何一项，但没有运气。

ctx.texParameteri(ctx.TEXTURE_2D, ctx.TEXTURE_WRAP_S, ctx.CLAMP_TO_EDGE);
ctx.texParameteri(ctx.TEXTURE_2D, ctx.TEXTURE_WRAP_T, ctx.CLAMP_TO_EDGE);

ctx.texParameteri(ctx.TEXTURE_2D, ctx.TEXTURE_WRAP_S, ctx.REPEAT);
ctx.texParameteri(ctx.TEXTURE_2D, ctx.TEXTURE_WRAP_T, ctx.REPEAT);

感谢您的帮助！

Answer 1

重要的是要知道这些参数是您必须在每个纹理上设置的，它们不是全局设置。所以你的代码应该看起来像这样：

gl.bindTexture(gl.TEXTURE_2D, texture);
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
// Set up more texture state, like filter modes...

当然，当您调用teximage2D时，您不必这样做，重要的是您首先绑定了适当的纹理。如果您以这种方式设置换行并且它仍然无法正常工作，那么可能正在查看驱动程序错误。

那就是说，我记得默认纹理包装模式应该是REPEAT，所以我不确定你为什么会遇到问题。

Answer 2

某些浏览器-OS-GPU组合只允许你在两个幂的纹理上设置gl.REPEAT。截至2016年，Safari-El Capitan-HD4000的情况仍然如此。

使用WebGL重复纹理

2 个答案: