美文网首页
案例-通过积雪效果更深入的了解shader

案例-通过积雪效果更深入的了解shader

作者: JervieQin | 来源:发表于2017-10-29 22:25 被阅读0次

之前的预备知识能让我们掌握shader的基本用法,并且写出一些简单的shader。这次我们通过积雪效果来更进一步的了解shader是如何结合数学,实现效果。
另外注意,关注有强烈光照需求的shader才使用surface shader,否则使用VF shader就可。

Shader "Custom/SnowEffect" {   //定义shader的路径
    Properties{
    
       _MainTex("Albedo (RGB)", 2D) = "white" {}       //要使用的纹理

    //定义了默认值为“bump”的2D类型的纹理_Bump,初始值为空。
      _Bump("Bump",2D) = "bump"{}

      _Snow("Snow Level",Range(0,1)) = 0            
      _SnowColor("Snow Color",Color) = (1,1,1,1)
      _SnowDirection("Snow Direction",Vector) = (0,1,0)  //默认水平方向,值为1,而不是-1
      _SnowDepth("Snow Depth",Range(0,0.3)) = 0.1        //积雪厚度
    }
        SubShader{
            //在脚本中可以通过判断rendertype来做一些处理,比如shader替换、shader关闭
            //参考:  https://blog.csdn.net/nnsword/article/details/17840439   类型
            //        https://blog.csdn.net/zmafly/article/details/51141011    作用
            //       http://lib.csdn.net/article/unity3d/44793                解析
            Tags { "RenderType" = "Opaque" }

            CGPROGRAM        //shader的正文

            //声明surface shader 函数名,光照类型,使用的顶点函数(自定顶点函数名为vert)
            #pragma surface surf Lambert vertex:vert  

          //添加对PROPERTIES的引用
          sampler2D _MainTex;
          sampler2D _Bump;
          float _Snow;
          float4 _SnowColor;
          float4 _SnowDirection;
          float _SnowDepth;

          struct Input {
              float2 uv_MainTex;

              //添加一个变量float2 uv_Bump来获得_Bump纹理的uv坐标。
              float2 uv_Bump;
              //获取世界坐标下的法向值
              float3 worldNormal;
              INTERNAL_DATA
          };

          void surf(Input IN, inout SurfaceOutput o) {
              //tex2D对纹理进行采样
              half4 c = tex2D(_MainTex, IN.uv_MainTex);
              o.Albedo = c.rgb;
              o.Alpha = c.a;

              //tex2D根据输入参数的类型,获取对应含义的值,此处从_Bump纹理中提取法向信息
              //UnpackNormal函数的作用就是将tex2D函数获取到的fixed4类型值转换成fixed3类型的值
              o.Normal = UnpackNormal(tex2D(_Bump, IN.uv_Bump));

              //得到世界坐标系下的真正法向量(而非凹凸贴图产生的法向量,要做一个凹凸贴图法向值到世界坐标系法向值的转化)和雪落
              //下相反方向的点乘结果,即两者余弦值,并和_Snow(积雪程度)比较
              if (dot(WorldNormalVector(IN, o.Normal), _SnowDirection.xyz) > lerp(1, -1, _Snow))
              {
                  /*
                  我们知道,余弦值是-1和1之间的一个数,越接近于1,说明该点法向与雪落下相反方向越一致,当为-1时,说明两者方向相反。
                 此处我们可以看出_Snow参数只是一个插值项,当上述夹角余弦值大于
                  lerp(1,-1,_Snow)=1-2*_Snow时,即表示此处积雪覆盖,所以此值越大

                  多讲一点,lerp的第三个参数是一个(0,1)之间的比例因子,代表所处前两个参数范围的位置
                  注意为了符合正常的自然现象,我们_Snow一般只取0~0.5,因为大于0.5时,插值的结果将小于0,会造成雪好像穿过了岩石,落到了岩石的后面。这个道理和光照的道理一样,物体背面是见不到阳光的。
                  */

                  //积雪程度程度越大。此时给覆盖积雪的区域填充雪的颜色
                  o.Albedo = _SnowColor.rgb;
              }

              else      //否则表示未覆盖
              {
                  o.Albedo = c.rgb;
              }

              o.Alpha = 1;

          }
          //自定义顶点函数
          /*
             参数appdata_full v,参数的类型为appdata_full(Unity内置类型),该类型包含了纹理坐标,法向量,顶点位置,以及切线信息
          */
          void vert(inout appdata_full v)
          {
              //将_SnowDirection从世界坐标系转换到模型的局部坐标系下
              /*
                  将_SnowDirection乘以Unity内置矩阵 – UNITY_MATRIX_IT_MV
                  (IT表示Inverse Transpose逆转置矩阵,MV表示 ModelView矩阵,该矩阵表示是ModelView的逆转置矩阵)。
                现在我们得到了该顶点的法向量。
                _Snow*2/3,这表示只有那些更接近雪落下方向的区域才会增加雪的厚度,更符合自然现象。
                而这些通过测试的区域,沿着(sn.xyz+v.normal)方向进行加厚,也就是将其顶点沿此方向伸展一定距离。
                注意到增厚的程度取决于_SnowDepth和_Snow,而增厚的方向是由物体法向和雪落的方向综合作用的,这也符合自然现象。
              */
               float4 sn = mul(UNITY_MATRIX_IT_MV, _SnowDirection);

               if (dot(v.normal, sn.xyz) >= lerp(1, -1, (_Snow * 2) / 3))
                   v.vertex.xyz += (sn.xyz + v.normal) * _SnowDepth * _Snow;
           }
               ENDCG
      }
          FallBack "Diffuse"      //shader失败时回滚
}

调节箭头所指落雪方向可以改变落雪效果

相关文章

  • 案例-通过积雪效果更深入的了解shader

    之前的预备知识能让我们掌握shader的基本用法,并且写出一些简单的shader。这次我们通过积雪效果来更进一步的...

  • shader积雪

    效果如图: 原理在代码注释中。 Shader代码: Shader"Custom/RealisticSnow"{ P...

  • 通过案例深入了解React

    结合react官网的案例,利用webpack+es6,完成了React案例。 React官网组件案例 github...

  • Shader学习15——积雪

    为什么要做积雪?我也不明白啊,他们学的时候都做这个-。-那我们也来试试吧。首先最简单的方案,法线方向朝上的咱们就把...

  • Shader基础

    写Shader的第一步要先了解运行环境。在某一个版本运行效果良好的Shader在另一个版本中,可能报错也可能效果不...

  • UGUI灰化效果

    NGUI下制作灰化效果是修改Transparent Colored shader,通过传入的叠加颜色值,比如传入指...

  • Godot Shader特效:SpatialShader(即3D

    之前写过canvas_item类型即2d Shader的溶解效果,原文请见Godot Shader特效:溶解效果(...

  • Unity高级开发-Shader开发(1)-渲染管线

    学习Shader(着色器)必须先要了解渲染管线。如果不了解,那么就不能说你了解Shader Shader分类 顶点...

  • UNITY Shader--实现翻页效果

    在unity中我们可以通过shader来实现各种有意思而且炫酷的一些渲染效果出来。比如流光效果,毛玻璃效果,平静水...

  • 学会这3大财富指数,让你可以提前退休

    我们通过一个案例来了解本文的内容 ?李家三兄弟,谁更容易实现财富自由? ?案例背景如图 ❓看完了案例背景,你心中的...

网友评论

      本文标题:案例-通过积雪效果更深入的了解shader

      本文链接:https://www.haomeiwen.com/subject/axtiuxtx.html