草庐IT

UImage – 色彩直方图 GPUImageHistogramGenerator

猿说编程 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 , 视觉效果相关.

GPUImageHistogramGenerator 属于 GPUImage 颜色处理相关，用来处理图片色彩直方图,

这是一个特殊的过滤器，因为它主要是为了使用 GPUImageHistogramFilter 。它生成由 GPUImageHistogramFilter 生成的颜色直方图的输出表示，但它可以重新利用来显示其他类型的值。它占据一个图像并且看中心（垂直）像素。然后在输出纹理中将 RGB 组件的数值绘制在单独的彩色图形中。您可能需要强制使用此过滤器的大小才能使其输出可见。

/******************************************************************************************/
//@Author:猿说编程
//@Blog(个人博客地址): www.codersrc.com
//@File:GPUImage – 色彩直方图 GPUImageHistogramGenerator
//@Time:2022/03/23 07:30
//@Motto:不积跬步无以至千里，不积小流无以成江海，程序人生的精彩需要坚持不懈地积累！
/******************************************************************************************/

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

 uniform sampler2D inputImageTexture;
 uniform lowp vec4 backgroundColor;

 void main()
 {
     lowp vec3 colorChannels = texture2D(inputImageTexture, textureCoordinate).rgb;
     lowp vec4 heightTest = vec4(step(height, colorChannels), 1.0);
     gl_FragColor = mix(backgroundColor, heightTest, heightTest.r + heightTest.g + heightTest.b);
 }
);
#else
NSString *const kGPUImageHistogramGeneratorFragmentShaderString = SHADER_STRING
(
 varying vec2 textureCoordinate;
 varying float height;

 uniform sampler2D inputImageTexture;
 uniform vec4 backgroundColor;

 void main()
 {
     vec3 colorChannels = texture2D(inputImageTexture, textureCoordinate).rgb;
     vec4 heightTest = vec4(step(height, colorChannels), 1.0);
     gl_FragColor = mix(backgroundColor, heightTest, heightTest.r + heightTest.g + heightTest.b);
 }
);
#endif

二.猜你喜欢

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

GPUImageHistogramGeneratorUImagenoopenercodersrctargetC语言

