ShaderJoy —— “Canny边缘检测”的实现 【GLSL】

最新推荐文章于 2024-07-27 22:04:50 发布
置顶 最新推荐文章于 2024-07-27 22:04:50 发布
阅读量5.7k 收藏 1
点赞数 2
分类专栏： ShaderJoy —— Shader 实例详解 文章标签： OpenGL glsl shader
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panda1234lee/article/details/52265539
版权
ShaderJoy —— Shader 实例详解 同时被 2 个专栏收录
158 篇文章 337 订阅 ¥119.90 ¥299.90
订阅专栏
Shader
48 篇文章 8 订阅
订阅专栏
本文介绍了使用GLSL语言实现Canny边缘检测算法的过程，对比了错误实现和正确实现的效果，强调了Non-Max-Suppression和双阈值的重要性，提供了一份完整的GLSL代码示例。
摘要由CSDN通过智能技术生成

算法参考自：

http://blog.sina.com.cn/s/blog_676b40ec0100z2pt.html

http://blog.csdn.net/xiajun07061225/article/details/6926108

 

在写这篇文章的时候，发现网上关于 Canny 的代码大多是基于 C/C++，用 GLSL 的几乎没有，甚至 Github 上也只有一份错误的实现，所以干脆自己实现一份，效果如图1，图2为github错误实现的效果（之所以说它错误，是因为它没有针对梯度方向的角度做 Non-Max-Suppression，双阈值的限定也没有按照正统的算法来做），基本上和 Sobel 的效果差不多。

