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

最新推荐文章于 2024-07-28 17:30:00 发布
最新推荐文章于 2024-07-28 17:30:00 发布
阅读量1.1w 收藏 7
点赞数 2
分类专栏： ShaderJoy —— Shader 实例详解 文章标签： OpenGL glsl shader
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panda1234lee/article/details/52199296
版权
ShaderJoy —— Shader 实例详解 同时被 2 个专栏收录
158 篇文章 337 订阅 ¥119.90 ¥299.90
订阅专栏
Shader
48 篇文章 8 订阅
订阅专栏
本文介绍了如何利用ShaderJoy库，在OpenGL环境下通过GLSL语言实现图像的羽化效果。内容涉及羽化的概念，以及算法分析，包括通过调整RGB值和控制距离权重来创建朦胧边缘。还展示了原图和应用羽化效果后的图像，并提供了片元着色器的代码示例。
摘要由CSDN通过智能技术生成

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

 

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

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

算法分析：

1、通过对rgb值增加额外的V值实现朦胧效果

2、通过控制V值的大小实现范围控制。

3、V = 255 * 当前点Point距中点距离的平方s1 / (顶点距中点的距离平方 *mSize)s2;

4、s1 有根据 ratio 修正 dx dy值。

 

原图：

 

效果图：

了解本专栏 订阅专栏 解锁全文
ShaderJoy
关注
专栏目录
订阅专栏
opengl330在shader中设置红色画一个三角形
02-25
配置opengl glew glfw，绘制一个三角形并在片段着色器中设置三角形的颜色
Shader实现水波纹GLSL源码
08-16
Shader实现水波纹GLSL源码，通过修改unityshader植入相关代码便可实现。
GLSL教程 第10章：高级渲染技术
最新发布
qq_54098120的博客
07-28 1080
本章介绍了一些高级渲染技术，通过这些技术可以显著提升图形渲染的质量和视觉效果。后处理效果如色彩校正、亮度对比度调整、模糊、边缘锐化和伽马校正，可以对图像进行进一步的优化。全屏抗锯齿技术如MSAA和FXAA可以减少图像中的锯齿，使其更加平滑。动态模糊技术包括运动模糊和景深，可以模拟相机的动态效果，使得画面更加生动。体积渲染和体绘制技术如体积光照、光线投射和体积散射，可以模拟复杂的体积效果，使得图像更加真实和生动。
WPF 羽化效果，使用shadereffect源码。
04-02
WPF使用shadereffect 和Dx的HLSL着色器实现对矩形边缘羽化效果，语言VB.net。
GLSL实现Glow效果
杨德龙的专栏
08-09 2816
http://blog.csdn.net/a3070173/archive/2008/11/04/3220940.aspx  Glow即辉光效果现在已成为3D图形中一个引人注目的特效.本文主要介绍如何使用GLSL实现一个典型的GLow效果.  实现步骤:1.渲染整个场景到一个祯缓冲区中     2.将场景中需要进行GLow处理的物体绘制第二个FBO纹理A中     3.在FBO纹理A和B之
cocos shader 之 羽化从中间慢慢变亮
jiangtao_ye的专栏
03-29 1423
cocos着色器从中间渐渐的亮点羽化打开
Unity Shader - 羽化效果
新媒体互动
06-10 5301
原图效果图代码1：//ps的羽化shader // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "ShaderDemo/feather" { Properties { _MainTex ("Texture", 2D) = "white" {
Unity渲染在所有层之上的shader
沈夕林的博客
02-01 1568
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 951
使用ArcGISPro制作羽化图，下面示例中是制作贵州省的羽化图 软件：ArcGISPro2.3 Beta 操作视频： 链接：https://pan.baidu.com/s/16tzM2TskHw4_mIdy2HHdQw  提取码：3jaj 效果图： 步骤： （1） 获取贵州省矢量图，空间参考是投影坐标系； （2）使用多环缓冲区工具（Multiple Ring Buffer）制作贵...
shader 渐变半透明效果
我知道你很急,但是路要一步步走
06-29 5233
// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'Shader "Custom/zhengshuang" { Properties { _MainTex ("Texture", 2D) = "white" {} _AlphaLX("RangeAlphaLX",Float) = 0 ...
边缘羽化.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后可直接运行，可以看到效果
ShaderJoy —— ❤の霓虹【GLSL】
ShaderJoy 的兴趣技术杂货铺
06-14 1457
效果视频 ShaderJoy －－♡ 的霓虹 效果图 核心算法解析 第一步，我们来看看心形线是怎么绘制的：由于最终的效果是曲线随着时间绕中心进行旋转，所以很自然得会想到极坐标，通过查找心形线的公式，我们选择极坐标形式的公式： 其结果如下图所示 心形线 第二步，有了心形线，我们就可以在它上面选取若干点生成一条 bezier 曲线线段，为了同时显示两条曲线，需要将第二条曲线段和第一条曲线段选取的点的位置进行错开（offset）；为了实现曲线运动的效果...
ShaderJoy —— “透视投影” 的实现 【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-15 2232
效果视频 Shader 特效——左右透视投影 Shader 特效——上下透视投影 更进一步可以实现 Shader 特效——立方体透视投影 代码和注释： float persp = 0.7; ///< 控制透视的角度 #define PI 3.141592653589 #define PI_HALF (PI/2.) //#define ANT...
ShaderJoy —— 中国结特效【GLSL】
ShaderJoy 的兴趣技术杂货铺
11-06 1441
效果图 原理/码参考自 活用 Shader，讓你的頁面更小，更炫，更快，我对代码进行了简化和性能优化，并对作者省略的部分进行了补充。 首先，效果可以拆解为两大部分：中间圆形区域的中国结部分，和外部烘托氛围的金黄色碎片，主要由梯度噪声来实现。而中国结部分又可以进一步分为直（射）线和方框（矩形）的绘制， 直线和射线的区别在于两边是否都到达了图像边缘 Talk is cheap, Show you the code ! 完整代码与注释 中国结部分： /// 源码...
ShaderJoy —— 漫画 sketch 效果【GLSL】
ShaderJoy 的兴趣技术杂货铺
08-14 1650
效果图 原图 核心算法思路 该效果的核心思路一共分为以下几步【参考 Photoshop 中的图层操作】 先根据图像的亮度，人为设定阈值，分为（6个）不同等级的灰度图； 然后构造（6个）不同旋转方向的 “木刻纹” 图像，如下图所示； 该核心的 “木刻纹” 是由以下正弦和取模函数搭配实现的 float dist = mod(rotuv.y - sin(rotuv.x * frecuencia) * amplitud, divisor); 函数示意图如下所示 等高线图如下所示 接着，将 “木刻
Shader效果实现:双色渐变
test
04-12 1125
// 双色渐变 // 颜色由一种颜色随着时间逐渐变成另外一种颜色,再从另外一种颜色回到初始颜色 // 初始颜色 // 目标颜色 // 渐变速度 // _Time 内置时间函数 // sin 内置sin函数 Shader "MyShader/DoubleChange" { Properties { _Color1 ("Color1", Color) = (1,1,1,1) _Color2 ("Color2", Color) = (1,1,1,1) _Speed
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

ShaderJoy

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

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

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

打赏作者

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

抵扣说明：

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

余额充值