有关UImage – 色彩直方图 GPUImageHistogramGenerator的更多相关文章

  1. ruby - 如何在 Ruby 中从平面数组创建直方图 - 2

    关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗？通过editingthispost添加细节并澄清问题.关闭9年前。Improvethisquestion如何创建整数数组的直方图？例如:data=[0,1,2,2,2,2,2,3,3,3,3,3,3,4,4,4,4,5,5,6,6,6,7,7,7,7,7,8,9,9,10]我想根据0、1、2等条目的数量创建直方图。在Ruby中有没有简单的方法来做到这一点？输出应该是两个数组。第一个数组应包含组(bin)，第二个数组应包含出现次数(频率)。对于上面给出的data，我希望得到以下输出:bins#=>[0

  2. 一组图像的更快计算直方图 - 2

    我有大约300万张图像，需要为每个图像计算直方图。现在，我正在使用Python，但是花了很多时间。有什么方法可以分批处理图像？我有NVIDIA1080TIGPU卡，所以也许如果有一种方法可以在GPU上进行处理？我找不到任何代码或库来并行处理图像。感谢任何帮助提高速度的帮助看答案Python是您可以使用的最慢的生产就绪语言之一。由于您没有发布任何代码，因此我只能提供一般建议。它们按照以下方式按实用顺序列出：使用python的编译版本，例如pypy或cpython将现有软件与所需功能一起使用。在线找到免费软件没有错。使用更高效的（甚至有损失）算法来跳过计算使用更快的语言，例如Rust，C++，C＃

  3. javascript - 在 Chart.js 中制作直方图 - 2

    我们使用Chart.js我们代码库中的库，我需要创建一个直方图，这不是他们的默认图表类型之一。因此，我试图覆盖条形图上的x轴刻度线，使它们出现在每个条形图的左右Angular，而不是直接在下方。在下面的示例中，我通过在labels中添加一个额外的项目来获得我想要的x轴。数组并在options中显示第二个x轴.但是，由于现在有一个额外的标签，条形图占据了宽度的4/5，为不存在的数据点留出了空间。有什么方法可以指定忽略丢失的数据点吗？还是抵消酒吧？还是我找错了树？documentation有点难以解析，所以我不确定是否遗漏了一些简单的东西。varctx=document.getElemen

  4. javascript - 具有正值和负值的 d3.js 直方图 - 2

    我不知道如何在数据数组中同时存在正值和负值的情况下正确创建直方图。我在这里使用了直方图示例http://bl.ocks.org/mbostock/3048450作为基础，虽然x轴值和刻度是正确的，但条形图是午餐。数据varvalues=[-15,-20,-22,-18,2,6,-26,-18,-15,-20,-22,-18,2,6,-26,-18];X比例varx0=Math.max(-d3.min(values),d3.max(values));varx=d3.scale.linear().domain([-x0,x0]).range([0,width]).nice();在这里查看j

  5. javascript - JavaScript 中的直方图？ - 2

    我有这个收入数据集:IncomeNumberofpeople02459818.81504443012606349.91235197011502990.7277149109.1355768130324246150.3353239170.2396008190396725210398640230.1401932250416079270412727289.8385192309.7343178329.7293707349.6239982369.7201557389.3165132442.3442075543.4196526679.9146784883.948600155544644(如您所见，收

  6. javascript - d3.js画笔填充颜色直方图 - 2

    我用d3.js创建了一些直方图.我设法更改了rect的填充颜色取决于brush的位置.但我想更改rect中的颜色.例如，如果brushstart在rect的中间我想要我的rect有两种颜色。目前这就是我所拥有的:这就是我想要的:我见过一些例子，比如Here.我是d3的新手，我尝试理解代码。我看到他们使用clip-path这肯定会在没有画笔时隐藏背景栏，并在有画笔时显示背景栏，具体取决于画笔的范围。这是一个JSBin更新我已经详细阅读了link中提供的代码.我发现他们不创建制作图表的元素但是barPath喜欢跟随:functionbarPath(groups){varpath=[],i=

  7. c# - 以编程方式更改屏幕色彩平衡 - 2

    GDI32.DLL中用于在Windows上更改色彩平衡的函数名称是什么？例如，要更改设备Gamma，我需要使用SetDeviceGammaRamp[DllImport("GDI32.dll")]privateunsafestaticexternboolSetDeviceGammaRamp(Int32hdc,void*ramp); 最佳答案 您可以调整屏幕的RGB值并使用与您提到的完全相同的功能更改其亮度:SetDeviceGammaRamp看这里:http://www.nirsoft.net/vc/change_screen_bri

  8. javascript - 增加或减少色彩饱和度 - 2

    我想知道增加或减少一种RGB颜色饱和度的算法例如，如果我有颜色rgb(200,30,40)(红色)，函数stub将是functionSaturation(color,factor)wherecolor.r=200,color.g=30andcolor.b=40有人知道一个库或有一个代码片段可以做到这一点吗？ 最佳答案 根据BaliBalo的建议，我想到了:RGBtoHSV=function(color){varr,g,b,h,s,v;r=color[0];g=color[1];b=color[2];min=Math.min(r,g,

  9. javascript - 使用 Crossfilter 和 D3 重绘直方图 - 2

    我正在调整Crossfilter库可视化我从Olympics收集的一些推文.我试图通过两种方式从本质上扩展初始示例:我不想显示基于原始数据集的航类列表，而是想显示另一个数据集中的项目列表，该数据集以交叉过滤器当前选择的项目为键。在不同数据源之间切换并重新加载直方图和表格。我已经让第(1)部分按计划工作了。但是，第(2)部分给我带来了一些麻烦。我目前正在通过选择要显示的新“运动”或选择新的摘要算法来更改数据集。在切换其中任何一个时，我认为我应该首先删除以前创建和显示的过滤器、图表和列表，然后重新加载新数据。但是，作为前端可视化的新手，尤其是D3和Crossfilter，我还没有想出如何做

  10. 【OpenCV】 Canny边缘检测 | 图像轮廓检测 | 直方图均衡化 - 2

    Ⅰ.边缘检测算法0x01.Canny边缘检测Canny边缘检测算法是由4步构成，分别介绍如下：第一步：噪声去除由于边缘检测很容易受到噪声的影响，所以首先使用高斯滤波器去除噪声，在图像平滑那一章节中已经介绍过。第二步：计算图像梯度对平滑后的图像使用Sobel算子计算水平方向和竖直方向的一阶导数（  和   ）。根据得到的这两幅梯度图（  和   ）找到边界的梯度和方向，公式如下:如果某个像素点是边缘，则其梯度方向总是垂直与边缘垂直。梯度方向被归为四类：垂直，水平，和两个对角线方向。第三步：非极大值抑制在获得梯度的方向和大小之后，对整幅图像进行扫描，去除那些非边界上的点。对每一个像素进行检查，看这

随机推荐