(转)溶解shader
游戏中物体腐化消失,燃烧消失时,会有从局部慢慢消失的效果,然后配合一些粒子特效,就能达到非常好的美术效果。
类似效果如下:
注:
_DissColor为溶解主色,_AddColor为叠加色,按照溶解的移动方向来看开始色为DissColor+AddColor
上图中DissColor为红色,AddColor为绿色
所以燃烧时
开始色为DissColor + AddColor = 黄色
默认色为DissColor 红色
然后配上火的粒子特效,这样就能模拟比较真实的燃烧效果。
我们也可以设置其他的颜色,比如被各种魔法,化学物品击中.....算了,不敢想象了,好残忍

代码和原理如下:
表面着色器:
Shader "Dissolve/Dissolve_TexturCoords" {
Properties {
_Color ("主颜色", Color) = (,,,) // 主色
_MainTex ("模型贴图", 2D) = "white" {} // 主材质
_DissolveText ("溶解贴图", 2D) = "white" {} // 溶解贴图
_Tile("溶解贴图的平铺大小", Range (, )) = // 平铺值,设置溶解贴图大小
_Amount ("溶解值", Range (, )) = 0.5 // 溶解度
_DissSize("溶解大小", Range (, )) = 0.1 // 溶解范围大小
_DissColor ("溶解主色", Color) = (,,,) // 溶解颜色
_AddColor ("叠加色,与主色叠加为开始色[R|G|B>0表示启用]", Color) = (,,,) // 改色与溶解色融合形成开始色
}
SubShader {
Tags { "RenderType"="Opaque" }
LOD
Cull off
CGPROGRAM
#pragma target 3.0
#pragma surface surf BlinnPhong
sampler2D _MainTex;
sampler2D _DissolveText;
fixed4 _Color; // 主色
half _Tile; // 平铺值
half _Amount; // 溶解度
half _DissSize; // 溶解范围
half4 _DissColor; // 溶解颜色
half4 _AddColor; // 叠加色
// 最终色
static half3 finalColor = float3(,,);
struct Input {
float2 uv_MainTex; // 只需要主材质的UV信息
};
void surf (Input IN, inout SurfaceOutput o) {
// 对主材质进行采样
fixed4 tex = tex2D(_MainTex, IN.uv_MainTex);
// 设置主材质和颜色
o.Albedo = tex.rgb * _Color.rgb;
// 对裁剪材质进行采样,取R色值
float ClipTex = tex2D (_DissolveText, IN.uv_MainTex/_Tile).r;
// 裁剪量 = 裁剪材质R - 外部设置量
float ClipAmount = ClipTex - _Amount;
if(_Amount > )
{
// 如果裁剪材质的R色值 < 设置的裁剪值 那么此点将被裁剪
if(ClipAmount < )
{
clip(-0.1);
}
// 然后处理没有被裁剪的值
else
{
// 针对没有被裁剪的点,【裁剪量】小于【裁剪大小】的做处理
// 如果设置了叠加色,那么该色为ClipAmount/_DissSize(这样会形成渐变效果)
if(ClipAmount < _DissSize)
{
if(_AddColor.x == )
finalColor.x = _DissColor.x;
else
finalColor.x = ClipAmount/_DissSize;
if (_AddColor.y == )
finalColor.y = _DissColor.y;
else
finalColor.y = ClipAmount/_DissSize;
if (_AddColor.z == )
finalColor.z = _DissColor.z;
else
finalColor.z = ClipAmount/_DissSize;
// 融合
o.Albedo = o.Albedo * finalColor * ;
}
}
}
o.Alpha = tex.a * _Color.a;
}
ENDCG
}//endsubshader
}
CG:
//溶解
Shader "Dissolve" {
Properties
{
_MainTex ("Base (RGB)", 2D) = "white" {}
_DissolorTex ("DissolorTex (RGB)", 2D) = "white" {}
_RAmount ("RAmount", Range (, )) = 0.5 _DissolorWith("DissolorWith", float) = 0.1//溶解过度宽度
_DissColor ("DissColor", Color) = (,,,)//溶解颜色
_Illuminate ("Illuminate", Range (, )) =
}
SubShader
{
Tags { "RenderType"="Opaque" }
LOD
Pass
{
CGPROGRAM
#include "UnityCG.cginc" struct appdata
{
float4 vertex : POSITION;
float2 texcoord : TEXCOORD0;
float2 texcoord1 : TEXCOORD1;
};
struct v2f
{
float4 pos : POSITION;
half2 texcoord : TEXCOORD0;
half2 texcoord1 : TEXCOORD1;
}; sampler2D _MainTex;
float4 _MainTex_ST;
sampler2D _DissolorTex;
float4 _DissolorTex_ST;
half _RAmount; half _DissolorWith;
half4 _DissColor;
half _Illuminate; v2f vert(appdata v)
{
v2f o;
o.pos = mul(UNITY_MATRIX_MVP, v.vertex);
o.texcoord = TRANSFORM_TEX(v.texcoord, _MainTex);
o.texcoord1 = TRANSFORM_TEX(v.texcoord1, _DissolorTex);
return o;
} half4 frag(v2f i) :COLOR
{
half4 mainCol = tex2D(_MainTex,i.texcoord);
half4 DissolorTexCol = tex2D(_DissolorTex,i.texcoord1);
half clipVauleR = DissolorTexCol.r - _RAmount;
if(clipVauleR <= )
{
if(clipVauleR > -_DissolorWith)
{
if(_RAmount != )
{
//插值颜色过度
float t = clipVauleR / -_DissolorWith;
mainCol = lerp(mainCol, _DissColor, t);
}
else
{
discard;
}
}
else
{
discard;
} } return mainCol * _Illuminate;
}
#pragma vertex vert
#pragma fragment frag ENDCG
} } }
(转)溶解shader的更多相关文章
- Unity中溶解shader的总结
在实际的游戏工程中,经常美术和策划会提出溶解的表现要求.比如子弹在飞行的时候,弹道不断的消融:角色受到大型炮弹的攻击,在击飞的时候不断的消融等等诸如此类的表现.一般的消融都是结合粒子系统来实现,通过给 ...
- 溶解shader
玩神界原罪2,感觉人物被建筑遮挡时,建筑的“溶解”效果很有意思,想实现一下.然后发现连溶解都没实现过,emmmmm....先来把溶解实现了~ 原理就是根据一张噪声图的值是否大于某个阈值,来判断是否丢弃 ...
- 小强学渲染之Unity Shader噪声应用
之前玩Tencent的仙剑4手游时,杀死boss会看到boss有“消融”的效果,就是身体上有多个洞洞然后往四周扩散直至尸体完全消失,但效果是没有关闭背面剔除的“穿帮”效果,可能也是考虑性能因素. em ...
- Shader实例:溶解效果(Dissolve)
效果: 图左:一道金光闪过,瞬间灰飞烟灭 图右:燃烧效果,先过渡到黄色,然后渐渐过渡到黑色,最后消失殆尽. 这是游戏中常见的效果,各位可以想想自己玩过的游戏. 手头正在玩的,梦三国手游,死亡的时候就是 ...
- unity3d 游戏插件 溶解特效插件 - Dissolve Shader
unity3d 游戏插件 溶解特效插件 - Dissolve Shader 链接: https://pan.baidu.com/s/1hr7w39U 密码: 3ed2
- pixijs shader 贴图溶解效果教程
pixijs shader 贴图溶解效果教程 我直接贴代码了 没什么好讲解了 稍微有点基础的人应该能看懂 const app = new PIXI.Application({ transparent: ...
- Shader之溶解效果的几种实现方法
这里通过 “是否丢弃像素”的2种方法,写2个shader,效果是一样的,也提到了,丢弃某个像素的3种方式. 是否丢弃: 1.通过脚本控制shader变量判断当前是否丢弃像素,需要额外脚本: 2.sha ...
- Shader Forge 刀光溶解
实际特效时,时间可以控制vertex color.a,shader forge 还只是玩具,试验用具,离商业产品质量还有差距. 其实,有技术美术的画,很多问题,美术能自己解决,都是一些欠缺通道的问题, ...
- 学习游戏渲染(Shader)的用处
本文在讨论的主题并不限于具体引擎或具体语言,为了说明方便可能会提到Unity的一些内容. 最近渐渐发现很多从事游戏开发的新人,对于学会写Shader似乎总是有几分神往,但一般入了门或者学了一段时间后 ...
随机推荐
- VS2008 LINK : fatal error LNK1104: cannot open file 'atls.lib'错误解决方案
用VS 2008编写ATL的64位应用程序时,提示链接错误:VS2008 LINK : fatal error LNK1104: cannot open file 'atls.lib' 问题原因 VS ...
- vs断点未能绑定
原文链接:http://blog.csdn.net/pc0de/article/details/41790063 突然发现所有的c++项目在调试的时候加断点都会报错:”不能设置下面的断点.....断点 ...
- 【CentOS】centos7 稳定使用版本,centos镜像的下载
命令: cat /etc/redhat-release 下载地址: https://wiki.centos.org/Download 下载版本:
- VisualStudio:让 XML 支持智能提示
将 XSD 文件拷贝到 VS 下的指定目录,我的电脑上的目录为:C:\Program Files (x86)\Microsoft Visual Studio 11.0\Common7\Packages ...
- Scala从零開始:使用Intellij IDEA写hello world
引言 在之前的文章中,我们介绍了怎样使用Scala IDE也就是eclipse中集成的Scala开发插件来进行Scala语言程序的开发,在使用了一段时间之后,发现eclipse对Scala的支持并非非 ...
- SSD阵列卡方案优化:考虑使用RAID 50替代RAID 10
最近一直在研究RAID 50,因为牺牲一半的容量的RAID 10代价实在太大了,而且它提供的可用性也并不是百分百的,我们首先来看下RAID 10的可用性分析: 以同等容量的不同RAID方式作为案例分析 ...
- IP的准确性
最近游戏项目中更新机制有所修改,游戏启动时会从cdn上读取一个文件(约60B),但是后台异常收集系统中发现很多玩家请求不了该文件(libcurl的get请求),返回的error code有很多种,以6 ...
- 关于chrome插件编写的小结
一个插件的大致目录结构如下: 其中manifest文件最为重要,它定义/指明插件应用的相关信息(权限.版本.功能说明等),点此查看Manifest的详情>> 这里有一篇chrome官方 ...
- ios之网络异常与正常视图的切换
1. xib中创建两个View 2. View的视图大概如下第一个:View View 第二个:View 3. 代码切换: [self.view addSubview:_redView]; // 会 ...
- ios之如何读取plist
- (NSDictionary*)contactsInfoFromPlistNamed:(NSString*)plistName { NSString *path = [[NSBundle mainB ...