Shader Graph制作2D Sprite溶解

最新推荐文章于 2024-07-24 13:37:49 发布
最新推荐文章于 2024-07-24 13:37:49 发布
阅读量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-16 593
我们经常在电影中见到的一个物体或者人物，从头上到脚下，慢慢消失的效果，我么今天就来体验一下这个上下溶解。
win桌面圣诞小插件分享
向宇
12-27 478
圣诞到了，最近有小伙伴问我有没有一些桌面圣诞小插件可以分享一下，所以我就特地去寻找了一些，感觉效果还不错，所以分享出来。
Shader Graph制作2D Sprite描边
姬垚的博客
03-28 5339
1、制作原理 主要是参考GUI的Text的描边原理。实际上就是复制四个纹理在上下左右方向各平移N个像素 2、制作流程 因为不需要光照效果，所以使用Unlit Master节点输出。整体结构如下： 设置了3个参数，分别控制图片纹理，描边颜色，描边宽度。我没有像GUI那样用X,Y控制描边，而是使用宽度统一调整，如果需要可自行添加。 图中左边部分主要控制纹理的UV坐标分别上下左右位...
【实现100个unity特效之8】使用ShaderGraph实现2d贴图中指定部分局部发光效果
最新发布
向宇
07-24 2256
我们的主纹理中有部分是透明的，而我们的这个黑白纹理中都是不透明的，虽然我们黑色的部分它的RGB都是O，但它的A是1，当我们直接使用这个（黑白纹理的）RGBA和主纹理（的RGBA)进行相加时，它的A会把主纹理的A给覆盖了，这样就会导致主纹理中的透明度都设为1了，透明部分都被覆盖了。(阈值)：控制哪些亮度的像素会受到泛光效果的影响。当我们使用add的时候，Unity会自动进行转换，比如我们R是0，Unity会自动把它转换成RGBA都是0的值，而我们R是1的时候，Unity就会自动转换成RGBA都是1的值。
Java Graphics2D类的绘图方法
Phenixfate的专栏
04-30 2888
Java语言在Graphics类提供绘制各种基本的几何图形的基础上,扩展Graphics类提供一个Graphics2D类,它拥用更强大的二维图形处理能力,提供、坐标转换、颜色管理以及文字布局等更精确的控制。 绘图属性 Graphics2D定义了几种方法，用于添加或改变图形的状态属性。可以通过设定和修改状态属性，指定画笔宽度和画笔的连接方式；设定平移、旋转、缩放或修剪变换图形；以及设定填充图形的
[Unity] ShaderGraph实现Sprite图片描边/发光效果 URP
连连看爱好者
01-18 4002
[Unity] ShaderGraph实现Sprite描边发光效果。 超详细解说，内含完整连线图及下载资源。
ShaderGraph-配置与消融效果的实现
祝你万事顺利的博客
06-15 1751
配置使用ShaderGraph 1.安装LightweightRenderPipeline和ShaderGraph包 在Window > PackageManager中下载LWRP和ShaderGraph组件包 2.设置SRP（可编程渲染管线） 1）Assets > Create > Rendering > LWRP asset创建一个渲染管线配置文件 2）Edit &g...
Shader贴图溶解效果
红叶
04-15 1421
贴图的溶解效果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 5711
前言 啊咧咧，从大学毕业开始，有一段时间没有更新过博客了，很怀念当初边学习边写博客的时光。今天打开博客网站看着各位大神通过文字来分享自己的技术心得，也手痒了，决定也来一篇！ 说完上面的话，感觉自己像是大佬一样。嘿嘿，然而本篇文章还是一个小白文，就是Shader Graph的入门知识，一个简单的物体溶解效果，意在帮助新手了解Shader Graph这个工具。效果如下图，如果你感兴趣，可以看看后面的实现方式，然后来试试吧！ 注：本项目Unity版本为2021.1.12f1c1 正文 1，配置环境 为了使用Sh
【Unity Shader】 消融效果的实现
Svily_0的博客
10-13 5095
1.前言 参加腾讯2018游戏岗校招结果出师未捷身先死，连面试机会都没有(-_-||)，想想笔试自己三道编程题0个ac也就释怀了233，忙着实习实在没精力复习算法题，精力有限啊... 吐槽完毕回归主题 咱最近在玩wy的神都夜行录，这款手游画面还是挺不错的，就是肝疼(万恶的wy策划)。 刷本的时候看见了如下图这个消融效果，就想着怎么用unity shader来实现，毕竟消融效果在游戏...
[U3D ShaderGraph] 全面学习ShaderGraph节点 | 第二课 | Input/Geometry
AsiWorld的博客
11-28 866
允许访问网格顶点或片元的副切线矢量 (Bitangent Vector)，具体取决于节点所属图形部分的有效着色器阶段。可使用 Space 下拉选单参数选择输出值的坐标空间。总结:切向和法向的叉乘结果本章基本都是简单的记忆和背的内容,用于大家理解的内容其实非常少,但是这些内容是所有效果的基础,如果这些基础属性无法get后面的内容会越来越难,希望代价可以花时间来记住此节点的内容t=M85Bt=M85Bt=M85B。
【Unity】截图（支持SpriteMask）
qq_36633019的博客
03-05 381
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 1108
初识unity shader 对利用噪音贴图和alpha来产生溶解效果的理解。 unity的误解 在shader graph里面 alpha的默认值是1，让我误解就是一个数值代表图片的alph。事实上unity只是默认在模型上每个uv点的alpha的数值为1，知道这点很重要 噪音贴图 因为alpha数值一般在0~1之间 所以全黑代表0，白色代表1，所以使用噪音贴图，会将噪音贴图的黑白点对应的alp...
shaderGraph节点学习
jiamian123456的博客
01-13 4054
一、小Tips 1-某个节点的帮助文档：选中节点按F1； 2-复制：ctrl+D，或者Ctrl+c 3-F回到中心 4-官网文档链接：https://docs.unity3d.com/Packages/com.unity.shadergraph@13.0/manual/index.html 5-在uv流动模拟河流时，使用两个法线贴图，朝反方向位移，且使用NormalStrength和normalBlend效果比使用Multiple和Add效果更好 二、Vector 1-可以改变s...
ShaderGraph关于贴图方面实战
m0_72467275的博客
06-05 2132
总结：
shader 基础之 2D技巧集合
05-09
课程特色：亮点一： 易上手，也深入原理1.从ASE工具着手，方便入门，美术也能学2.Shader代码分析：深入掌握, 懂得不仅仅是皮毛亮点二：  实战方能检验真理1. 18个完全不同的实用shader案例,由浅入深，覆盖2D相关技巧2.  附赠多个实用shader 库，加速你shader开发亮点三： 好用且高性能shader传授实用技巧：让你shader不仅是完成功能，更是“又好又快”购买须知：1. 本课程使用Unity 作为教学工具，学员需要知道Unity的基础操作2. 本课程的学员需要具备中学的数学知识，如三角函数等3.  后期shader编写 需要能看懂代码
Shader Graph第一个
Benny Shader
01-16 2229
Shader Forge还是正式在2018.3不能使用了。。。 无奈之下只能开始使用Shader Graph。 第一个效果： Fresnel + HighLight 提示 关于Shader源码的查看，CopyShader菜单就可以了，然后在VS中粘贴。 代码如下：有很多LightWeight的引用，不能在非LWRP环境中使用。 Shader "Unlit Master" ...
使用shader Graph中制作溶解特效
05-10
制作溶解特效的过程如下： 1. 创建一个空的Unlit Shader Graph（或者其他类型的Shader Graph，根据实际需求而定）。 2. 在Shader Graph中创建一个Texture2D类型的属性，用于存储溶解贴图。 3. 添加一个Color节点...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值