Shader Graph制作2D Sprite溶解

最新推荐文章于 2024-10-05 23:34:09 发布
最新推荐文章于 2024-10-05 23:34:09 发布
阅读量3.2k 收藏 6
点赞数 1
分类专栏： Unity 文章标签： Shader Graph 溶解 Unity 2D Sprite
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiyao1990/article/details/88882192
版权
本文介绍如何利用Shader Graph在Unity中制作2D Sprite的溶解效果。原理是通过Gradient Noise节点减去从0到1的值，实现纹理的逐步消失。制作流程包括调整AlphaClipThreshold和Alpha，反色纹理的A通道并结合噪点图，以控制溶解过程。此外，还讨论了溶解边缘颜色的实现和注意事项，如颜色叠加问题。
摘要由CSDN通过智能技术生成

一、制作原理

通过Gradient Noise节点（Perlin噪点）减去从0~1的小数，噪点随被减数的增加黑斑会越来越大最后全部减为0。将纹理进行Step处理（更加锐利）再与原本纹理相乘得到消除效果。

二、制作流程

上述所说最后得到的是黑色底图。但是溶解应该是纹理透明，因此要控制这两个输出。

AlphaClipThreshold是低于输入值的将显示透明。Alpha是当前的Alpha值。因此，根据上述原理，AlphaClipThreshold里输入逐渐增大的可视范围࿰

