Android OpenGL ES详解——纹理:纹理过滤GL_NEAREST和GL_LINEAR的区别

目录

一、概念

1、纹理过滤

2、邻近过滤

3、线性过滤

二、邻近过滤和线性过滤的区别

三、源码下载


一、概念

1、纹理过滤

当纹理被应用到三维物体上时,随着物体表面的形状和相机视角的变化,会导致纹理在渲染过程中出现一些问题,如锯齿状边缘、失真、模糊等。

纹理过滤的作用是解决这些问题,以获得更好的渲染效果。其目的是在纹理被应用到三维模型上时,通过对纹理上的像素进行插值或采样,使得纹理在不同距离和角度下呈现出更平滑、更真实的外观。

纹理坐标不依赖于分辨率(Resolution),它可以是任意浮点值,所以OpenGL需要知道怎样将纹理像素(Texture Pixel,也叫Texel,译注1)映射到纹理坐标。当你有一个很大的物体但是纹理的分辨率很低的时候这就变得很重要了。你可能已经猜到了,OpenGL也有对于纹理过滤(Texture Filtering)的选项。纹理过滤有很多个选项,但是现在我们只讨论最重要的两种:GL_NEAREST和GL_LINEAR。(Texture Pixel也叫Texel,你可以想象你打开一张.jpg格式图片,不断放大你会发现它是由无数像素点组成的,这个点就是纹理像素;注意不要和纹理坐标搞混,纹理坐标是你给模型顶点设置的那个数组,OpenGL以这个顶点的纹理坐标数据去查找纹理图像上的像素,然后进行采样提取纹理像素的颜色。)

2、邻近过滤

GL_NEAREST(也叫邻近过滤,Nearest Neighbor Filtering)是OpenGL默认的纹理过滤方式。当设置为GL_NEAREST的时候,OpenGL会选择中心点最接近纹理坐标的那个像素。下图中你可以看到四个像素,加号代表纹理坐标。左上角那个纹理像素的中心距离纹理坐标最近,所以它会被选择为样本颜色:

  • 原理:OpenGL会选择中心点最接近纹理坐标的那个像素作为当前纹理坐标的像素。这种方式不进行任何插值计算,直接采用最邻近像素的颜色值。

  • 特点

    • 快速:由于无需进行复杂的插值计算,GL_NEAREST在性能上通常更优。
    • 锯齿状边缘:由于直接使用单个像素的颜色,放大后的纹理会出现明显的锯齿边缘,尤其是在大幅度缩放或以低分辨率纹理渲染高分辨率物体时。
    • 清晰度:对于小尺寸、像素艺术风格或需要保持锐利边缘的纹理,GL_NEAREST可以保留原始像素的精确颜色,保持图像的清晰度和细节。

3、线性过滤

GL_LINEAR(也叫线性过滤,(Bi)linear Filtering)它会基于纹理坐标附近的纹理像素,计算出一个插值,近似出这些纹理像素之间的颜色。一个纹理像素的中心距离纹理坐标越近,那么这个纹理像素的颜色对最终的样本颜色的贡献越大。下图中你可以看到返回的颜色是邻近像素的混合色:

  • 原理:基于纹理坐标附近的纹理像素,计算出一个插值,以近似出这些纹理像素之间的颜色。具体来说,当设置为GL_LINEAR时,OpenGL会考虑采样点周围最近的四个纹理像素(一个正方形区域内的像素),并对这四个像素的颜色值进行加权平均,以得到平滑过渡的颜色。对于三维纹理或更高维度的纹理,它会考虑更多的相邻像素并进行更高维的线性插值。

  • 特点

    • 平滑:GL_LINEAR产生的纹理放大效果更加平滑,边缘没有明显的锯齿,视觉效果更为柔和。
    • 模糊:相较于GL_NEAREST,GL_LINEAR可能会引入轻微的模糊,特别是在大幅度缩放时。这种模糊是由于插值过程混合了多个像素的颜色造成的。
    • 适用场景:对于需要平滑过渡、细节丰富、或对视觉质量要求较高的纹理(如照片、自然景观、高清图形等),GL_LINEAR通常能提供更好的视觉效果。

