ShaderJoy —— 实现“羽化”【GLSL】

已于 2024-12-08 17:44:52 修改
阅读量1.2w 收藏 7
点赞数 2
CC 4.0 BY-SA版权
分类专栏： ShaderJoy —— Shader 实例详解【重制版】 文章标签： OpenGL glsl shader
于 2016-08-13 14:45:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panda1234lee/article/details/52199296
本文介绍了如何利用ShaderJoy库，在OpenGL环境下通过GLSL语言实现图像的羽化效果。内容涉及羽化的概念，以及算法分析，包括通过调整RGB值和控制距离权重来创建朦胧边缘。还展示了原图和应用羽化效果后的图像，并提供了片元着色器的代码示例。

原理参考自 小熊不去实验室 的博客

在PHOTOSHOP里，羽化就是使你选定范围的图边缘达到朦胧的效果。

羽化值越大，朦胧范围越宽，羽化值越小，朦胧范围越窄。可根据你想留下图的大小来调节。

原图

效果图
了解本专栏 订阅专栏 解锁全文
ShaderJoy —— 漫画 sketch 效果【GLSL】
ShaderJoy 的兴趣技术杂货铺
08-14 1852
效果图 原图 核心算法思路 该效果的核心思路一共分为以下几步【参考 Photoshop 中的图层操作】 先根据图像的亮度，人为设定阈值，分为（6个）不同等级的灰度图； 然后构造（6个）不同旋转方向的 “木刻纹” 图像，如下图所示； 该核心的 “木刻纹” 是由以下正弦和取模函数搭配实现的 float dist = mod(rotuv.y - sin(rotuv.x * frecuencia) * amplitud, divisor); 函数示意图如下所示 等高线图如下所示 接着，将 “木刻
ShaderJoy —— “酷炫的 ❤️ Beating” 的实现【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-09 4705
效果视频 优酷视频链接 Shader 特效——酷炫的HeartBeating 效果图 GIF压缩有画质损失 完整代码与注释 void mainImage( out vec4 fragColor, in vec2 fragCoord ) { vec2 uv = (2.*fragCoord - iResolution.xy) / iResolution.y;...
WPF 羽化效果，使用shadereffect源码。
04-02
WPF使用shadereffect 和Dx的HLSL着色器实现对矩形边缘羽化效果，语言VB.net。
学习threejs，使用自定义GLSL 着色器，实现水面、粒子特效
最新发布
我哎GIS博客
09-15 741
本文详细介绍如何基于threejs在三维场景中使用自定义GLSL 着色器，实现水面、粒子特效。亲测可用。希望能帮助到您。一起学习，加油！加油！
图像融合算法（羽化，拉普拉斯金字塔）
qq_39213566的博客
05-09 2680
因此对不同频率分量选择不同大小的融合窗口进行处理，在低频处采用较大的融合窗口以避免截断现象，在高频处采用较小的融合窗口以避免鬼影现象，最终得到平滑无鬼影的融合结果。拉普拉斯金字塔：它的某层图像就是源图像减去丢掉高频分量的图像后的结果，也就是高频分量，抽取出来用于后续高频分量的融合以及恢复图像高频信息的恢复。即每一层的图像为同一层高斯金字塔的图像减去 上一层的图像进行上采样并高斯模糊的结果。图像中的低频分量，指的是图像强度（亮度/灰度）变换平缓的地方，也就是大片色块的地方。人眼对图像中的高频信号更为敏感。
Opencv2.4.9源码分析——Stitching（七）
赵春江的专栏
01-03 1万+
7、融合 7.1 原理 在上一步中，虽然我们已经得到了接缝线，但如果只是简单的对接缝线的两侧选取不同的图像，那么对于重叠区域，在接缝线处的过度会出现不连贯的现象，在视觉上会显得有些突兀。因此我们还需要在接缝线两侧，对不同图像进行融合处理来克服上述不足之处。应用于图像拼接的融合算法有两种常用的方法：羽化和多频段融合。 羽化的原理是对边界进行平滑虚化，通过渐变的方法达到自然衔接的效果。在应用于图
Unity Shader - 羽化效果
新媒体互动
06-10 5701
原图效果图代码1：//ps的羽化shader // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "ShaderDemo/feather" { Properties { _MainTex ("Texture", 2D) = "white" {
PS练习1——羽化
学点什么好呢
10-23 753
羽化步骤 因为记性不好，就写下来了 1.ctrl+n新建 2.把图片拖拽进界面，记得点击下图提交变换那个对勾 3.点击左边工具栏的矩形选框工具，把要羽化的部分圈出来 4.右键，选择栅格化智能对象 5.右键，对图层进行操作，不断羽化，改变羽化像素大小 6.右键，选择反向，按del键，就完成了，效果如下（其实还可以精细化一点，但是就不弄了吧 ...
ShaderJoy —— “透视投影” 的实现 【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-15 2393
效果视频 Shader 特效——左右透视投影 Shader 特效——上下透视投影 更进一步可以实现 Shader 特效——立方体透视投影 代码和注释： float persp = 0.7; ///< 控制透视的角度 #define PI 3.141592653589 #define PI_HALF (PI/2.) //#define ANT...
ShaderJoy —— 中国结特效【GLSL】
ShaderJoy 的兴趣技术杂货铺
11-06 1571
效果图 原理/码参考自 活用 Shader，讓你的頁面更小，更炫，更快，我对代码进行了简化和性能优化，并对作者省略的部分进行了补充。 首先，效果可以拆解为两大部分：中间圆形区域的中国结部分，和外部烘托氛围的金黄色碎片，主要由梯度噪声来实现。而中国结部分又可以进一步分为直（射）线和方框（矩形）的绘制， 直线和射线的区别在于两边是否都到达了图像边缘 Talk is cheap, Show you the code ! 完整代码与注释 中国结部分： /// 源码...
PS小知识（五）——羽化（图片拼接后去缝、自然过渡渐变）
热门推荐
liukunrs的博客
08-16 3万+
对于拼接得到的两幅图片或者遥感影像，难免出现缝隙，这就需要进行羽化，使得变化更自然些，不至于明显的缝隙。 也可用于调节亮度后的过渡。 假设下面的两幅图需要拼接到一起（以右侧图为基础），则需要： 一、对左边图进行色彩调整： 选择该图层，然后编辑菜单栏的“图像”》“调整”》“色彩平衡” 由于左图发黄，发红，所以将其向相反方向调节。 二、经过调节，有些图像仍无法实现完全消除拼接缝，这时需...
边缘羽化.rar
09-16
canvas 不规则透明图像边缘羽化 看了一个哥们的文章写的。 看了这个帖子写的 https://www.cnblogs.com/luoeeyang/p/9337871.html 用在抠图之后，消除边缘毛边。 谁还有更好的算法求分享
HTML5/JavaScript 图像边缘羽化
03-02
对应博客：http://blog.csdn.net/u013347241/article/details/58727952
glsl图像处理，灰度化，高斯模糊，角点检测等算法，linux环境
05-07
需要usb摄像头，make后可直接运行，可以看到效果
PR cs6 边缘羽化滤镜
07-22
不是每个装了PR的人都会装AE 不是每个装了PR和AE的人都会为了一个边缘羽化打开AE设蒙版 至少我不会 所以还是有必要存在这么个滤镜 VS2012RP版本写的 没有在非win8的平台上测试过
GLSL实现Glow效果
杨德龙的专栏
08-09 2883
http://blog.csdn.net/a3070173/archive/2008/11/04/3220940.aspx  Glow即辉光效果现在已成为3D图形中一个引人注目的特效.本文主要介绍如何使用GLSL实现一个典型的GLow效果.  实现步骤:1.渲染整个场景到一个祯缓冲区中     2.将场景中需要进行GLow处理的物体绘制第二个FBO纹理A中     3.在FBO纹理A和B之
PS中的羽化操作
100days
04-02 5041
最近在自己使用ps做口红滤镜的时候，对于PS不太熟练，这里记录一下制作素材的过程。 羽化操作的原理： 羽化是ps及其其它版本中的重要处理图片的工具。羽化原理是令选区内外衔接的部分虚化。起到渐变的作用从而达到自然衔接的效果。 在羽化操作之前，需要先选中图像中的某一个部分，若选中就呈现为虚线。如下图中，虚线包围的部分为选中的部分。 点击PS菜单栏中：选择-&gt;修改-&gt;...
Unity渲染在所有层之上的shader
沈夕林的博客
02-01 1712
Shader "UI/Default_OverlayNoZTest" { Properties { [PerRendererData] _MainTex("Sprite Texture", 2D) = "white" {} _Color("Tint", Color) = (1,1,1,1) _StencilComp("Stencil Comparison", Float) =
制作羽化图
gislaozhang
12-04 1083
使用ArcGISPro制作羽化图，下面示例中是制作贵州省的羽化图 软件：ArcGISPro2.3 Beta 操作视频： 链接：https://pan.baidu.com/s/16tzM2TskHw4_mIdy2HHdQw  提取码：3jaj 效果图： 步骤： （1） 获取贵州省矢量图，空间参考是投影坐标系； （2）使用多环缓冲区工具（Multiple Ring Buffer）制作贵...
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

ShaderJoy

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

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

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

打赏作者

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

抵扣说明：

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

余额充值