了解本专栏 订阅专栏 解锁全文
ShaderJoy
关注
专栏目录
订阅专栏
ShaderJoy —— “消逝的网格” 的实现 【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-07 1792
效果视频 直线消逝 旋转消逝 图片效果 代码详解 vec2 squares = vec2(10., 10.); vec2 direction = vec2(0., 0.); ///< 网格渐变的方向 float smoothness = 1.6; #define PI 3.141592653589 #define PI_HALF (PI/2.) #i...
opengles图像处理之边缘检测
hb707934728的博客
11-09 2239
实现原理见  http://blog.csdn.net/hb707934728/article/details/53100334 实现边缘检测的卷积内核 0 1 0 1 -4 1 0 1 0 效果图： 片元shader实现   precision mediump float;//给出默认的浮点精度 varying vec
canny边缘检测算法
07-15
基于canny的边缘检测算法，含极大值抑制，高低阈值等，可用，matlab编写
GLSL教程 第9章：计算着色器
最新发布
qq_54098120的博客
07-27 1108
计算着色器（Compute Shader）是图形管线中一种独特的着色器类型，专门用于处理通用计算任务，不局限于图形渲染。计算着色器不直接影响图像的渲染过程，而是通过并行处理大量数据来实现各种计算功能。它使得GPU不仅能够加速图形渲染，还能处理科学计算、物理模拟、图像处理等任务。
【OpenGL】Shader实例分析（五）- 边缘检测
热门推荐
stalendp的专栏
04-08 2万+
这片文章将介绍基于法线的边缘检测方法
GL Shader边缘检测源码
03-17
迟到的Demo。 用VB + OpenTK（OpenGL .net wrapper）做的shader对图片边缘检测特效。GLSL330.
shader半透明、描边、圆形图片
csdn93033的博客
09-02 308
shader半透明、描边、圆形图片
自动驾驶感知-车道线系列（二）——Canny边缘检测
weixin_41480034的博客
02-09 1539
文章目录前言一、Canny是什么？二、算法详细步骤1.平滑处理2.梯度检测3. 非极大值抑制4. 滞后阈值处理三、源码解析四、应用实例五、总结 前言 边缘检测是图像处理和计算机视觉中的基本问题，边缘检测的目的是标识数字图像中亮度变化明显的点。图像属性中的显著变化通常反映了属性的重要事件和变化。这些包括：（i）深度上的不连续；（ii）表面方向不连续；（iii）物质属性变化；（iv）场景照明变化。 边缘检测算子包括： 一阶： Roberts Cross算子，Prewitt算子，Sobel算子，Kirsch
Canny 边缘检测器：使用 Canny 边缘检测查找边缘-matlab开发
06-01
**Canny边缘检测器：MATLAB实现详解** Canny边缘检测是计算机视觉领域中一种经典的边缘检测算法，由John F. Canny于1986年提出。它旨在找到图像中的显著边缘，同时减少误检和漏检。Canny算法通过多步处理，包括高斯...
webgl shader 边缘检测
03-30
webgl、threejs、shader检测边缘，并且渲染出边框，可以更改边框的大小颜色等，使通过shader检测边缘
图像处理——Canny边缘检测算法（原理+代码演示）
minjiuhong的博客
04-15 1万+
Canny边缘检测Canny算法介绍Canny算法原理第一步：高斯模糊第二步：Sobel梯度算子第三步：非极大值抑制（NMS）第四步：双阈值连接视频流Canny边缘检测（阈值可调） Canny算法介绍 Canny边缘检测算法是一种多级边缘检测算法，John F. Canny于 1986 年开发出来。在许多方面的应用都有着它的身影。因此，不管是为了学习或者工作，学习Canny算法的原理和实现都是非常...
c#用canny算子做边缘提取_Unity Shader - 边缘检测
weixin_39967598的博客
11-23 228
边缘检测（英语：Edge detection）是图像处理和计算机视觉中的基本问题，边缘检测的目的是标识数字图像中亮度变化明显的点。图像属性中的显著变化通常反映了属性的重要事件和变化。这些包括（i）深度上的不连续、（ii）表面方向不连续、（iii）物质属性变化和（iv）场景照明变化。 边缘检测是图像处理和计算机视觉中，尤其是特征检测中的一个研究领域。原理边缘检测实质上就是通过对图像的卷积的结果，卷积...
ShaderJoy ——螺旋线闪光粒子效果【GLSL】
ShaderJoy 的兴趣技术杂货铺
12-04 1514
效果图 完整代码和注释 const float rad = 0.9; const float dots = 64.0; const float duration = 180.0; const vec3 colorsep = vec3(0, 2.09, 4.18); const float PI = 3.1415926535897932384626433832795; const float PI2 = 2.0 * PI; #iUniform float power = 1....
ShaderJoy —— 冲击视觉的缩放效果
ShaderJoy 的兴趣技术杂货铺
08-09 1781
效果图 代码及说明 由于图像缩放后边界，如果直接按照原来的纹理坐标来访问图像的话，边界上会有断层不够自然，所以这里对纹理坐标进行特殊的处理，分为三个互反的 [0., 1.] 区间。 纹理坐标的 x 分量的函数关系如下图所示，横向为 x，纵向为 scale 系数。 横向上大致呈 " \ / \ " 形状 #iChannel0 "file://../images/qiaoben.png" /// @note 控制纹理坐标的缩放 float getTileValue(fl...
从零开始手撸WebGL3D引擎11: PostProcessing框架（里程碑5了）
聚焦游戏和图形引擎开发技术
10-19 1387
文章目录项目状态PostProcessing基本原理框架设计目标框架结构PostProcessingChain的主要成员PostProcessing材质多pass后期效果举例：PostEffectBloom需要完善的地方下期预告 项目状态 本系列文章停更了好几个月了，这期间也是有很多事情，不过这个项目(mini3d.js)肯定是不会放弃的，只会不断的进化。最近几个月主要在深度研究Unity，以渲染系统为主，后期可能会出一系列文章，Unity自身一直在进化，但是底层的那些技术并没有发展特别快，结合Unity的
【图像增强——7种锐化方法原理与实现(C++、Python、shader GLSL)】
sCs12321的博客
03-11 1万+
图像锐化算法是一种用于增强图像中细节和边缘的技术。这些方法都可以用于图像锐化，具体应该根据需要选择适合的方法。，总结了7种常见的图像锐化算法以及C++、python、GLSL实现。
WebGL 2.0实现FrameBuffer Objects And RenderBuffer Objects 实现渲染到纹理，离屏渲染
Webglzhang
05-22 2828
WebGL 2.0 FrameBuffer And RenderBuffer 在学习WebGL过程中，有一种技术叫渲染到纹理，就是把每一帧画面再次处理渲染，并最为纹理，它能做好多高级效果的实现，如边缘检测，高斯模糊，SSAO等。渲染到纹理技术中最重要的就是FBO和RBO,接下来，我们来看看什么是FBO和RBO。 FB...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

ShaderJoy

您的打赏是我继续写博客的动力

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

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

打赏作者

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

抵扣说明：

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

余额充值