使用 WebGL 重复纹理

发布于 2024-12-08 19:55:03 字数 387 浏览 1 评论 0原文

我需要在单个元素内重复纹理。在 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);

感谢您的帮助！

原文

I need to repeat a texture within a single element. Is it even possible in WebGL?

I tried either of the following but had no luck.

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);

Thanks for any help!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

滴情不沾 2024-12-15 19:55:03

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

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 时你不必这样做，重要的是你首先绑定了适当的纹理。如果您以这种方式设置换行，但它仍然不起作用，您可能正在查看驱动程序错误。

也就是说，我记得默认的纹理环绕模式无论如何都应该是“重复”，所以我不确定为什么你会遇到问题。

It's important to know that these parameters are something that you have to set on each texture, they're not global settings. So your code should probably look something like this:

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...

Of course, you don't have to do it when you call teximage2D, the important part is that you've bound the appropriate texture first. If you're setting the wrap this way and it's still not working, you may be looking at a driver bug.

That said, as I recall the default texture wrap mode should be REPEAT anyway, so I'm not sure why you would be having problems.

回复收藏 0 原文