http://game.ceeger.com/forum/read.php?tid=23209&fid=2

由于最近要做一个冰系的角色,就想能不能做一些冰霜效果。那么就试试吧,先弄一张原图:

 

1.常规的冰霜,最简单的要数霜冻的颜色变化,只需要减少亮度,增加蓝色分量。 

片段着色器: 

texcol *= fixed4(0.9, 0.9, 0.9, 1f); 
 texcol.b += 0.2; 

效果如下: 
 
虽然简单,但效果也十分一般。 

2.如果你玩过冰火围城,它里面的冰冻效果则是更加金属化,给人的感觉是一层灰色滤镜再增加一点蓝色,然后顶部会更亮。 

首先,我们要计算法线夹角,方便处理顶部更亮这部分。 

顶点着色器: 

float3 normal = mul(SCALED_NORMAL, (float3x3)_World2Object); 
 fixed dotProduct = dot(normal, fixed3(0, 1, 0)) / 2; 
if(dotProduct <= 0) 
 { 
         dotProduct = 0; 

  o.color = dotProduct.xxx; 

然后灰化整个角色,并且增加顶部亮度。 

片段着色器: 

float grey = dot(texcol.rgb, float3(0.299, 0.587, 0.114)) + i.color.x; 
texcol = fixed4(grey, grey, grey, texcol.a); 
texcol.r -= 0.15; 
 texcol.b += 0.15; 
效果如下: 
 
不过由于这个模型本身比较暗,所以看上去有点像雕像。但这似乎不是我们想要的效果呢,于是我打算换一个思路,让材质先变成霜。 

增加了一张贴图,看看霜的效果: 
 
哈哈,有点像冰棍了呢。但霜应该要亮一些,我打算增加下亮度,同时增加外发光。 

顶点着色器: 

fixed3 viewDir = normalize(ObjSpaceViewDir(v.vertex)); 
 fixed dotProduct = 1 - dot(v.normal, viewDir); 
o.color = smoothstep(0, 1, dotProduct);     
o.color *= _RimColor; 

片段着色器: 

texcol.rgb += i.color; 

效果: 
 
可是这样就完全是冰棍了呢,我想要混合一下原始的像素,于是增加一个变量,控制一下混合。 

片段着色器: 

texcol = texcol * _Frezz +  alpha * (1 - _Frezz); 

设置效果: 
 
通过控制滚动条可以调整混合比例,这个大概是64开的比例,看着还行吧。 

但这样就结束的话还是差强人意,因为冰霜的变化太过规则了,我们很多时候希望的是随机变化,显得更自然。 

再增加一张噪点贴图,通过获得贴图的值调整混合比例。 

 float ClipTex = tex2D (_RandomTex, i.uv).r ; 
float ClipAmount = (_Frezz - ClipTex) / 2 + 0.5; 
 if(ClipAmount < 0) 
 { 
          ClipAmount = 0; 

if(ClipAmount > 1) 
 { 
           ClipAmount = 1; 
 } 

效果如下: 
 
这样马马虎虎吧,如果还要继续就需要法线贴图,遗憾的是这个模型没有法线贴图。 

如果有法线贴图,我们可以再法线贴图层面上增加冰霜的颜色变化。 

最后 的完整shader代码: 

本部分设定了隐藏,您已回复过了,以下是隐藏的内容
// Upgrade NOTE: replaced 'PositionFog()' with multiply of UNITY_MATRIX_MVP by position 

// Upgrade NOTE: replaced 'V2F_POS_FOG' with 'float4 pos : SV_POSITION' 

Shader "Custom/CharactorShaderCullOff" { 

    Properties { 

        _MainTex ("Base (RGB)", 2D) = "white" {} 

        _AlphaTex ("Base (RGB)", 2D) = "white" {} 

        _RandomTex ("Base (RGB)", 2D) = "white" {} 

        _RimColor ("Rim Color", Color) = (1, 0, 0, 1) 

        _Color("_Color", Color) = (0.5,0.5,0.5,1) 

        _Rampage("_Rampage", Float) = 0 

        _Frezz("_Frezz", Range(0, 1)) = 0 

    } 

   

    SubShader { 

     //Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent"} 

        Pass { 

            cull off 

            Blend SrcAlpha OneMinusSrcAlpha 

            CGPROGRAM 

// Upgrade NOTE: excluded shader from DX11 and Xbox360; has structs without semantics (struct v2f members pos1) 

#pragma exclude_renderers d3d11 xbox360 

                #pragma vertex vert 

                #pragma fragment frag 

                #include "UnityCG.cginc" 

                 

                struct appdata { 

                    float4 vertex : POSITION; 

                    float3 normal : NORMAL; 

                    float2 texcoord : TEXCOORD0; 

                }; 

                struct v2f { 

                    half4 pos : SV_POSITION; 

                    half2 uv : TEXCOORD0; 

                    fixed3 color : COLOR; 

                }; 

                uniform fixed4 _RimColor; 

                uniform fixed _Rampage; 

                uniform fixed _Frezz; 

         

                v2f vert (appdata_base v) { 

                    v2f o; 

                    o.pos = mul (UNITY_MATRIX_MVP, v.vertex); 

                    if(_Rampage == 1) 

                    { 

                        fixed3 viewDir = normalize(ObjSpaceViewDir(v.vertex)); 

                        fixed dotProduct = 1 - dot(v.normal, viewDir); 

                            o.color = smoothstep(0, 1, dotProduct);     

                        o.color *= _RimColor; 

                    } 

                    float3 normal = mul(SCALED_NORMAL, (float3x3)_World2Object); 

                    fixed dotProduct = dot(normal, fixed3(0, 1, 0)) / 2; 

                    if(dotProduct <= 0) 

                    { 

                        dotProduct = 0; 

                    } 

                    o.color += dotProduct.xxx; 

                    o.uv = v.texcoord.xy; 

                    return o; 

                } 

                uniform sampler2D _MainTex; 

                uniform sampler2D _AlphaTex; 

                uniform sampler2D _RandomTex; 

                uniform fixed4 _Color; 

                fixed4 frag(v2f i) : COLOR { 

                    fixed4 texcol = tex2D(_MainTex, i.uv); 

                    fixed4 alpha = tex2D(_AlphaTex, i.uv); 

                    float ClipTex = tex2D (_RandomTex, i.uv).r ; 

                    float ClipAmount = (_Frezz - ClipTex) / 2 + 0.5; 

                    if(ClipAmount < 0) 

                    { 

                        ClipAmount = 0; 

                    } 

                    if(ClipAmount > 1) 

                    { 

                        ClipAmount = 1; 

                    } 

                    if(_Rampage == 1) 

                    { 

                        texcol.rgb += i.color; 

                    } 

                    texcol = texcol * ClipAmount +  alpha * (1 - ClipAmount); 

                    texcol.a = alpha.a; 

                    clip(texcol.a - 0.5); 

                    texcol *= _Color; 

                    return texcol; 

                } 

            ENDCG 

        } 

         

    } 

[Shader 着色器]冰霜效果的思考和实现的更多相关文章

  1. Unity Shader着色器优化

    https://mp.weixin.qq.com/s?__biz=MzU5MjQ1NTEwOA==&mid=2247493518&idx=1&sn=c51b92e9300bcf ...

  2. Unity3D学习笔记(三十四):Shader着色器(1)

    一.GPU:图形处理器,Graphics Processing Unit 显卡的处理器就是图形处理器.与CPU类似.   GPU和CPU的区别? 1.CPU主要是为了串行指令设计,GPU则是为了大规模 ...

  3. [Unity] Shader(着色器)输入输出和语义

    在Unity5.x后, 已经支持了基于物理的光照模型,也就是常说的次时代引擎所必须具备的功能. 如果在Properties使用2D,CG里要用sampler2D,代表使用的是2维纹理 如果在Prope ...

  4. [Unity] Shader(着色器)之纹理贴图

    在Shader中,我们除了可以设定各种光线处理外,还可以增加纹理贴图. 使用 settexture 命令可以为着色器指定纹理. 示例代码: Shader "Sbin/ff2" { ...

  5. OpenGL之shader着色器的应用,三色渐变的三角形

    学习自: https://learnopengl-cn.github.io/01%20Getting%20started/05%20Shaders/#_7 首先放一张效果图: 本次教程,将着色器单独定 ...

  6. Unity3D学习笔记(三十五):Shader着色器(2)- 顶点片元着色器

    Alpha测试 AlphaTest Great:大于 AlphaTest Less:小于 AlphaTest Equal:等于 AlphaTest GEqual:大于等于 AlphaTest LEqu ...

  7. osg Shader 着色器

    #ifdef _WIN32 #include <Windows.h> #endif // _WIN32 #include <osg/Group> #include <os ...

  8. [Unity] Shader(着色器)之固定管线

    在Unity中,固定管线Shader的性能是最好的. 什么是固定管线呢? 固定渲染管线 —— 这是标准的几何&光照(T&L)管线,功能是固定的,它控制着世界.视.投影变换及固定光照控制 ...

  9. Unity3D学习笔记(三十六):Shader着色器(3)- 光照

    光照模型:用数学的方法模拟现实世界中的光照效果.   场景中模型身上的光反射到相机中的光线: 1.漫反射:产生明暗效果 2.高光反射:产生镜面反射,物体中有最亮且比较耀眼的一部分 3.自发光: 4.环 ...

随机推荐

  1. qt动画入门

    Qt-4.6新增了Animation Framework(动画框架),让我们可以方便的写一些生动的程序. 不必像曾经的版本号一样,全部的控件都枯燥的呆在伟大光荣的QLayout里,或许它们可以唱个歌, ...

  2. sql server 关于表中只增标识问题 C# 实现自动化打开和关闭可执行文件(或 关闭停止与系统交互的可执行文件) ajaxfileupload插件上传图片功能,用MVC和aspx做后台各写了一个案例 将小写阿拉伯数字转换成大写的汉字, C# WinForm 中英文实现, 国际化实现的简单方法 ASP.NET Core 2 学习笔记(六)ASP.NET Core 2 学习笔记(三)

    sql server 关于表中只增标识问题   由于我们系统时间用的过长,数据量大,设计是采用自增ID 我们插入数据的时候把ID也写进去,我们可以采用 关闭和开启自增标识 没有关闭的时候 ,提示一下错 ...

  3. sublime 高速打开跳转至关联文件

    在下一枚web前端,近期在用sublime text2编辑器写前端.因为页面较多,项目较大,所以难免出现非常多引用文件和一些js的teample模板. 问题:在Sublime Text编写代码过程中要 ...

  4. 值得收藏的45个Python优质资源(附链接)

    REST API:使用 Python,Flask,Flask-RESTful 和 Flask-SQLAlchemy 构建专业的 REST API https://www.udemy.com/rest- ...

  5. 新手必备的SEO优化工具

  6. SHOW PROCESSLIST Syntax

    https://dev.mysql.com/doc/refman/5.7/en/show-processlist.html SHOW PROCESSLIST shows you which threa ...

  7. virtualbox创建centos7虚拟机

    安装Virtualbox 下载安装: 直接到官网上下载,https://www.virtualbox.org/wiki/Downloads 然后一键傻瓜式的安装即可. 设置默认虚拟电脑位置: 管理=& ...

  8. 关于UISearchBar

    iPhone开发之UISearchBar学习是本文要学习的内容,主要介绍了UISearchBar的使用,不多说,我们先来看详细内容.关于UISearchBar的一些问题. 1.修改UISearchBa ...

  9. Jmeter性能测试-GC相关

    1.GC相关 HotSpot虚拟机将其物理上划分为两个–新生代(young generation)和老年代(old generation).新生代(Young generation): 绝大多数最新被 ...

  10. springboot 多数据源(三种数据库连接池--JDBC,dbcp2,Druid)

    本文使用的是springboot2.0(在配置数据源时和springboot1.X略有区别) 首先:springboot默认支持的连接池有dbcp,dbcp2, tomcat, hikari四种连接池 ...