【Unity Shaders】Transparency —— 使用alpha通道创建透明效果

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

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

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

写在前面

从这篇开始是一个全新的章节:透明效果(Transparency)。之前在制作LOGO闪光效果的时候就一直调不出来背景透明,就是那个时候决定要学一下Shader的基础知识,不求成为多么厉害的大神,只望对渲染的内部原理有些许了解~

开始正文。

在我们学习如何编写透明的Surface Shader的开始,我们需要理解应该包含哪些代码使得我们可以开启透明效果。Unity再一次慷慨地为我们提供了一些内置参数,我们可以通过包含这些参数来快速得到透明效果。

这是通过在Shader的#pragma声明中添加alpha参数来实现的。这句话告诉Unity我们想要在Shader中使用透明度。但当我们在创建透明Shaders时,需要仔细考虑一些事情,那就是代码中元素的绘制顺序。这篇文章将会讲述一些基本问题,来得到一个非常简单的透明物体。在下面的章节中,将会讲解其他有关透明度的问题。

准备工作

和以前一样,我们需要创建一个新的场景。

  1. 创建一个新的场景,添加一个平行光以及一个球体(Sphere)。
  2. 创建一个新的Shader和新的Material,可以命名为SimpleAlpha。把Shader赋给Material后,再把该Material赋给第一步中的球体。
  3. 最后,我们需要一张贴图作为控制隐私,来控制哪些部分是透明的,哪些部分是不透明的。

下图是我们用到的贴图。这张贴图仅包含单纯的RGB和白色(自带资源中没有,可以自己画,很简单)。我们使用它的RGB通道作为一个取值为0或1的透明度值。

实现

这篇Shader非常简单。

  1. 在Properties块中添加一个新的property,这使得我们可以全局控制透明度。

    	Properties {
    		_MainTex ("Base (RGB)", 2D) = "white" {}
    		_TransVal ("Transparency Value", Range(0,1)) = 0.5
    	}
  2. 然后,我们在#pragma声明中添加一个新的参数:alpha参数。
    		CGPROGRAM
    		#pragma surface surf Lambert alpha

    解释:再解释一遍上面这句声明的意思。使用名为surf的Surface Function,使用内置的Lambert光照函数,开启透明通道。

  3. 最后,在surf()函数中添加控制透明度的代码。
    		void surf (Input IN, inout SurfaceOutput o) {
    			half4 c = tex2D (_MainTex, IN.uv_MainTex);
    			o.Albedo = c.rgb;
    			o.Alpha = c.b * _TransVal;
    		}

完整代码如下:

Shader "Custom/SimpleAlpha" {
	Properties {
		_MainTex ("Base (RGB)", 2D) = "white" {}
		_TransVal ("Transparency Value", Range(0,1)) = 0.5
	}
	SubShader {
		Tags { "RenderType"="Opaque" }
		LOD 200

		CGPROGRAM
		#pragma surface surf Lambert alpha

		sampler2D _MainTex;
		float _TransVal;

		struct Input {
			float2 uv_MainTex;
		};

		void surf (Input IN, inout SurfaceOutput o) {
			half4 c = tex2D (_MainTex, IN.uv_MainTex);
			o.Albedo = c.rgb;
			o.Alpha = c.b * _TransVal;
		}
		ENDCG
	}
	FallBack "Diffuse"
}

如果没有透明效果,如下所示:

最后效果如下(从左到右分别对应了o.Alpha = c.r * _TransVal, o.Alpha = c.g * _TransVal, o.Alpha = c.b * _TransVal):

解释

你可以看到,使用Unity的Surface Shaders得到透明效果是非常容易的。这类Shader依赖两个元素:#pragma声明中的alpha参数,以及在SurfaceOutput结构体中的Alpha值。

一旦我们在#pragma声明中添加了alpha参数,这就告诉了Unity:嘿,接下来你要允许我渲染一个透明的surface。然后,我们就仅仅需要逐像素地使用一个取值范围为0到1的值来填充SurfaceOutput结构体中的O.Alpha值。从颜色角度讲(这里的颜色指一个灰度值,因为透明度可以用一个单通道的灰度值来表示),一个为1的透明度,即白色,将会产出一个完全不透明的效果。而0值,即黑色,表示一个完全透明的效果。

这就解释了上述的效果。例如,当我们使用如下语句控制透明度:

o.Alpha = c.r * _TransVal

则贴图中除了红色部分以及白色部分(白色的RGB通道值均为1)其R通道的值为1,其余(绿色和蓝色部分)均为0。因此只有红色和白色的部分才不透明。

尽管关于透明度有很多东西,但我们要知道,上述是其最基本的实现。在下面的章节中,我们将开始如何在实时渲染中使用alpha通道或者半透明的Shader。

【Unity Shaders】Transparency —— 使用alpha通道创建透明效果,布布扣,bubuko.com

时间: 2024-08-06 20:06:56

