欢乐颂第二季,旷世神医,完美世界有声小说全集

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案

IOS OpenGL ES GPUImage 圖像 XYDerivative 邊緣檢測(cè) GPUImageXYDerivativeFilter

云巖網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、自適應(yīng)網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)從2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

一.簡(jiǎn)介
二.效果演示
三.源碼下載
四.猜你喜歡

零基礎(chǔ) OpenGL (ES) 學(xué)習(xí)路線推薦 : OpenGL (ES) 學(xué)習(xí)目錄 >> OpenGL ES 基礎(chǔ)

零基礎(chǔ) OpenGL (ES) 學(xué)習(xí)路線推薦 : OpenGL (ES) 學(xué)習(xí)目錄 >> OpenGL ES 轉(zhuǎn)場(chǎng)

零基礎(chǔ) OpenGL (ES) 學(xué)習(xí)路線推薦 : OpenGL (ES) 學(xué)習(xí)目錄 >> OpenGL ES 特效

零基礎(chǔ) OpenGL (ES) 學(xué)習(xí)路線推薦 : OpenGL (ES) 學(xué)習(xí)目錄 >> OpenGL ES 函數(shù)

零基礎(chǔ) OpenGL (ES) 學(xué)習(xí)路線推薦 : OpenGL (ES) 學(xué)習(xí)目錄 >> OpenGL ES GPUImage 使用

零基礎(chǔ) OpenGL (ES) 學(xué)習(xí)路線推薦 : OpenGL (ES) 學(xué)習(xí)目錄 >> OpenGL ES GLSL 編程

一.簡(jiǎn)介

GPUImage 共 125 個(gè)濾鏡, 分為四類

1、Color adjustments : 31 filters , 顏色處理相關(guān)
2、Image processing : 40 filters , 圖像處理相關(guān).
3、Blending modes : 29 filters , 混合模式相關(guān).
4、Visual effects : 25 filters , 視覺(jué)效果相關(guān).

GPUImageXYDerivativeFilter 屬于 GPUImage 圖像視覺(jué)效果相關(guān)，用于圖像 XYDerivative 邊緣檢測(cè)。shader 源碼如下：

/******************************************************************************************/
//@Author:猿說(shuō)編程
//@Blog(個(gè)人博客地址): www.codersrc.com
//@File:IOS – OpenGL ES GPUImage GPUImageXYDerivativeFilter
//@Time:2022/07/02 06:30
//@Motto:不積跬步無(wú)以至千里，不積小流無(wú)以成江海，程序人生的精彩需要堅(jiān)持不懈地積累！
/******************************************************************************************/

#if TARGET_IPHONE_SIMULATOR || TARGET_OS_IPHONE
NSString *const kGPUImageGradientFragmentShaderString = SHADER_STRING
(
 precision highp float;

 varying vec2 textureCoordinate;
 varying vec2 leftTextureCoordinate;
 varying vec2 rightTextureCoordinate;

 varying vec2 topTextureCoordinate;
 varying vec2 topLeftTextureCoordinate;
 varying vec2 topRightTextureCoordinate;

 varying vec2 bottomTextureCoordinate;
 varying vec2 bottomLeftTextureCoordinate;
 varying vec2 bottomRightTextureCoordinate;

 uniform sampler2D inputImageTexture;

 uniform float edgeStrength;

 void main()
 {
     float topIntensity = texture2D(inputImageTexture, topTextureCoordinate).r;
     float topRightIntensity = texture2D(inputImageTexture, topRightTextureCoordinate).r;
     float topLeftIntensity = texture2D(inputImageTexture, topLeftTextureCoordinate).r;
     float bottomIntensity = texture2D(inputImageTexture, bottomTextureCoordinate).r;
     float bottomLeftIntensity = texture2D(inputImageTexture, bottomLeftTextureCoordinate).r;
     float bottomRightIntensity = texture2D(inputImageTexture, bottomRightTextureCoordinate).r;
     float leftIntensity = texture2D(inputImageTexture, leftTextureCoordinate).r;
     float rightIntensity = texture2D(inputImageTexture, rightTextureCoordinate).r;

     float verticalDerivative = -topLeftIntensity - topIntensity - topRightIntensity + bottomLeftIntensity + bottomIntensity + bottomRightIntensity;
     float horizontalDerivative = -bottomLeftIntensity - leftIntensity - topLeftIntensity + bottomRightIntensity + rightIntensity + topRightIntensity;
     verticalDerivative = verticalDerivative * edgeStrength;
     horizontalDerivative = horizontalDerivative * edgeStrength;

     // Scaling the X * Y operation so that negative numbers are not clipped in the 0..1 range. This will be expanded in the corner detection filter
     gl_FragColor = vec4(horizontalDerivative * horizontalDerivative, verticalDerivative * verticalDerivative, ((verticalDerivative * horizontalDerivative) + 1.0) / 2.0, 1.0);
 }
);
#else
NSString *const kGPUImageGradientFragmentShaderString = SHADER_STRING
(
 varying vec2 textureCoordinate;
 varying vec2 leftTextureCoordinate;
 varying vec2 rightTextureCoordinate;

 varying vec2 topTextureCoordinate;
 varying vec2 topLeftTextureCoordinate;
 varying vec2 topRightTextureCoordinate;

 varying vec2 bottomTextureCoordinate;
 varying vec2 bottomLeftTextureCoordinate;
 varying vec2 bottomRightTextureCoordinate;

 uniform sampler2D inputImageTexture;

 uniform float edgeStrength;

 void main()
 {
     float topIntensity = texture2D(inputImageTexture, topTextureCoordinate).r;
     float topRightIntensity = texture2D(inputImageTexture, topRightTextureCoordinate).r;
     float topLeftIntensity = texture2D(inputImageTexture, topLeftTextureCoordinate).r;
     float bottomIntensity = texture2D(inputImageTexture, bottomTextureCoordinate).r;
     float bottomLeftIntensity = texture2D(inputImageTexture, bottomLeftTextureCoordinate).r;
     float bottomRightIntensity = texture2D(inputImageTexture, bottomRightTextureCoordinate).r;
     float leftIntensity = texture2D(inputImageTexture, leftTextureCoordinate).r;
     float rightIntensity = texture2D(inputImageTexture, rightTextureCoordinate).r;

     float verticalDerivative = -topLeftIntensity - topIntensity - topRightIntensity + bottomLeftIntensity + bottomIntensity + bottomRightIntensity;
     float horizontalDerivative = -bottomLeftIntensity - leftIntensity - topLeftIntensity + bottomRightIntensity + rightIntensity + topRightIntensity;
     verticalDerivative = verticalDerivative * edgeStrength;
     horizontalDerivative = horizontalDerivative * edgeStrength;

     // Scaling the X * Y operation so that negative numbers are not clipped in the 0..1 range. This will be expanded in the corner detection filter
     gl_FragColor = vec4(horizontalDerivative * horizontalDerivative, verticalDerivative * verticalDerivative, ((verticalDerivative * horizontalDerivative) + 1.0) / 2.0, 1.0);
 }
);
#endif

