草庐IT

IOS – OpenGL ES 同心圆像素化马赛克效果 GPUImagePolarPixel

猿说编程 2023-03-28 原文

目录

零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES 基础

零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES 转场

零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES 特效

零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES 函数

零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES GPUImage 使用

零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES GLSL 编程

一.简介

GPUImage 共 125 个滤镜, 分为四类

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

GPUImagePolarPixel GPUImage 同心圆像素化马赛克效果，shader 源码如下：

/******************************************************************************************/
//@Author:猿说编程
//@Blog(个人博客地址): www.codersrc.com
//@File:IOS – OpenGL ES 同心圆像素化马赛克效果 GPUImagePolarPixel
//@Time:2022/05/23 06:30
//@Motto:不积跬步无以至千里，不积小流无以成江海，程序人生的精彩需要坚持不懈地积累！
/******************************************************************************************/

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

 uniform sampler2D inputImageTexture;

 uniform highp float fractionalWidthOfPixel;
 uniform highp float aspectRatio;

 void main()
 {
     highp vec2 sampleDivisor = vec2(fractionalWidthOfPixel, fractionalWidthOfPixel / aspectRatio);

     highp vec2 samplePos = textureCoordinate - mod(textureCoordinate, sampleDivisor) + 0.5 * sampleDivisor;
     gl_FragColor = texture2D(inputImageTexture, samplePos );
 }
);
#else
NSString *const kGPUImagePixellationFragmentShaderString = SHADER_STRING
(
 varying vec2 textureCoordinate;

 uniform sampler2D inputImageTexture;

 uniform float fractionalWidthOfPixel;
 uniform float aspectRatio;

 void main()
 {
     vec2 sampleDivisor = vec2(fractionalWidthOfPixel, fractionalWidthOfPixel / aspectRatio);

     vec2 samplePos = textureCoordinate - mod(textureCoordinate, sampleDivisor) + 0.5 * sampleDivisor;
     gl_FragColor = texture2D(inputImageTexture, samplePos );
 }
);
#endif

二.效果演示

使用 GPUImagePolarPixel ** 用来图像同心圆像素化马赛克效果**，原图：

**GPUImagePolarPixel 用来图像同心圆像素化马赛克效果，效果图：**

三.源码下载

OpenGL ES Demo 下载地址 : IOS – OpenGL ES 同心圆像素化马赛克效果 GPUImagePolarPixel

四.猜你喜欢

  1. IOS – OPenGL ES 设置图像亮度 GPUImageBrightnessFilter
  2. IOS – OPenGL ES 调节图像曝光度 GPUImageExposureFilter
  3. IOS – OpenGL ES 调节图像对比度 GPUImageContrastFilter
  4. IOS – OPenGL ES 调节图像饱和度 GPUImageSaturationFilter
  5. IOS – OPenGL ES 调节图像伽马线 GPUImageGammaFilter
  6. IOS – OpenGL ES 调节图像反色 GPUImageColorInvertFilter
  7. IOS – OpenGL ES 调节图像褐色 GPUImageSepiaFilter
  8. IOS – OpenGL ES 调节图像灰色 GPUImageGrayscaleFilter
  9. IOS – OpenGL ES 调节图像 RGB 通道 GPUImageRGBFilter
  10. IOS – OpenGL ES 调节图像不透明度 GPUImageOpacityFilter
  11. IOS – OpenGL ES 调节图像阴影 GPUImageHighlightShadowFilter
  12. IOS – OpenGL ES 调节图像色彩替换 GPUImageFalseColorFilter
  13. GPUImage – 色彩直方图 GPUImageHistogramFilter
  14. GPUImage – 色彩直方图 GPUImageHistogramGenerator
  15. GPUImage – 像素平均色值 GPUImageAverageColor
  16. GPUImage – 亮度平均 GPUImageLuminosity
  17. IOS – OpenGL ES 调节图像色度 GPUImageHueFilter
  18. IOS – OpenGL ES 指定颜色抠图 GPUImageChromaKeyFilter
  19. IOS – OpenGL ES 调节图像白平衡/色温 GPUImageWhiteBalanceFilter
  20. IOS – OpenGL ES 设置图像 lookup 滤镜 GPUImageLookupFilter
  21. IOS – OpenGL ES 设置图像滤镜 GPUImageAmatorkaFilter
  22. IOS – OpenGL ES 设置图像滤镜 GPUImageSoftEleganceFilter
  23. IOS – OpenGL ES 设置图像锐化 GPUImageSharpenFilter
  24. IOS – OpenGL ES 绘制十字 GPUImageCrosshairGenerator
  25. IOS – OpenGL ES 绘制线条 GPUImageLineGenerator
  26. IOS – OpenGL ES 设置图像黑白燥点 GPUImageLocalBinaryPatternFilter
  27. IOS – OpenGL ES 设置图像卡通效果（黑色粗线描边） GPUImageToonFilter
  28. IOS – OpenGL ES 桑原滤波/水粉画模糊效果 GPUImageKuwaharaFilter
  29. IOS – OpenGL ES 黑白马赛克效果 GPUImageMosaicFilter
  30. IOS – OpenGL ES 像素化马赛克效果 GPUImagePixellateFilter
  31. IOS – OpenGL ES 同心圆像素化马赛克效果 GPUImagePolarPixel

