Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >IOS – OpenGL ES 黑白网状效果 GPUImageCrosshatchFilter

IOS – OpenGL ES 黑白网状效果 GPUImageCrosshatchFilter

原创
作者头像
猿说编程[Python和C]
发布于 2023-03-26 01:41:52
发布于 2023-03-26 01:41:52
34500
代码可运行
举报
文章被收录于专栏:猿说编程猿说编程
运行总次数:0
代码可运行

一.简介

GPUImage 共 125 个滤镜, 分为四类

1、Color adjustments : 31 filters , 颜色处理相关 2、Image processing : 40 filters , 图像处理相关. 3、Blending modes : 29 filters , 混合模式相关. 4、Visual effects : 25 filters , 视觉效果相关.

GPUImageCrosshatchFilter GPUImage 黑白网状效果,shader 源码如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
/******************************************************************************************/
//@Author:猿说编程
//@Blog(个人博客地址): www.codersrc.com
//@File:IOS – OpenGL ES 黑白网状效果 GPUImageCrosshatchFilter
//@Time:2022/05/24 06:30
//@Motto:不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
/******************************************************************************************/


#if TARGET_IPHONE_SIMULATOR || TARGET_OS_IPHONE
NSString *const kGPUImageCrosshatchFragmentShaderString = SHADER_STRING
(
 varying highp vec2 textureCoordinate;

 uniform sampler2D inputImageTexture;

 uniform highp float crossHatchSpacing;
 uniform highp float lineWidth;

 const highp vec3 W = vec3(0.2125, 0.7154, 0.0721);

 void main()
 {
     highp float luminance = dot(texture2D(inputImageTexture, textureCoordinate).rgb, W);

     lowp vec4 colorToDisplay = vec4(1.0, 1.0, 1.0, 1.0);
     if (luminance < 1.00)
     {
         if (mod(textureCoordinate.x + textureCoordinate.y, crossHatchSpacing) <= lineWidth)
         {
             colorToDisplay = vec4(0.0, 0.0, 0.0, 1.0);
         }
     }
     if (luminance < 0.75)
     {
         if (mod(textureCoordinate.x - textureCoordinate.y, crossHatchSpacing) <= lineWidth)
         {
             colorToDisplay = vec4(0.0, 0.0, 0.0, 1.0);
         }
     }
     if (luminance < 0.50)
     {
         if (mod(textureCoordinate.x + textureCoordinate.y - (crossHatchSpacing / 2.0), crossHatchSpacing) <= lineWidth)
         {
             colorToDisplay = vec4(0.0, 0.0, 0.0, 1.0);
         }
     }
     if (luminance < 0.3)
     {
         if (mod(textureCoordinate.x - textureCoordinate.y - (crossHatchSpacing / 2.0), crossHatchSpacing) <= lineWidth)
         {
             colorToDisplay = vec4(0.0, 0.0, 0.0, 1.0);
         }
     }

     gl_FragColor = colorToDisplay;
 }
);
#else
NSString *const kGPUImageCrosshatchFragmentShaderString = SHADER_STRING
(
 varying vec2 textureCoordinate;

 uniform sampler2D inputImageTexture;

 uniform float crossHatchSpacing;
 uniform float lineWidth;

 const vec3 W = vec3(0.2125, 0.7154, 0.0721);

 void main()
 {
     float luminance = dot(texture2D(inputImageTexture, textureCoordinate).rgb, W);

     vec4 colorToDisplay = vec4(1.0, 1.0, 1.0, 1.0);
     if (luminance < 1.00)
     {
         if (mod(textureCoordinate.x + textureCoordinate.y, crossHatchSpacing) <= lineWidth)
         {
             colorToDisplay = vec4(0.0, 0.0, 0.0, 1.0);
         }
     }
     if (luminance < 0.75)
     {
         if (mod(textureCoordinate.x - textureCoordinate.y, crossHatchSpacing) <= lineWidth)
         {
             colorToDisplay = vec4(0.0, 0.0, 0.0, 1.0);
         }
     }
     if (luminance < 0.50)
     {
         if (mod(textureCoordinate.x + textureCoordinate.y - (crossHatchSpacing / 2.0), crossHatchSpacing) <= lineWidth)
         {
             colorToDisplay = vec4(0.0, 0.0, 0.0, 1.0);
         }
     }
     if (luminance < 0.3)
     {
         if (mod(textureCoordinate.x - textureCoordinate.y - (crossHatchSpacing / 2.0), crossHatchSpacing) <= lineWidth)
         {
             colorToDisplay = vec4(0.0, 0.0, 0.0, 1.0);
         }
     }

     gl_FragColor = colorToDisplay;
 }
);
#endif

二.效果演示

使用 GPUImageCrosshatchFilter GPUImage 黑白网状效果,原图:

