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

已于 2024-12-08 17:44:52 修改
阅读量1.1w 收藏 7
点赞数 2
分类专栏： 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值和控制距离权重来创建朦胧边缘。还展示了原图和应用羽化效果后的图像，并提供了片元着色器的代码示例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

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

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

原图

了解本专栏 订阅专栏 解锁全文
ShaderJoy —— “透视投影” 的实现 【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-15 2293
效果视频 Shader 特效——左右透视投影 Shader 特效——上下透视投影 更进一步可以实现 Shader 特效——立方体透视投影 代码和注释： float persp = 0.7; ///< 控制透视的角度 #define PI 3.141592653589 #define PI_HALF (PI/2.) //#define ANT...
ShaderJoy —— “酷炫的 ❤️ Beating” 的实现【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-09 4597
效果视频 优酷视频链接 Shader 特效——酷炫的HeartBeating 效果图 GIF压缩有画质损失 完整代码与注释 void mainImage( out vec4 fragColor, in vec2 fragCoord ) { vec2 uv = (2.*fragCoord - iResolution.xy) / iResolution.y;...
[Unity] Unity中实现羽化功能的shader
RICKShaozhiheng的专栏
06-13 6086
GLSL->ShaderLab,原GLSL代码来自http://blog.csdn.net/panda1234lee/article/details/52199296，由于shaderLab的一些特性，shaderLab代码显得要简洁很多。// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)
WPF 羽化效果，使用shadereffect源码。
04-02
WPF使用shadereffect 和Dx的HLSL着色器实现对矩形边缘羽化效果，语言VB.net。
Unity Shader 入门教程：从零开始编写你的第一个 Shader
最新发布
Maryart的博客
02-24 1609
Unity Shader入门教程，介绍Unity Shader基础概念并教你实现第一个简单Shader。
Unity Shader - 羽化效果
新媒体互动
06-10 5535
原图效果图代码1：//ps的羽化shader // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "ShaderDemo/feather" { Properties { _MainTex ("Texture", 2D) = "white" {
PS练习1——羽化
学点什么好呢
10-23 631
羽化步骤 因为记性不好，就写下来了 1.ctrl+n新建 2.把图片拖拽进界面，记得点击下图提交变换那个对勾 3.点击左边工具栏的矩形选框工具，把要羽化的部分圈出来 4.右键，选择栅格化智能对象 5.右键，对图层进行操作，不断羽化，改变羽化像素大小 6.右键，选择反向，按del键，就完成了，效果如下（其实还可以精细化一点，但是就不弄了吧 ...
PS小知识（五）——羽化（图片拼接后去缝、自然过渡渐变）
热门推荐
liukunrs的博客
08-16 3万+
对于拼接得到的两幅图片或者遥感影像，难免出现缝隙，这就需要进行羽化，使得变化更自然些，不至于明显的缝隙。 也可用于调节亮度后的过渡。 假设下面的两幅图需要拼接到一起（以右侧图为基础），则需要： 一、对左边图进行色彩调整： 选择该图层，然后编辑菜单栏的“图像”》“调整”》“色彩平衡” 由于左图发黄，发红，所以将其向相反方向调节。 二、经过调节，有些图像仍无法实现完全消除拼接缝，这时需...
GLSL实现Glow效果
杨德龙的专栏
08-09 2852
http://blog.csdn.net/a3070173/archive/2008/11/04/3220940.aspx  Glow即辉光效果现在已成为3D图形中一个引人注目的特效.本文主要介绍如何使用GLSL实现一个典型的GLow效果.  实现步骤:1.渲染整个场景到一个祯缓冲区中     2.将场景中需要进行GLow处理的物体绘制第二个FBO纹理A中     3.在FBO纹理A和B之
ShaderJoy —— 中国结特效【GLSL】
ShaderJoy 的兴趣技术杂货铺
11-06 1491
效果图 原理/码参考自 活用 Shader，讓你的頁面更小，更炫，更快，我对代码进行了简化和性能优化，并对作者省略的部分进行了补充。 首先，效果可以拆解为两大部分：中间圆形区域的中国结部分，和外部烘托氛围的金黄色碎片，主要由梯度噪声来实现。而中国结部分又可以进一步分为直（射）线和方框（矩形）的绘制， 直线和射线的区别在于两边是否都到达了图像边缘 Talk is cheap, Show you the code ! 完整代码与注释 中国结部分： /// 源码...
ShaderJoy —— ❤の霓虹（Neon）【GLSL】
ShaderJoy 的兴趣技术杂货铺
06-14 1530
效果视频 ShaderJoy －－♡ 的霓虹 效果图 核心算法解析 第一步，我们来看看心形线是怎么绘制的：由于最终的效果是曲线随着时间绕中心进行旋转，所以很自然得会想到极坐标，通过查找心形线的公式，我们选择极坐标形式的公式： 其结果如下图所示 心形线 第二步，有了心形线，我们就可以在它上面选取若干点生成一条 bezier 曲线线段，为了同时显示两条曲线，需要将第二条曲线段和第一条曲线段选取的点的位置进行错开（offset）；为了实现曲线运动的效果...
边缘羽化.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的平台上测试过
PS中的羽化操作
100days
04-02 4866
最近在自己使用ps做口红滤镜的时候，对于PS不太熟练，这里记录一下制作素材的过程。 羽化操作的原理： 羽化是ps及其其它版本中的重要处理图片的工具。羽化原理是令选区内外衔接的部分虚化。起到渐变的作用从而达到自然衔接的效果。 在羽化操作之前，需要先选中图像中的某一个部分，若选中就呈现为虚线。如下图中，虚线包围的部分为选中的部分。 点击PS菜单栏中：选择-&gt;修改-&gt;...
Unity渲染在所有层之上的shader
沈夕林的博客
02-01 1669
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 1022
使用ArcGISPro制作羽化图，下面示例中是制作贵州省的羽化图 软件：ArcGISPro2.3 Beta 操作视频： 链接：https://pan.baidu.com/s/16tzM2TskHw4_mIdy2HHdQw  提取码：3jaj 效果图： 步骤： （1） 获取贵州省矢量图，空间参考是投影坐标系； （2）使用多环缓冲区工具（Multiple Ring Buffer）制作贵...
shader 渐变半透明效果
我知道你很急,但是路要一步步走
06-29 5298
// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'Shader "Custom/zhengshuang" { Properties { _MainTex ("Texture", 2D) = "white" {} _AlphaLX("RangeAlphaLX",Float) = 0 ...
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

ShaderJoy

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

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

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

打赏作者

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

抵扣说明：

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

余额充值