关于边缘检测的shader

最新推荐文章于 2022-10-31 20:26:25 发布
最新推荐文章于 2022-10-31 20:26:25 发布
阅读量420 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43943073/article/details/86477879
版权

边缘检测的原理是利用一些边缘检测算子对图像进行卷积操作。
算子分为水平和垂直算子。

一.什么是卷积

我们会把卷积核的中心放置于该像素上翻转核之后再依次计算核中的每个元素和其覆盖的图像像素值的乘积并求和，得到的结果就是改为的新像素值。

GX为水平过滤器，GY为垂直过滤利用gx和gy可以求出灰度值（梯度值）

二.如何实现？？

我们利用Roberts算子，要求有四个相邻像素的UV信息

1先利用该顶点求出相邻四个（左侧上下，右侧上下）的UV坐标。
2求四个纹理坐标相对应的法线值和深度值。
3对比对边的像素的法线和深度差异是否过大，如果差异大就视为边缘。
4 在差异过大的片元着色器返回边缘颜色

高铭志
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Shader-边缘检测
chenqinji的专栏
10-07 218
Shader-边缘检测
Unity ShaderLab特效教程 适用于贴图、sprite和ugui的2d着色器实例 代码+详解注释 【可调节力度、uv，可选择Sobel、Roberts、Canny算子的边缘检测算法描边效果】
炼丹炉里有煤灰
02-12 1676
【原理【：使用卷积的方法，每次检测像素时都计算他垂直或水平方向的周围像素。根据实现定义好的权重，判定是否存在水平或垂直的边缘像素。如果值足够大小则认为是边缘像素，就进行特殊处理。【特点【：支持调整力度，可选两种卷积算子的边缘检测。
边缘检测效果动画Shader实现
Truck_Truck的博客
03-27 1186
AR项目中在扫描识别图时需要加上扫描识别效果，加上边缘识别后看起来效果更好，所以就需要这样一个边缘检测效果的动画Shader。
Shader边缘检测的几种实现（卷积、深度、法线）
vin129的博客
02-21 3534
阅前提示 记录了实现描边效果的几种方法。 适合人群：All 阅读方式：工具文章 参考资料： https://blog.csdn.net/puppet_master/article/details/83759180 https://www.bilibili.com/video/BV1ia4y177GJ 文章目录阅前提示边缘检测思路卷积深度法线 边缘检测思路 如何确认一张图片中哪些像素代表是边？ 这是实现描边效果的关键。 这是一张2D图片，那如何来定义什么是边呢? 我们可以发现：边缘可以被突出出来是因为它与
【012-Shader-边缘检测】
qq_18924323的博客
05-20 158
// 边缘检测 /** 边缘检测实质上就是通过对图像的卷积的结果 Sobel算子: Gx = { -1,0,1, -2,0,2, -1,0,1 }*A Gy = { -1,-2,-1, 0,0,0, 1,2,1, }*A A 代表原始图像，Gx和 Gy分别代表经横向及纵向边缘检测的图像 通过以上公式就可以分别计算出横向 和 纵向 的梯度值，即Gx和 Gy，梯度值越大，边缘就越明显。 **/ Shader "Study/16-EdgeShader" {
unity shader-边缘检测
yiwei151的博客
12-05 560
效果： shader代码：Shader "Custom/ScannerShader" { Properties { _MainTex ("Texture", 2D) = "white" {} _MaskTex("MaskTex", 2D) = "white" {} _EdgeOnly ("Edge Only",
unity边缘检测Shader
12-13
基于unity引擎编写的边缘检测Shader，绝对真实可用，效果还可以，可以用于学习借鉴
webgl shader 边缘检测
03-30
WebGL Shader边缘检测是一种在3D图形编程中用于识别和突出显示物体边界的技术。它主要应用于WebGL，这是一个JavaScript API，允许在浏览器中进行硬件加速的2D和3D图形渲染。Three.js是一个流行的WebGL库，它简化了...
GL Shader边缘检测源码
03-17
在这个特定的“GL Shader边缘检测源码”项目中，开发者使用VB.NET（Visual Basic .NET）结合OpenTK库来实现OpenGL的功能。OpenTK是一个开源的.NET绑定，它封装了OpenGL、OpenAL和OpenCL，为.NET程序员提供了访问这些...
Unity实现Canny边缘检测.zip
09-04
在Unity中实现Canny边缘检测，开发者通常会使用Shader语言（如GLSL或Unity的Surface Shaders），编写自定义的图像处理脚本来执行上述步骤。在"Assets"文件夹中可能包含了Shader代码和预设的纹理资源，而"Project...
Unity相机移动之屏幕边缘检测
08-25
Unity相机移动之屏幕边缘检测 Unity相机移动之屏幕边缘检测是 Unity 游戏引擎中的一种常见技术，通过检测屏幕边缘的鼠标移动来控制相机的移动。本文将详细介绍 Unity 相机移动之屏幕边缘检测的实现方法，并提供了...
Shader学习的基础知识（二十一）边缘检查
盖子的博客
03-14 569
制作 边缘检查效果同样是基于屏幕后处理来来制作的，其原理是利用一些边缘检测算子对图像进行卷积操作。 什么是卷积 在图像处理中，卷积操作指的就是使用一个卷积核对一张图像进行像素级操作。卷积通常是一个四方形网格结构，该区域每个一个权重值。 当对图像的某个像素进行卷积时，我们会把卷积核的中心放置于该像素上翻转核之后依次计算核中每个元素和其图像像素值的乘积并求和，得到新的像素值。 这种操作虽然简单，但可以...
再谈边缘检测【Unity Shader入门精要13.4】
ABigDeal的博客
11-27 535
12.3节中的边缘检测使用的是Sobel算子，但是这种直接对颜色信息进行边缘检测的方法会产生很多我们不希望得到的边缘线， 本节学习如何在深度和法线纹理上进行边缘检测，这些图像不会受纹理和光照影响，而仅仅保存了当前渲染物体的模型信息。   Roberts算子的卷积核 -1 0 0 1 0 -1 1 0   本质上是计算...
常见shader原理及实现（三）边缘查找，锐化，浮雕
weixin_30872157的博客
06-11 672
不是叫“常见shader原理及实现”吗？讲着讲着就没有原理了……直接给出卷积核结束 边缘查找： 0　　1　　01　 -4　 10　　1　　0 浮雕： 0　　1　　0 1　 -4　 1 0　　1　　0 锐化： 0　　-1　　0 -1　 5　 -1 0　　-1　　0 连效果图都省了，因为肉眼没看出区别…… 转载于:https://www.cn...
【Unity Shader】屏幕后处理2.0：实现Sobel边缘检测
qq_41835314的博客
10-31 2099
介绍了什么是卷积，以及数字卷积和深度学习中卷积的概念和方法上的区别，还学习了几种用于边缘检测的算子，最后总结了在Unity中实现Sobel算子边缘检测的过程。
UnityShader屏幕后处理-边缘检测，经典的插值lerp
雪球的博客
02-26 1949
边缘检测原理。通过每个色块的周围色块计算该色块的卷积。图片中各个边缘的卷积不同于其他像素块的，至于大于或者小于由算法决定。 fixed luminance(fixed4 color) { return 0.2125 * color.r + 0.7154 * color.g + 0.0721 * color.b; } half So...
[shader]边缘自定角度高光,描边,闪烁
linuxheik的专栏
12-27 1672
最终效果 两个点我要讲 向量的旋转 事实上是初中知识，但我书读的不好，所以我要给自己讲下。 先弄清楚如何在一个二维空间旋转一个变量。 观察图中v和v`的关系是 v`=[Cosθ,Sinθ]v  (假设v是列向量) 但在二维空间中，每个物体都有2个轴且互相垂直，如果旋转一个物体，就相当于旋转这个物体的坐标系，需要同时旋转这个物体的2个轴向量,才能达到完全旋转一个物体的要求
每天花30分钟看OGRE--(14)试验模型边缘高亮
weixin_30346033的博客
01-21 168
15.试验模型边缘高亮 为什么只能看到绿色的呢？ Vertex_program没起作用？ 注释掉vs还不行。 找到原因了，原来是被绿色盖住了。 void edgeHighLight_vp(float4 position : POSITION, float3 normal : NORMAL, out float4 oPosition : POSITION, uniform float4x4 worl...
Unity shader学习之屏幕后期处理效果之边缘检测
weixin_30555515的博客
07-25 134
边缘检测的原理是利用一些边缘检测算子对图像进行卷积操作。 转载请注明出处：http://www.cnblogs.com/jietian331/p/7232707.html 例如： 代码如下： 1 using UnityEngine; 2 3 public class EdgeDetectRenderer : PostEffectRenderer 4 { 5 ...
Unity 边缘高亮shader
最新发布
06-01
Unity 边缘高亮 shader 可以通过在渲染管线中添加一个边缘检测和描边的 pass 实现。以下是一个简单的边缘高亮 shader 的示例： ``` Shader "Custom/EdgeHighlight" { Properties { _MainTex ("Texture", 2D) = ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值