**GPUImageCrosshatchFilter GPUImage 黑白网状效果,效果图:**

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
IOS – OpenGL ES 调节图像色彩替换 GPUImageFalseColorFilter
GPUImageFalseColorFilter 属于 GPUImage 颜色处理相关,用来处理图片色彩替换,分别指定用什么颜色代替图像的暗部和亮色区域。默认值为(0.0,0.0,0.5)和(1.0,0.0,0.0),shader 源码如下:
猿说编程[Python和C]
2023/03/21
4820
IOS – OpenGL ES 调节图像色彩替换 GPUImageFalseColorFilter
IOS – OpenGL ES 调节图像灰色 GPUImageGrayscaleFilter
GPUImageGrayscaleFilter 属于 GPUImage 颜色处理相关,用来处理图片灰色,shader 源码如下:
猿说编程[Python和C]
2023/03/19
4510
IOS – OpenGL ES 调节图像灰色 GPUImageGrayscaleFilter
IOS – OpenGL ES 调节图像单色 GPUImageMonochromeFilter
GPUImageMonochromeFilter 属于 GPUImage 颜色处理相关,用来处理图片单色,shader 源码如下:
猿说编程[Python和C]
2023/03/23
2960
IOS – OPenGL ES 调节图像饱和度 GPUImageSaturationFilter
GPUImageSaturationFilter 属于 GPUImage 颜色处理相关,用来处理图片饱和度,shader 源码如下:
猿说编程[Python和C]
2023/03/18
7170
IOS – OPenGL ES 调节图像饱和度 GPUImageSaturationFilter
IOS – OpenGL ES 调节图像阴影 GPUImageHighlightShadowFilter
GPUImageHighlightShadowFilter 属于 GPUImage 颜色处理相关,用来处理图片阴影,shader 源码如下:
猿说编程[Python和C]
2023/03/19
3990
IOS – OpenGL ES 调节图像阴影 GPUImageHighlightShadowFilter
IOS – OpenGL ES 图像水晶球效果 GPUImageGlassSphereFilter
GPUImageGlassSphereFilter 属于 GPUImage 图像视觉效果相关,用来处理图像水晶球效果。shader 源码如下:
猿说编程[Python和C]
2023/04/01
4480
在 iOS 上用 Shader 实现 图片 转 字符画 效果~~
那天在朋友圈问了一下如何通过 OpenGL Shader 实现同样效果,没想到引来了大神的关注。
音视频开发进阶
2020/07/07
1.1K0
在 iOS 上用 Shader 实现 图片 转 字符画 效果~~
IOS – OpenGL ES 设置图像锐化 GPUImageSharpenFilter
GPUImageSharpenFilter 属于 GPUImage 图像处理相关,用来处理图像锐化效果,shader 源码如下:
猿说编程[Python和C]
2023/03/25
6770
IOS – OpenGL ES 图像球形折射 GPUImageSphereRefractionFilter
GPUImageSphereRefractionFilter 属于 GPUImage 图像视觉效果相关,用来处理图像球形折射效果。shader 源码如下:
猿说编程[Python和C]
2023/04/01
3480
IOS – OpenGL ES 图像晕影扩散 GPUImageVignetteFilter
GPUImageVignetteFilter 属于 GPUImage 图像视觉效果相关,用来处理图片晕影扩散。shader 源码如下:
猿说编程[Python和C]
2023/04/01
2220
IOS – OpenGL ES 指定颜色抠图 GPUImageChromaKeyFilter
GPUImageChromaKeyFilter 属于 GPUImage 颜色处理相关,用来处理图片指定颜色抠图
猿说编程[Python和C]
2023/03/23
5800
IOS – OpenGL ES 图像晕影移动 GPUImageVignetteFilter
GPUImageVignetteFilter 属于 GPUImage 图像视觉效果相关,用来处理图片晕影移动。shader 源码如下:
猿说编程[Python和C]
2023/04/01
3850
IOS – OpenGL ES 桑原滤波/水粉画模糊效果 GPUImageKuwaharaFilter
GPUImageKuwaharaFilter GPUImage 图像桑原滤波/水粉画模糊效果,shader 源码如下:
猿说编程[Python和C]
2023/03/25
3950
IOS – OpenGL ES 设置图像反遮罩锐化 GPUImageUnsharpMaskFilter
GPUImageUnsharpMaskFilter 属于 GPUImage 图像处理相关,用来图像反遮罩锐化,shader 源码如下:
猿说编程[Python和C]
2023/03/25
5360
IOS – OpenGL ES 调节图像白平衡/色温 GPUImageWhiteBalanceFilter
GPUImageWhiteBalanceFilter 属于 GPUImage 颜色处理相关,用来处理图片白平衡/色温
猿说编程[Python和C]
2023/03/23
5070
IOS – OpenGL ES 调节图像对比度 GPUImageContrastFilter
GPUImageContrastFilter 属于 GPUImage 颜色处理相关,用来处理图片对比度,shader 源码如下:
猿说编程[Python和C]
2023/03/18
6320
IOS – OpenGL ES 调节图像对比度 GPUImageContrastFilter
IOS – OPenGL ES 设置图像亮度 GPUImageBrightnessFilter
GPUImageBrightnessFilter 属于 GPUImage 颜色处理相关,用来处理图片亮度,shader 源码如下:
猿说编程[Python和C]
2023/03/18
5310
IOS – OPenGL ES 设置图像亮度 GPUImageBrightnessFilter
IOS – OPenGL ES 调节图像伽马线 GPUImageGammaFilter
GPUImageGammaFilter 属于 GPUImage 颜色处理相关,用来处理图片伽马线,shader 源码如下:
猿说编程[Python和C]
2023/03/19
2250
IOS – OPenGL ES 调节图像伽马线 GPUImageGammaFilter
IOS – OpenGL ES 设置图像 lookup 滤镜 GPUImageLookupFilter
GPUImageLookupFilter 属于 GPUImage 颜色处理相关,用来处理图片 lookup 滤镜
猿说编程[Python和C]
2023/03/23
6690
IOS – OpenGL ES 调节图像RGB通道 GPUImageRGBFilter
GPUImageRGBFilter 属于 GPUImage 颜色处理相关,用来处理图片 RGB 通道,shader 源码如下:
猿说编程[Python和C]
2023/03/19
4500
推荐阅读
相关推荐
IOS – OpenGL ES 调节图像色彩替换 GPUImageFalseColorFilter
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验