最低0.47元/天 解锁文章
姬垚
关注
专栏目录
Unity之ShaderGraph如何实现靠近显示溶解效果
TxNet
10-21 1218
今天我们来实现一个我再B站看到的一个使用LeapMotion实现的用手部触摸就可以显示的溶解效果。
ShaderGraph简单溶解效果
m0_68267247的博客
08-16 533
DissloveStrength的值域为[0,1]，加上一个数值i，则输出的数值值域为[i,i+1]，也就是让Noise的节点区域偏移了i,这样可以实现发光与原模型贴图错位展示效果，不然的话两者重叠在一起，就会出现一下情况，实现不出边缘发光的效果。Noise早点上右灰度值不同的区域，值的范围为0~1，Alpha的值域也是[0,1]，两者可以一一对应，可以看到渲染结果有部分是透明，AlphaThreshold的默认值为0.5。溶解效果最核心的两个部分：第一、透明度降低，实现消失的效果；
Shader Graph制作2D Sprite描边
姬垚的博客
03-28 5370
1、制作原理 主要是参考GUI的Text的描边原理。实际上就是复制四个纹理在上下左右方向各平移N个像素 2、制作流程 因为不需要光照效果，所以使用Unlit Master节点输出。整体结构如下： 设置了3个参数，分别控制图片纹理，描边颜色，描边宽度。我没有像GUI那样用X,Y控制描边，而是使用宽度统一调整，如果需要可自行添加。 图中左边部分主要控制纹理的UV坐标分别上下左右位...
Unity Shader Graph基础包200+节点及术语解释
最新发布
charon8778的博客
10-05 2020
Unity Shader Graph基础包的两百个节点 展示了每个节点的运行情况，附示例、每个输入输出功能说明以及某些节点的实践
Java Graphics2D类的绘图方法
Phenixfate的专栏
04-30 2903
Java语言在Graphics类提供绘制各种基本的几何图形的基础上,扩展Graphics类提供一个Graphics2D类,它拥用更强大的二维图形处理能力,提供、坐标转换、颜色管理以及文字布局等更精确的控制。 绘图属性 Graphics2D定义了几种方法，用于添加或改变图形的状态属性。可以通过设定和修改状态属性，指定画笔宽度和画笔的连接方式；设定平移、旋转、缩放或修剪变换图形；以及设定填充图形的
[Unity] ShaderGraph实现Sprite图片描边/发光效果 URP
连连看爱好者
01-18 4347
[Unity] ShaderGraph实现Sprite描边发光效果。 超详细解说，内含完整连线图及下载资源。
ShaderGraph-配置与消融效果的实现
祝你万事顺利的博客
06-15 1762
配置使用ShaderGraph 1.安装LightweightRenderPipeline和ShaderGraph包 在Window > PackageManager中下载LWRP和ShaderGraph组件包 2.设置SRP（可编程渲染管线） 1）Assets > Create > Rendering > LWRP asset创建一个渲染管线配置文件 2）Edit &g...
Shader贴图溶解效果
红叶
04-15 1427
贴图的溶解效果Shader Shader "Dissolve/Dissolve_TexturCoords" { Properties { _Color ("主颜色", Color) = (1,1,1,1) // 主色 _MainTex ("模型贴图", 2D) = "white" {} ...
ShaderGraph实战教程之溶解效果shader
06-25
溶解效果是游戏中常用的一种效果，可用于Boss死亡时的消失。溶解效果的原理是通过一张噪波贴图，实现模型上随机消失。
Unity 使用Shader Graph实现物体的溶解效果
xinzhilinger的博客
07-27 5765
前言 啊咧咧，从大学毕业开始，有一段时间没有更新过博客了，很怀念当初边学习边写博客的时光。今天打开博客网站看着各位大神通过文字来分享自己的技术心得，也手痒了，决定也来一篇！ 说完上面的话，感觉自己像是大佬一样。嘿嘿，然而本篇文章还是一个小白文，就是Shader Graph的入门知识，一个简单的物体溶解效果，意在帮助新手了解Shader Graph这个工具。效果如下图，如果你感兴趣，可以看看后面的实现方式，然后来试试吧！ 注：本项目Unity版本为2021.1.12f1c1 正文 1，配置环境 为了使用Sh
【Unity Shader】 消融效果的实现
Svily_0的博客
10-13 5122
1.前言 参加腾讯2018游戏岗校招结果出师未捷身先死，连面试机会都没有(-_-||)，想想笔试自己三道编程题0个ac也就释怀了233，忙着实习实在没精力复习算法题，精力有限啊... 吐槽完毕回归主题 咱最近在玩wy的神都夜行录，这款手游画面还是挺不错的，就是肝疼(万恶的wy策划)。 刷本的时候看见了如下图这个消融效果，就想着怎么用unity shader来实现，毕竟消融效果在游戏...
[U3D ShaderGraph] 全面学习ShaderGraph节点 | 第二课 | Input/Geometry
AsiWorld的博客
11-28 886
允许访问网格顶点或片元的副切线矢量 (Bitangent Vector)，具体取决于节点所属图形部分的有效着色器阶段。可使用 Space 下拉选单参数选择输出值的坐标空间。总结:切向和法向的叉乘结果本章基本都是简单的记忆和背的内容,用于大家理解的内容其实非常少,但是这些内容是所有效果的基础,如果这些基础属性无法get后面的内容会越来越难,希望代价可以花时间来记住此节点的内容t=M85Bt=M85Bt=M85B。
【Unity】截图（支持SpriteMask）
qq_36633019的博客
03-05 393
new RenderTexture(width, height,0);没有深度值就回造成SpriteMask效果失效 new RenderTexture(width, height,24);深度值为24，给予一定深度信息即可 int width = Screen.width; int height = Screen.height; ...
初识unity shader 对利用噪音贴图和alpha来产生溶解效果的理解。
oQiShiMeiShiMe1的博客
04-13 1121
初识unity shader 对利用噪音贴图和alpha来产生溶解效果的理解。 unity的误解 在shader graph里面 alpha的默认值是1，让我误解就是一个数值代表图片的alph。事实上unity只是默认在模型上每个uv点的alpha的数值为1，知道这点很重要 噪音贴图 因为alpha数值一般在0~1之间 所以全黑代表0，白色代表1，所以使用噪音贴图，会将噪音贴图的黑白点对应的alp...
ShaderGraph关于贴图方面实战
m0_72467275的博客
06-05 2228
总结：
shader 基础之 2D技巧集合
05-09
课程特色：亮点一： 易上手，也深入原理1.从ASE工具着手，方便入门，美术也能学2.Shader代码分析：深入掌握, 懂得不仅仅是皮毛亮点二：  实战方能检验真理1. 18个完全不同的实用shader案例,由浅入深，覆盖2D相关技巧2.  附赠多个实用shader 库，加速你shader开发亮点三： 好用且高性能shader传授实用技巧：让你shader不仅是完成功能，更是“又好又快”购买须知：1. 本课程使用Unity 作为教学工具，学员需要知道Unity的基础操作2. 本课程的学员需要具备中学的数学知识，如三角函数等3.  后期shader编写 需要能看懂代码
Shader 学习笔记(二) 基础透明材质
qq_40885056的博客
11-08 1473
半透明材质模板
Shader Graph第一个
Benny Shader
01-16 2242
Shader Forge还是正式在2018.3不能使用了。。。 无奈之下只能开始使用Shader Graph。 第一个效果： Fresnel + HighLight 提示 关于Shader源码的查看，CopyShader菜单就可以了，然后在VS中粘贴。 代码如下：有很多LightWeight的引用，不能在非LWRP环境中使用。 Shader "Unlit Master" ...
shader溶解实例（案例1）
笔记001
03-29 447
写一个消融材质，代码如下 shader"EloaMbile/Dissolve" { properties { _Diffuse("Diffuse",Color)=(1,1,1,1) _DissolveColor("Dissolve Color",Color)=(0,0,0,0) _DissolveEdgeColor("Dissolve Edge Color",Color)=(1,1,1,...
Unity ShaderGraph教程：创建Sprite描边与发光效果
资源摘要信息:"在Unity中，使用ShaderGraph创建自定义的Sprite描边和发光效果，是通过URP（通用渲染管线）来实现的。这一过程涉及多个步骤，包括设置ShaderGraph的基本属性、编写图形节点以定义描边和高亮的视觉效果...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值