综上所述,GL_NEAREST和GL_LINEAR之所以产生不同的图案效果,是因为它们在处理纹理采样时采用了不同的方法和策略。GL_NEAREST直接采用最邻近像素的颜色值,因此会产生颗粒状图案;而GL_LINEAR则通过考虑附近多个像素的颜色值并进行加权平均,从而得到更平滑的图案效果。

二、邻近过滤和线性过滤的区别

那么这两种纹理过滤方式有怎样的视觉效果呢?让我们看看在一个很大的物体上应用一张低分辨率的纹理会发生什么吧(纹理被放大了,每个纹理像素都能看到):

GL_NEAREST产生了颗粒状的图案,我们能够清晰看到组成纹理的像素,而GL_LINEAR能够产生更平滑的图案,很难看出单个的纹理像素。GL_LINEAR可以产生更真实的输出,但有些开发者更喜欢8-bit风格,所以他们会用GL_NEAREST选项。

当进行放大(Magnify)和缩小(Minify)操作的时候可以设置纹理过滤的选项,比如你可以在纹理被缩小的时候使用邻近过滤,被放大时使用线性过滤。我们需要使用glTexParameter*函数为放大和缩小指定过滤方式。这段代码看起来会和纹理环绕方式的设置很相似:

glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);

三、源码下载

Android OpenGL 图片Texture渲染render 演示demo下载:

https://download.youkuaiyun.com/download/github_27263697/89927774

推荐文章

https://learnopengl-cn.readthedocs.io/zh/latest/01%20Getting%20started/06%20Textures/

https://juejin.cn/post/7369620466397675570

在OpenCV中,`cv::resize`函数用于调整图像的大小,其原型如下: ```cpp void resize(InputArray src, OutputArray dst, Size dsize, double fx = 0, double fy = 0, int interpolation = INTER_LINEAR); ``` 其中,`0.0, 0.0, cv::InterpolationFlags::INTER_NEAREST` 分别对应 `fx`、`fy` `interpolation` 参数。 ### 参数含义 - **`fx` `fy`**:这两个参数分别表示图像在水平垂直方向上的缩放因子。当设置为 `0.0` 时,OpenCV会根据 `dsize` 参数自动计算缩放因子。例如,如果 `dsize` 是 `(200, 200)`,而原图像大小是 `(100, 100)`,则 `fx` `fy` 会被自动计算为 `2.0`。 - **`cv::InterpolationFlags::INTER_NEAREST`**:这是插值方法的标志,表示使用最近邻插值。最近邻插值是一种简单的插值方法,它会选择离目标像素最近的源像素的值作为目标像素的值。这种方法计算速度快,但可能会导致图像出现锯齿状边缘,尤其是在图像放大时。 ### 代码示例 以下是一个使用 `0.0, 0.0, cv::InterpolationFlags::INTER_NEAREST` 的代码示例: ```cpp #include <opencv2/opencv.hpp> #include <iostream> int main() { // 创建一个小的测试图像 cv::Mat small_img = cv::Mat::zeros(100, 100, CV_8UC1); // 填充测试图案:中心白色方块 small_img(cv::Rect(40, 40, 20, 20)) = 255; cv::Mat enlarged; // 使用最近邻插值进行图像放大 cv::resize(small_img, enlarged, cv::Size(200, 200), 0.0, 0.0, cv::InterpolationFlags::INTER_NEAREST); // 显示原始图像放大后的图像 cv::imshow("Original Image", small_img); cv::imshow("Enlarged Image (Nearest Neighbor)", enlarged); cv::waitKey(0); return 0; } ``` ### 代码解释 1. **创建测试图像**:创建一个 `100x100` 的单通道灰度图像,并在中心位置绘制一个 `20x20` 的白色方块。 2. **图像放大**:使用 `cv::resize` 函数将图像放大到 `200x200` 的大小,使用最近邻插值方法。 3. **显示图像**:使用 `cv::imshow` 函数显示原始图像放大后的图像。 ### 注意事项 - 最近邻插值方法简单快速,但可能会导致图像质量下降,尤其是在图像放大时。如果需要更高的图像质量,可以考虑使用其他插值方法,如双线性插值(`cv::INTER_LINEAR`)或双三次插值(`cv::INTER_CUBIC`)。 - 当 `dsize` 参数不为 `(0, 0)` 时,`fx` `fy` 参数会被忽略。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

闲暇部落

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值