【Unity Shaders】Transparency —— 使用alpha通道创建透明效果的相关文章

Unity3D ShaderLab 使用alpha参数创建透明效果

Unity3D ShaderLab 使用alpha参数创建透明效果 其实Unity为了方便我们的工作,为我们内置了很多参数.比如马上用到的透明功能. 准备场景新建Shader Material ,一张红绿蓝的贴图. 实现代码及其简单,直接看完成的: Shader "91YGame/AlphaTransparency" { Properties { _MainTex ("Base (RGB)", 2D) = "white" {} _TransVal

Unity 游戏开发技巧集锦之创建透明的材质

Unity 游戏开发技巧集锦之创建透明的材质 Unity创建透明的材质 生活中不乏透明或者半透明的事物.例如,擦的十分干净的玻璃,看起来就是透明的:一些塑料卡片,看起来就是半透明的,如图3-23所示.在Unity中,可以创建模拟了透明效果的材质,这也是本节主要讲解的内容. 图3-23  半透明的卡片 Unity创建并配置材质 在Project视图里,创建一个材质,并命名为TransMaterial,选中它然后在Inspector视图里修改Shader属性为Transparent/Diffuse,

Unity Shaders and Effects Cookbook (3-6) 创建各向异性高光类型(Anisotropic) 模拟金属拉丝效果

这一次学习各向异性高光类型,名字真拗口,Anisotropic 这个英文单词也很拗口. 各向异性是模拟物体表面 沟槽方向性的高光反射类型,他会修改或延伸垂直方向上的高光. 比如模拟金属拉丝的效果,就可以使用各向异性来模拟. 转自http://blog.csdn.net/huutu http://www.thisisgame.com.cn 首先需要准备一张各向异性 的法线贴图,代表各向异性镜面高光的方向性. 注意法线贴图导入到Unity之后要在属性面板中勾选类型为 Normal Map. 首先在

Unity中播放带有alpha通道格式为Mp4的视频

问题: Unity中实现播放透明的MP4视频时出现黑点 解决办法:    使用Unity自带的shader去除黑点 1:shader代码如下所示 Shader "Unlit/NewUnlitShader" { Properties { _Color("Color", Color) = (1,1,1,1) //_MainTex ("Albedo (RGB)", 2D) = "white" {} _AlphaVideo("

【Unity Shaders】Transparency —— 透明的cutoff shader

本系列主要参考<Unity Shaders and Effects Cookbook>一书(感谢原书作者),同时会加上一点个人理解或拓展. 这里是本书所有的插图.这里是本书所需的代码和资源(当然你也可以从官网下载). ========================================== 分割线 ========================================== 写在前面 啦啦啦,终于毕业啦~上个月上任了游戏版版主,感觉在毕业前的一个月又给自己找了不少事.自己还

【Unity Shaders】Transparency —— 使用渲染队列进行深度排序

本系列主要参考<Unity Shaders and Effects Cookbook>一书(感谢原书作者),同时会加上一点个人理解或拓展. 这里是本书所有的插图.这里是本书所需的代码和资源(当然你也可以从官网下载). ========================================== 分割线 ========================================== 写在前面 为了让我们真正明白透明度,我们需要了解一下深度排序,或者说,对象的绘制顺序.Unity允许

【Unity Shaders】Alpha Test和Alpha Blending

写在前面 关于alpha的问题一直是个比较容易摸不清头脑的事情,尤其是涉及到半透明问题的时候,总是不知道为什么A就遮挡了B,而B明明在A前面.这篇文章就总结一下我现在的认识~ Alpha Test和Alpha Blending是两种处理透明的方法. Alpha Test采用一种很霸道极端的机制,只要一个像素的alpha不满足条件,那么它就会被fragment shader舍弃,"我才不要你类!":否则,就会按正常方式写入到缓存中,并进行正常的深度检验等等,也就是说,Alpha Test

(转)【Unity Shaders】Alpha Test和Alpha Blending

转自:http://blog.csdn.net/candycat1992/article/details/41599167 写在前面 关于alpha的问题一直是个比较容易摸不清头脑的事情,尤其是涉及到半透明问题的时候,总是不知道为什么A就遮挡了B,而B明明在A前面.这篇文章就总结一下我现在的认识~ Alpha Test和Alpha Blending是两种处理透明的方法. Alpha Test采用一种很霸道极端的机制,只要一个像素的alpha不满足条件,那么它就会被fragment shader舍

【Unity Shaders】使用CgInclude让你的Shader模块化——创建CgInclude文件存储光照模型

本系列主要參考<Unity Shaders and Effects Cookbook>一书(感谢原书作者),同一时候会加上一点个人理解或拓展. 这里是本书全部的插图. 这里是本书所需的代码和资源(当然你也能够从官网下载). ========================================== 切割线 ========================================== 写在前面 了解内置的CgInclude文件当然非常好,可是假设我们想要创建自己的CgInclu