- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 C++ 和 HLSL,需要让我的纹理坐标换行,以便纹理平铺在一个三角形上。
坐标被“包裹”到 0-1 范围后,它们将被旋转,所以我不能简单地使用纹理采样器 AddressU 和 AddressV 属性设置为包裹,因为它们需要包裹然后旋转,所以它无法在采样器内完成。
这里的解决方案很简单,只需要使用纹理坐标的小数部分,它就会环绕。
下面是一个像素着色器的示例,它将纹理平铺 36 次(6 * 6
):
input.tex *= 6.0f; //number of times to tile ^ 2
input.tex = frac(input.tex); //wraps texCoords to 0-1 range
return shaderTexture.Sample(SampleType, input.tex);
这确实会平铺纹理,但会在纹理环绕的边界处产生问题。瓷砖必须均匀地分成它们正在展示的空间,否则它会在边界相遇的地方形成一个接缝。我绘制纹理的正方形是 800x600 像素,因此按 5 平铺会平分,但按 6 平铺则不会,并且会导致沿 Y 轴的接缝。
我尝试使用模数运算符 input.tex = input.tex % 1
来包装坐标,但我得到了完全相同的结果。我还尝试过更改纹理过滤方法以及 AddressU 和 AddressV 属性以及无数不同的调试方法。
我很幸运地使用了这段代码。如果 x
坐标太高,它会被设置为 0,如果它太低,它会被设置为 1。
input.tex *= 6.0f;
input.tex = frac(input.tex);
if (input.tex.x > 0.999f) input.tex.x = 0;
if (input.tex.x < 0.001f) input.tex.x = 1;
return shaderTexture.Sample(SampleType, input.tex);
虽然这只能解决某些地方的问题,但绝对不是解决方案。
这是一张显示纹理(左)和手动包裹时的外观(右)的图片。你可以看到,并不是寄宿生接触到的所有地方都有这个错误。
我也尝试过不将纹理坐标更改为 0-1 范围并将它们围绕每个图 block 的中心而不是 (0.5, 0.5) 旋转,但我得到了相同的结果。此外,我的纹理坐标完全独立于顶点并在像素着色器内部计算。
我所看到的与此问题相关的任何事情都与在一个像素处具有高值然后在下一个像素处具有低值有关,例如 u = 0.95 和下一个像素 u = 0.03,这导致它向后插值穿过纹理。但是当我旋转我的纹理坐标时,什么都没有改变。即使每个图 block 都应用了随机旋转。在这种情况下,边缘有各种不同的值相互接壤,不仅仅是左侧的高值和右侧的低值,而且接缝出现的区域永远不会改变。
最佳答案
正如 MuertoExcobito 所说,主要问题是在边界处,纹理坐标在单个像素中从 1 跳到 0。从语义上讲,整个纹理在这个像素中得到平均是正确的,但这不是由在这个像素中将纹理从 1 插值到 0 造成的。真正的原因是 mipmapping。
对于您的纹理,在您加载它时会生成 mipmap。这意味着纹理获得多个 mipmap 级别,这些级别的大小都是之前的一半。
如果纹理变得扭曲,最高级别的采样将导致过采样(像伪像一样的点过滤)。为了对抗过采样,纹理查找根据屏幕空间中纹理坐标的变化选择适当的 mipmaplevel。在您的情况下,边界在一个小地方发生了非常大的变化,这导致尽可能使用最低的 mipmap(就像您看到一个小红点,这就是红色边界的原因)。
回到您的问题,您应该通过使用纹理查找方法 SampleGrad
( Docs ) 来控制 mipmapping。要获取像素纹理坐标的当前变化,您可以使用内部方法 ddx
和 ddy
。它们返回着色器中的任意变量,它如何在局部更改为相邻像素(正确的解释将深入本主题)。所以使用下面的代码不应该改变任何东西,因为它在语义上应该是相同的:
input.tex *= 6.0f; //number of times to tile ^ 2
input.tex = frac(input.tex); //wraps texCoords to 0-1 range
float2 xchange = ddx(input.tex);
float2 ychange = ddy(input.tex);
return shaderTexture.SampleGrad(SampleType, input.tex, xchange, ychange);
现在您可以应用您的代码来防止 xchange 和 ychange 发生大的变化,以强制图形设备使用更高的 mipmap。这应该会移除您的工件。
如果您的纹理不需要 mipmap,因为您渲染的纹理屏幕对齐并且纹理大小不会导致过采样,您可以使用更简单的替代方法 sampleLevel
( Docs )在那里你可以传递一个参数,它会选择一个特定的 mipmap,你可以自己确定。
关于c++ - 如何手动包装纹理坐标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28445733/
我有一个未定义数量的显示上下文,每个都将显示一个纹理。当我调用 glGenTextures 时,我会在所有显示上下文中返回相同的名称。这会起作用吗?即使它们具有相同的名称,它们仍会存储和显示不同的纹理
我在 SVG 中看到过:文本填充是图像而不是颜色;我一直想知道使用 CSS3 是否可以实现这样的事情。 我浏览了整个网络,到目前为止只找到了基本上将图像覆盖在文本上的解决方法(请参阅 this ,这对
我是 WebGL 的新手。 :)我知道顶点数据和纹理不应该经常更新,但是当它们确实发生变化时,首选哪个:- 通过调用 gl.deleteBuffer 销毁先前的缓冲区 (static_draw) 并创
我需要将 GL_RGBA32F 作为内部格式,但我在 OpenGL ES 实现中没有得到它。相反,我只得到 GL_FLOAT 作为纹理数据类型。 OES_texture_float 规范没有说明里面的
当我执行某些几何体的渲染时,我可以在控制台中看到此警告: THREE.WebGLRenderer: Texture is not power of two. Texture.minFilter sho
我正在尝试使用阴影贴图实现阴影,因此我需要将场景渲染到单独的帧缓冲区(纹理)。我无法让它正常工作,因此在剥离我的代码库后,我留下了一组相对简单的指令,这些指令应该将场景渲染到纹理,然后简单地渲染纹理。
我在 XNA 中使用带有自定义着色器的标准 .fbx 导入器。当我使用 BasicEffect 时,.fbx 模型被 UV 正确包裹并且纹理正确。但是,当我使用我的自定义效果时,我必须将纹理作为参数加
如果我创建一个 .PNG 1024 x 1024 的纹理并在中间画一个 124 x 124 的圆,它周围是空的,它使用的 RAM 量是否与我画一个 124 x 的圆一样124 x 124 空间上的 1
我试图在 Android 中绘制一个地球仪,为此我使用了 OpenGL。然而,为了让它更容易理解,我将从制作一个简单的 3D 立方体开始。我使用 Blender 创建我的 3D 对象(立方体),并在我
文本本身的背景图像层是否有任何 JS/CSS 解决方案? 示例 最佳答案 检查这个http://lea.verou.me/2012/05/text-masking-the-standards-way/
非功能代码: if sprite.texture == "texture" { (code) } 当 Sprite 具有特定纹理时,我正在尝试访问 Sprite 的纹理以运行代码。目前纹理仅在我的
我正在尝试学习适用于 iOS 的 SceneKit 并超越基本形状。我对纹理的工作原理有点困惑。在示例项目中,平面是一个网格,并对其应用了平面 png 纹理。你如何“告诉”纹理如何包裹到物体上?在 3
基本上, 这有效: var expl1 = new THREE.ImageUtils.loadTexture( 'images/explodes/expl1.png' ); this.material
我正在尝试将各种场景渲染为一组纹理,每个场景都有自己的纹理到应该绘制的位置...... 问题: 创建 512 个 FBO,每个 FBO 绑定(bind)了 512 个纹理,这有多糟糕。只使用一个 FB
我正在使用文本 protobuf 文件进行系统配置。 我遇到的一个问题是序列化的 protobuf 格式不支持注释。 有没有办法解决? 我说的是文本序列化数据格式,而不是方案定义。 这个问题是有人在某
我想将我的 3D 纹理的初始化从 CPU 移到 GPU。作为测试,我编写了一个着色器将所有体素设置为一个常数值,但纹理根本没有修改。我如何使它工作? 计算着色器: #version 430 layou
我可以像这样用 JavFX 制作一个矩形: Rectangle node2 = RectangleBuilder.create() .x(-100) .
我在 iPhone 上遇到了 openGL 问题,我确信一定有一个简单的解决方案! 当我加载纹理并显示它时,我得到了很多我认为所谓的“色带”,其中颜色,特别是渐变上的颜色,似乎会自动“优化”。 只是为
假设我有一个域类 class Profile{ String name byte[] logo } 和一个 Controller : class ImageController {
我正在开发一款使用 SDL 的 2D 游戏。由于某些系统的 CPU 较弱而 GPU 较强,因此除了普通的 SDL/软件之外,我还有一个使用 OpenGL 的渲染器后端。 渲染器界面的简化版本如下所示:
我是一名优秀的程序员,十分优秀!