首页 > 代码库 > 【Unity Shaders】Lighting Models —— 光照模型之Lit Sphere

【Unity Shaders】Lighting Models —— 光照模型之Lit Sphere

本系列主要参考《Unity Shaders and Effects Cookbook》一书(感谢原书作者),同时会加上一点个人理解或拓展。

这里是本书所有的插图。这里是本书所需的代码和资源(当然你也可以从官网下载)。

========================================== 分割线 ==========================================



写在前面



照亮的球体(Lit Sphere,翻译过来很怪)类型的光照模型是一种非常有趣的基于图像的光照。实际上,我们可以使用一张2D贴图来完整地烘焙我们的光照。你可以得到Zbrush这个软件实现的相同效果。如果你对Zbrush的MatCaps(Material Captures)很熟悉,那么恭喜你,被照亮的球体是相同的实现原理。我们可以创建一个贴图,然后完全照搬各种烘焙类型,像漫反射,镜面反射,反射以及边缘光照等效果,然后再使用它来创建我们的Shader。这种方法唯一的缺点就是,因为我们将光照完全烘焙到了贴图上,因此无法改变光照,除非你根据你的环境替换另一张贴图,就像我们在反射一章中的简单的Cubemap反射一样。也就是说,这个Shader不会根据你环境中的光照做出任何变化,也不会再你移动你的视角时产生任何改变。下图展示了一个Lit Sphere贴图,它通常被称为一个Sphere Map:


这意味着,这种使用贴图实现的Shader适合创造很好的透视效果,或者甚至可以用于你的游戏中那些像电影画面似的、镜头位置被固定住而你又需要复杂的光照的场景中。用更易懂的话来说,当给定一张贴图后,使用它渲染得到的画面将和贴图看起来一样,就像把贴图投影到了模型上一样



准备工作



我们需要学习怎样创建一个可以被用于我们的光照模型的贴图。我们可以使用Photoshop,但是我们也可以使用一个更小而且免费的工具,叫做Macrea(仅适用于Windows系统)。这个是一个非常棒的免费软件可以帮你创建这些Lit Sphere maps。作者建议观看Vimeo上的视频(需要翻墙)来帮助你熟悉MaCrea的界面和工作流程。

一旦你熟悉了创建这些Sphere maps的流程,我们可以开始剩下的部分。下面的截图显示了Macrea的界面以及一个用它创建的完整的Lit Sphere。


当然,你也可以在最上面提到的本书资源里找到本章(第五章)使用的贴图。


在Unity里,做如下准备:
  1. 创建一个新的场景以及一些对象,一个平面以及一个平行光;
  2. 创建一个新的Shader 和材质,然后将你的Shader赋给新的材质。



实现和解释