二.效果演示

使用 GPUImageXYDerivativeFilter**,**原圖如下：

使用 GPUImageXYDerivativeFilter 效果如下：

三.源碼下載

OpenGL ES Demo 下載地址 : IOS OpenGL ES GPUImage 圖像 XYDerivative 邊緣檢測(cè) GPUImageXYDerivativeFilter

四.猜你喜歡

IOS OPenGL ES 設(shè)置圖像亮度 GPUImageBrightnessFilter
IOS OPenGL ES 調(diào)節(jié)圖像曝光度 GPUImageExposureFilter
IOS OpenGL ES 調(diào)節(jié)圖像對(duì)比度 GPUImageContrastFilter
IOS OPenGL ES 調(diào)節(jié)圖像飽和度 GPUImageSaturationFilter
IOS OPenGL ES 調(diào)節(jié)圖像伽馬線 GPUImageGammaFilter
IOS OpenGL ES 調(diào)節(jié)圖像反色 GPUImageColorInvertFilter
IOS OpenGL ES 調(diào)節(jié)圖像褐色 GPUImageSepiaFilter
IOS OpenGL ES 調(diào)節(jié)圖像灰色 GPUImageGrayscaleFilter
IOS OpenGL ES 調(diào)節(jié)圖像 RGB 通道 GPUImageRGBFilter
IOS OpenGL ES 調(diào)節(jié)圖像不透明度 GPUImageOpacityFilter
IOS OpenGL ES 調(diào)節(jié)圖像陰影 GPUImageHighlightShadowFilter
IOS OpenGL ES 調(diào)節(jié)圖像色彩替換 GPUImageFalseColorFilter
GPUImage – 色彩直方圖 GPUImageHistogramFilter
GPUImage – 色彩直方圖 GPUImageHistogramGenerator
GPUImage – 像素平均色值 GPUImageAverageColor
GPUImage – 亮度平均 GPUImageLuminosity
IOS OpenGL ES 調(diào)節(jié)圖像色度 GPUImageHueFilter
IOS OpenGL ES 指定顏色摳圖 GPUImageChromaKeyFilter
IOS OpenGL ES 調(diào)節(jié)圖像白平衡/色溫 GPUImageWhiteBalanceFilter
IOS OpenGL ES 設(shè)置圖像 lookup 濾鏡 GPUImageLookupFilter
IOS OpenGL ES 設(shè)置圖像濾鏡 GPUImageAmatorkaFilter
IOS OpenGL ES 設(shè)置圖像濾鏡 GPUImageSoftEleganceFilter
IOS OpenGL ES 設(shè)置圖像銳化 GPUImageSharpenFilter
IOS OpenGL ES 繪制十字 GPUImageCrosshairGenerator
IOS OpenGL ES 繪制線條 GPUImageLineGenerator
IOS OpenGL ES 設(shè)置圖像黑白燥點(diǎn) GPUImageLocalBinaryPatternFilter
IOS OpenGL ES 設(shè)置圖像卡通效果（黑色粗線描邊） GPUImageToonFilter
IOS OpenGL ES 桑原濾波/水粉畫(huà)模糊效果 GPUImageKuwaharaFilter
IOS OpenGL ES 黑白馬賽克效果 GPUImageMosaicFilter
IOS OpenGL ES 像素化馬賽克效果 GPUImagePixellateFilter
IOS OpenGL ES 同心圓像素化馬賽克效果 GPUImagePolarPixel
IOS OpenGL ES 黑白網(wǎng)狀效果 GPUImageCrosshatchFilter
IOS OpenGL ES 色彩丟失/模糊效果 GPUImageColorPackingFilter
IOS OpenGL ES 圖像暈影 GPUImageVignetteFilter
IOS OpenGL ES 圖像漩渦 GPUImageSwirlFilter
IOS OpenGL ES 圖像魚(yú)眼擴(kuò)散效果 GPUImageBulgeDistortionFilter
IOS OpenGL ES 圖像魚(yú)眼移動(dòng)效果 GPUImageBulgeDistortionFilter
IOS OpenGL ES 圖像凹面鏡移動(dòng)效果 GPUImagePinchDistortionFilter
IOS OpenGL ES 圖像凹面鏡放大效果 GPUImagePinchDistortionFilter
IOS OpenGL ES 圖像哈哈鏡效果 GPUImageStretchDistortionFilter
IOS OpenGL ES 圖像水晶球效果 GPUImageGlassSphereFilter
IOS OpenGL ES 圖像球形折射 GPUImageSphereRefractionFilter
IOS OpenGL ES 圖像色調(diào)分離噪點(diǎn)效果 GPUImagePosterizeFilter
IOS OpenGL ES 圖像 CGA 色彩濾鏡 GPUImageCGAColorspaceFilter
IOS OpenGL ES 圖像柏林噪點(diǎn)/花邊噪點(diǎn) GPUImagePerlinNoiseFilter
IOS OpenGL ES 圖像加亮邊緣 GPUImage3x3ConvolutionFilter
IOS OpenGL ES 圖像浮雕 3d 效果 GPUImageEmbossFilter
IOS OpenGL ES 圖像馬賽克圓點(diǎn) GPUImagePolkaDotFilter
IOS OpenGL ES 圖像侵蝕邊緣黑白模糊 GPUImageErosionFilter
IOS OpenGL ES 圖像侵蝕邊緣色彩模糊 GPUImageRGBErosionFilter
IOS OpenGL ES 圖像擴(kuò)展邊緣黑白模糊 GPUImageDilationFilter
IOS OpenGL ES 圖像擴(kuò)展邊緣彩色模糊 GPUImageRGBDilationFilter
IOS OpenGL ES GPUImage 黑白色調(diào)模糊 GPUImageOpeningFilter
IOS OpenGL ES GPUImage 彩色模糊 GPUImageRGBOpeningFilter
IOS OpenGL ES GPUImage 圖像黑白色調(diào)模糊/暗色提亮 GPUImageClosingFilter
IOS OpenGL ES GPUImage 圖像彩色調(diào)模糊/暗色提亮 GPUImageRGBClosingFilter
IOS OpenGL ES GPUImage 圖像 Lanczos 重取樣模糊效果 GPUImageLanczosResamplingFilter
IOS OpenGL ES GPUImage 圖像顯示亮度最高的像素,其他為黑 GPUImageNonMaximumSuppressionFilter
IOS OpenGL ES GPUImage 圖像顯示亮度最高的像素,其他為黑 GPUImageThresholdedNonMaximumSuppressionFilter
IOS OpenGL ES GPUImage 圖像 Sobel 邊緣檢測(cè)，類似漫畫(huà)反色 GPUImageSobelEdgeDetectionFilter
IOS OpenGL ES GPUImage GPUImageWeakPixelInclusionFilter
IOS OpenGL ES GPUImage GPUImageDirectionalNonMaximumSuppressionFilter
IOS OpenGL ES GPUImage 圖像閾值邊緣檢測(cè) GPUImageThresholdEdgeDetectionFilter
IOS OpenGL ES GPUImage 圖像普瑞維特(Prewitt)邊緣檢測(cè) GPUImagePrewittEdgeDetectionFilter
IOS OpenGL ES GPUImage 圖像 XYDerivative 邊緣檢測(cè) GPUImageXYDerivativeFilter

本文由博客 - 猿說(shuō)編程猿說(shuō)編程發(fā)布！

網(wǎng)站標(biāo)題：IOS OpenGL ES GPUImage 圖像 XYDerivative 邊緣檢測(cè) GPUImageXYDerivativeFilter
標(biāo)題URL：http://fisionsoft.com.cn/article/dsoiihd.html

新聞中心

一.簡(jiǎn)介

二.效果演示

三.源碼下載

四.猜你喜歡

其他資訊