本文由博客 - 猿说编程 猿说编程 发布！

马赛克GPUImagePolarPixelnoopenercodersrctargetC语言

有关IOS – OpenGL ES 同心圆像素化马赛克效果 GPUImagePolarPixel的更多相关文章

  1. ruby-on-rails - 如何在 Rails Controller Action 上触发 Facebook 像素 - 2

    我有一个ruby​​onrails应用程序。我按照facebook的说明添加了一个像素。但是，要跟踪转化，Facebook要求您将页面置于达到预期结果时出现的转化中。即，如果我想显示客户已注册，我会将您注册后转到的页面作为成功对象进行跟踪。我的问题是，当客户注册时，在我的应用程序中没有登陆页面。该应用程序将用户带回主页。它在主页上显示了一条消息，所以我想看看是否有一种方法可以跟踪来自Controller操作而不是实际页面的转化。我需要计数的Action没有页面，它们是ControllerAction。是否有任何人都知道的关于如何执行此操作的gem、文档或最佳实践？这是进入布局文件的像素

  2. iOS快捷指令：执行Python脚本（利用iSH Shell） - 2

    文章目录前言核心逻辑配置iSH安装Python创建Python脚本配置启动文件测试效果快捷指令前言iOS快捷指令所能做的操作极为有限。假如快捷指令能运行Python程序，那么可操作空间就瞬间变大了。iSH是一款免费的iOS软件，它模拟了一个类似Linux的命令行解释器。我们将在iSH中运行Python程序，然后在快捷指令中获取Python程序的输出。核心逻辑我们用一个“获取当前日期”的Python程序作为演示（其实快捷指令中本身存在“获取当前日期”的操作，因而此需求可以不用Python，这里仅仅为了演示方便），核心代码如下。>>>importtime>>>time.strftime('%Y-%

  3. ruby-on-rails - 在服务器端检测屏幕尺寸和像素密度？ - 2

    我一直在做一些研究，我想我已经知道答案了，但我想知道是否有任何方法可以在不使用javascript或依赖CSS3媒体的情况下获得设备的屏幕尺寸和像素密度查询。本质上，我正在研究如何获取屏幕分辨率和像素密度，以便服务器可以决定在URI请求中为服务器提供哪个图像。到目前为止，我还没有发现任何证据表明这是可能的，但我想嘿，为什么不问问呢？ 最佳答案 我不完全同意上面的正确答案。实际上，这个答案在很多情况下都是正确的……但理论上并非如此。通常向Web服务器发出的请求包含一个User-Agent字段，从理论上讲，该字段可用于识别有关设备屏幕分

  4. iOS适配Unity-2019 - 2

    iOS适配Unity-2019背景由于2019起，Unity的Xcode工程，更改了项目结构。Unity2018的结构：可以看Targets只有一个Unity-iPhone，Unity-iPhone直接依赖管理三方库。Unity2019以后：Targets多了一个UnityFramework，UnityFramework管理三方库，Unity-iPhone依赖于UnityFramwork。所以升级后，会有若干的问题，以下是对问题的解决方式。问题一错误描述error:exportArchive:Missingsigningidentifierat"/var/folders/fr//T/Xcode

  5. ruby - Mac OS X/iOS 中的正则表达式匹配表情符号 - 2

    Note:thisquestioncouldlookoddonsystemsnotsupportingtheincludedemoji.这是HowdoIremoveemojifromstring的后续问题.我想构建一个正则表达式来匹配所有可以在MacOSX/iOS中输入的表情符号。明显的Unicodeblock涵盖了大部分，但不是所有这些表情符号:U+1F300..U+1F5FFMiscellaneousSymbolsAndPictographsU+1F600..U+1F64FEmoticonsU+1F650..U+1F67FOrnamentalDingbatsU+1F680..U+1

  6. ruby - 在 Ruby 中逐像素读取图像 - 2

    我正在尝试打开一个图像文件并按颜色将像素列表存储在变量/数组中，以便我可以一个一个地输出它们。图像类型:可以是BMP、JPG、GIF或PNG。任何一个都可以，只需要支持一个。颜色输出:RGB或Hex。我查看了几个库(RMagick、Quick_Magick、Mini_Magick等)，它们看起来都太过分了。Heroku在使用ImageMagick时也有一些困难，我的测试无法运行。我的应用程序在Sinatra中。有什么建议吗？ 最佳答案 您可以使用Rmagick的each_pixel为此的方法。each_pixel接收一个block。

  7. ruby - RMagick - 如何找出图像的像素尺寸 - 2

    如何找到以像素为单位的图像宽度和高度？image.x_resolution和image.y_resolution由于某种原因都返回0。 最佳答案 require'rmagick'img=Magick::Image.ping('demo.png').firstwidth=img.columnsheight=img.rows注意从注释导入的.ping方法。如果你需要读取图像来处理它，然后使用Magick::Image.read('demo.png').first-ping的使用在这个工作独立代码并加快某些图像类型的处理速度，其中IM只能

  8. iOS电话启动屏幕神秘图像 - 2

    当我的应用启动时，情节板启动屏幕显示我的图像如预期的，但部分被灰色盒子覆盖。有人可以让我知道图像框的来源吗？启动屏幕上唯一的东西是页面上的图像。这是屏幕截图：看答案您是否检查了启动图像是否损坏了？

  9. javascript - 在 iOS 应用程序中设置 cookie 并从 Safari 读取该 cookie - 2

    我正在尝试执行以下操作:在我的appDelegate中，我正在设置一个cookie。之后，我尝试使用来自网络应用程序的JavaScript读取该cookie。这可能吗？因为我不能让它工作...这是我在iOS应用程序中的代码:NSMutableDictionary*cookieProperties=[NSMutableDictionarydictionary];[cookiePropertiessetObject:@"test"forKey:NSHTTPCookieName];[cookiePropertiessetObject:@"yes"forKey:NSHTTPCookieValu

  10. javascript - 将 Leaflet LatLng 投影到平铺像素坐标 - 2

    对于Canvas图层，如何访问特定图block的点击像素？给定像{lat:37.68816,lng:-119.76196}这样的LatLng，我如何:#1，检索正确的点击block，#2，block内的像素坐标？这两个都应该考虑maxNativeZoom。 最佳答案 需要像L.CRS.EPSG3857这样的CRS。map的CRS可通过map.options.crs访问。需要真正的缩放、图block大小(如256，但可能为512或更高maxNativeZoom)和像素原点，如map.getPixelOrigin():constlatl

随机推荐