有了我们的场景资源,我们就可以开始编写我们的Lit Sphere shading model了。

  1. 和之前一样,我们需要一些properties传递给Surface Shader,以便我们可以让这个Shader的用户更改贴图以及一些变量。因此,我们首先添加下面的代码到Properties块:
    	Properties {
    		_MainTint ("Diffuse Tint", Color) = (1,1,1,1)
    		_MainTex ("Base (RGB)", 2D) = "white" {}
    		_NormalMap ("Normal Map", 2D) = "bump" {}
    	}

  2. 因为我们的Shader仅使用贴图来照亮我们的模型,因此我们不需要内置的Lambert光照函数,而需要声明我们自己的Unlit光照函数。我们还需要写一个顶点函数:
    		CGPROGRAM
    		#pragma surface surf Unlit vertex:vert

    解释:鉴于有些童鞋忘了或者没有看过之前的内容,这里说明一下上面这句声明的意思。它表明我们将使用名为surf的Surface Shader function,以及名为Unlit的自定义光照函数,还有一个名为vert的顶点函数。本书第一次提到这个知识点是在这一节。

  3. 和前面一样,我们需要在块中声明之前的properties,以便我们可以利用Inspector中的各个用户给定的数据。
    		float4 _MainTint;
    		sampler2D _MainTex;
    		sampler2D _NormalMap;

  4. 接下来,我们创建一个新的光照函数,它对应上面提到的名为Unlit的光照模型。这样做是因为我们不想使用场景中的灯光影响我们的Shader。我们仅仅想要得到对象的阴影,其他的交给贴图来照亮整个对象。因此,我们需要添加下面的光照函数(这里跟原书有一点不一样,我根据官方文档修改了返回类型):
    		inline half4 LightingUnlit (SurfaceOutput s, fixed3 lightDir, fixed atten)
    		{
    			half4 c = half4(1,1,1,1);
    			c.rgb = s.Albedo;
    			c.a = s.Alpha;
    			return c;
    		}

    解释:同样,关于这里的内容可以参见这一节。

  5. 现在,我们需要将一些额外的属性加入到Input结构体中,以便我们可以将这些信息从vert()函数传递给surf()函数:
    		struct Input {
    			float2 uv_MainTex;
    			float2 uv_NormalMap;
    			float3 tan1;
    			float3 tan2;
    		};

    解释:你可以把Input结构体当成是顶点函数和Surface shading函数之间的纽带,它们之间的沟通都是靠Input结构体进行传递的。

  6. 为了正确的在Sphere map中查找,我们需要将切线旋转矩阵(the rotated tangent vector)和当前模型的逆转置模型视图矩阵(the inverse transpose model view matrix)相乘。这将会给你合适的想来应用到Sphere map贴图中。如果你还是不明白也不要紧,在后面我们会进一步说明。
    		void vert (inout appdata_full v, out Input o) 
            {
                UNITY_INITIALIZE_OUTPUT(Input,o);
              
                TANGENT_SPACE_ROTATION;
                o.tan1 = mul(rotation, UNITY_MATRIX_IT_MV[0].xyz);
                o.tan2 = mul(rotation, UNITY_MATRIX_IT_MV[1].xyz);
            }

    解释:vert()函数是这个光照模型横纵真正起作用的地方。我们使用模型的切线旋转矩阵和它的逆转置模型视图进行相乘,它的结果将在下面被用于查找Sphere map中对应的位置。那么,逆转置模型视图矩阵是从哪里产生的呢?其实这是Unity提供的另一个内置参数,因此我们不需要再自己计算它了。

    实际上Unity提供了绝大多数在标准的CGFX shaders中常见的转换矩阵。这是我们使用Surface Shader的一个好处之一,我们不需要自己计算它们了,而仅仅需要调用内置的参数。

    但是,我们为什么需要这个特殊的顶点变换,即逆转置模型视图矩阵呢?理解这些并不在本书的范围内,因为这关于一些冗杂的数学运算,但是一个简单的解释是,我们将模型坐标系中的顶点转换到了世界坐标系中,而这个变换就是模型视图矩阵。

  7. 最后,我们需要实现我们的surf()函数,进行一些计算来产生对应的Sphere map中的查找值,并把它们赋给我们的结构体。同样,这个部分将在后面进行说明:
    		void surf (Input IN, inout SurfaceOutput o) 
    		{
    			float3 normals = UnpackNormal(tex2D(_NormalMap, IN.uv_NormalMap));
    			o.Normal = normals;
    
    			float2 litSphereUV;
    			litSphereUV.x = dot(IN.tan1, o.Normal);
    			litSphereUV.y = dot(IN.tan2, o.Normal);
    		
    			half4 c = tex2D (_MainTex, litSphereUV*0.5+0.5);
    			o.Albedo = c.rgb * _MainTint;
    			o.Alpha = c.a;
    		}


下图显示了上述Shader的渲染结果。




完整代码



Shader "Custom/LitSphere" {
	Properties {
		_MainTint ("Diffuse Tint", Color) = (1,1,1,1)
		_MainTex ("Base (RGB)", 2D) = "white" {}
		_NormalMap ("Normal Map", 2D) = "bump" {}
	}
	SubShader {
		Tags { "RenderType"="Opaque" }
		LOD 200
		
		CGPROGRAM
		#pragma surface surf Unlit vertex:vert

		float4 _MainTint;
		sampler2D _MainTex;
		sampler2D _NormalMap;
		
		inline half4 LightingUnlit (SurfaceOutput s, fixed3 lightDir, fixed atten)
		{
			half4 c = half4(1,1,1,1);
			c.rgb = s.Albedo;
			c.a = s.Alpha;
			return c;
		}

		struct Input {
			float2 uv_MainTex;
			float2 uv_NormalMap;
			float3 tan1;
			float3 tan2;
		};
		
		void vert (inout appdata_full v, out Input o) 
        {
            UNITY_INITIALIZE_OUTPUT(Input,o);
          
            TANGENT_SPACE_ROTATION;
            o.tan1 = mul(rotation, UNITY_MATRIX_IT_MV[0].xyz);
            o.tan2 = mul(rotation, UNITY_MATRIX_IT_MV[1].xyz);
        }

		void surf (Input IN, inout SurfaceOutput o) 
		{
			float3 normals = UnpackNormal(tex2D(_NormalMap, IN.uv_NormalMap));
			o.Normal = normals;

			float2 litSphereUV;
			litSphereUV.x = dot(IN.tan1, o.Normal);
			litSphereUV.y = dot(IN.tan2, o.Normal);
		
			half4 c = tex2D (_MainTex, litSphereUV*0.5+0.5);
			o.Albedo = c.rgb * _MainTint;
			o.Alpha = c.a;
		}
		ENDCG
	} 
	FallBack "Diffuse"
}



写在最后



上述是一种简单但从视觉上看起来不错的方法来得到复杂的光照效果。这种技术的缺点就是它不能根据真实的灯光实时更新。它的光源看起来就像是被固定在摄像机朝向的某个位置上,就像贴图在视图上被投影到对象上一样。

下面给出一些关于本小节内容的连接。
  • 关于变换矩阵的Cg在线教程
  • 关于变换矩阵的一个翻译成中文博客
  • Unity内置的变换矩阵的详细信息
  • MaCrea的关于反射的信息(需翻墙)
  • MaCrea的关于cell shading的信息(需翻墙)
  • MIT关于Unity的WIKI中MapCap