unity3d 内部Transparent （透明）shader 代码

最新推荐文章于 2024-06-25 16:00:24 发布
最新推荐文章于 2024-06-25 16:00:24 发布
阅读量1.2w 收藏 5
点赞数 2
分类专栏： Unity3D Shader 文章标签： unity3d 游戏 shader
Unity3D 同时被 2 个专栏收录
162 篇文章 12 订阅
订阅专栏
Shader
130 篇文章 5 订阅
订阅专栏


这个教程涵盖了各种各样的关于透明纹理贴图的共用，i.e.RGBA 纹理贴图包含了一个A（alpha）部分 是纹理的不透明的值。

它联合了shader的代码关于“Textured sphere”部分的概念，介绍了 “cutaways”和”Transparency”。

如果你没有读过这篇教程，这将会是一个很好的机会来阅读。

  

丢弃透明片段（Discarding Transparent Fragments）

让我们开始说明丢弃片段的”cutaways”部分。按照这些步骤描述的在”Texture Spheres”部分，并把图像分配给材质球的左边根据以下shader ：

Shader "Cg texturing with alpha discard" {
   Properties {
      _MainTex ("RGBA Texture Image", 2D) = "white" {} 
      _Cutoff ("Alpha Cutoff", Float) = 0.5
   }
   SubShader {
      Pass {    
         Cull Off // since the front is partially transparent, 
            // we shouldn't cull the back
 
         CGPROGRAM
 
         #pragma vertex vert  
         #pragma fragment frag 
 
         uniform sampler2D _MainTex;    
         uniform float _Cutoff;
 
         struct vertexInput {
            float4 vertex : POSITION;
            float4 texcoord : TEXCOORD0;
         };
         struct vertexOutput {
            float4 pos : SV_POSITION;
            float4 tex : TEXCOORD0;
         };
 
         vertexOutput vert(vertexInput input) 
         {
            vertexOutput output;
 
            output.tex = input.texcoord;
            output.pos = mul(UNITY_MATRIX_MVP, input.vertex);
            return output;
         }
 
         float4 frag(vertexOutput input) : COLOR
         {
            float4 textureColor = tex2D(_MainTex, input.tex.xy);  
            if (textureColor.a < _Cutoff)
               // alpha value less than user-specified threshold?
            {
               discard; // yes: discard this fragment
            }
            return textureColor;
         }
 
         ENDCG
      }
   }
 
   // The definition of a fallback shader should be commented out 
   // during development:
   // Fallback "Unlit/Transparent Cutout"
}


 

 

 

片段着色器读取RGBA贴图并与用户指定的范围值大小比较alpha值。如果 alpha值比范围值小，就丢弃着色片段使之透明。注意： 这项指令在某些平台上是非常缓慢的，特别是在移动设备上。因此，混合（blending）通常更有效。

 

混合（blending）

“Transparency”部分描述了怎样用alpha混合去渲染半透明的物体。在这段代码中用RGBA贴图：


Shader "Cg texturing with alpha blending" {
   Properties {
      _MainTex ("RGBA Texture Image", 2D) = "white" {} 
   }
   SubShader {
      Tags {"Queue" = "Transparent"} 
 
      Pass {	
         Cull Front // first render the back faces
         ZWrite Off // don't write to depth buffer 
            // in order not to occlude other objects
         Blend SrcAlpha OneMinusSrcAlpha 
            // blend based on the fragment's alpha value
 
         CGPROGRAM
 
         #pragma vertex vert  
         #pragma fragment frag 
 
         uniform sampler2D _MainTex;    
         uniform float _Cutoff;
 
         struct vertexInput {
            float4 vertex : POSITION;
            float4 texcoord : TEXCOORD0;
         };
         struct vertexOutput {
            float4 pos : SV_POSITION;
            float4 tex : TEXCOORD0;
         };
 
         vertexOutput vert(vertexInput input) 
         {
            vertexOutput output;
 
            output.tex = input.texcoord;
            output.pos = mul(UNITY_MATRIX_MVP, input.vertex);
            return output;
         }
 
         float4 frag(vertexOutput input) : COLOR
         {
            return tex2D(_MainTex, input.tex.xy);  
         }
 
         ENDCG
      }
 
      Pass {	
         Cull Back // now render the front faces
         ZWrite Off // don't write to depth buffer 
            // in order not to occlude other objects
         Blend SrcAlpha OneMinusSrcAlpha 
            // blend based on the fragment's alpha value
 
         CGPROGRAM
 
         #pragma vertex vert  
         #pragma fragment frag 
 
         uniform sampler2D _MainTex;    
         uniform float _Cutoff;
 
         struct vertexInput {
            float4 vertex : POSITION;
            float4 texcoord : TEXCOORD0;
         };
         struct vertexOutput {
            float4 pos : SV_POSITION;
            float4 tex : TEXCOORD0;
         };
 
         vertexOutput vert(vertexInput input) 
         {
            vertexOutput output;
 
            output.tex = input.texcoord;
            output.pos = mul(UNITY_MATRIX_MVP, input.vertex);
            return output;
         }
 
         float4 frag(vertexOutput input) : COLOR
         {
            return tex2D(_MainTex, input.tex.xy);  
         }
 
         ENDCG
      }
   }
   // The definition of a fallback shader should be commented out 
   // during development:
   // Fallback "Unlit/Transparent"
}

注意 所有的alpha值为0的纹理在这个特别的纹理贴图都是黑色的。事实上，在纹理贴图上的颜色的alpha值是一个”通道（premultiplied ）”。（颜色也称为”opacity-weighted”(不透明的权重？)）因此，对于这个特殊的纹理贴图，我们实际上应该在这个通道的颜色规定混合（blending）的方程，以便避免在混合（blending）中其他颜色与alpha值相乘。所以，着色器的改进（对于这个特别的纹理贴图）两种情况都是使用下列混合规范：

Blend One OneMinusSrcAlpha

        混合自定义的颜色（Blending with Customized Colors）

如果更多的的关于刚才提到的技术的实际应用，我们不应该结束这个教程。

左边是一个有着半透明的蓝色海洋的地球仪的图片，是我在维基共享中找到的。这里有一些光照（或轮廓增强（silhouette enhancement ））正在执行，我不会复制它。取而代之，我只是去复制这个半透明的（semitransparent ）蓝色海洋的shader的基本思路，忽略了这个贴图本身的RGB颜色，并用特定的 以alpha值为基础的 颜色替代了它们（这个贴图本身的RGB颜色）：

Shader "Cg semitransparent colors based on alpha" {
   Properties {
      _MainTex ("RGBA Texture Image", 2D) = "white" {} 
   }
   SubShader {
      Tags {"Queue" = "Transparent"} 
 
      Pass {	
         Cull Front // first render the back faces
         ZWrite Off // don't write to depth buffer 
            // in order not to occlude other objects
         Blend SrcAlpha OneMinusSrcAlpha 
            // blend based on the fragment's alpha value
 
         CGPROGRAM
 
         #pragma vertex vert  
         #pragma fragment frag 
 
         uniform sampler2D _MainTex;    
         uniform float _Cutoff;
 
         struct vertexInput {
            float4 vertex : POSITION;
            float4 texcoord : TEXCOORD0;
         };
         struct vertexOutput {
            float4 pos : SV_POSITION;
            float4 tex : TEXCOORD0;
         };
 
         vertexOutput vert(vertexInput input) 
         {
            vertexOutput output;
 
            output.tex = input.texcoord;
            output.pos = mul(UNITY_MATRIX_MVP, input.vertex);
            return output;
         }
 
         float4 frag(vertexOutput input) : COLOR
         {
            float4 color =  tex2D(_MainTex, input.tex.xy);  
            if (color.a > 0.5) // opaque back face?
            {
               color = float4(0.0, 0.0, 0.2, 1.0); 
                  // opaque dark blue
            }
            else // transparent back face?
            {
               color = float4(0.0, 0.0, 1.0, 0.3); 
                  // semitransparent green
            }
            return color;
         }
 
         ENDCG
      }
 
      Pass {	
         Cull Back // now render the front faces
         ZWrite Off // don't write to depth buffer 
            // in order not to occlude other objects
         Blend SrcAlpha OneMinusSrcAlpha 
            // blend based on the fragment's alpha value
 
         CGPROGRAM
 
         #pragma vertex vert  
         #pragma fragment frag 
 
         uniform sampler2D _MainTex;    
         uniform float _Cutoff;
 
         struct vertexInput {
            float4 vertex : POSITION;
            float4 texcoord : TEXCOORD0;
         };
         struct vertexOutput {
            float4 pos : SV_POSITION;
            float4 tex : TEXCOORD0;
         };
 
         vertexOutput vert(vertexInput input) 
         {
            vertexOutput output;
 
            output.tex = input.texcoord;
            output.pos = mul(UNITY_MATRIX_MVP, input.vertex);
            return output;
         }
 
         float4 frag(vertexOutput input) : COLOR
         {
            float4 color = tex2D(_MainTex, input.tex.xy);  
            if (color.a > 0.5) // opaque front face?
            {
               color = float4(0.0, 1.0, 0.0, 1.0); 
                  // opaque green
            }
            else // transparent front face
            {
               color = float4(0.0, 0.0, 1.0, 0.3); 
                  // semitransparent dark blue
            }
            return color;
        }
 
         ENDCG
      }
   }
   // The definition of a fallback shader should be commented out 
   // during development:
   // Fallback "Unlit/Transparent"
}

当然， 它如果在这个shader上加了光照和轮廓增强（silhouette enhancement）会更有趣。一个也能改变透明度的方法，绿色是为了考虑纹理的颜色，举个例子：

color = float4(0.5 * color.r, 2.0 * color.g, 0.5 * color.b, 1.0);

强调绿色部分而乘以2，使红色和蓝色变暗把它们乘以0.5。然而，这个结果是绿色达到了最大的强度而饱和。这个能取绿色部分的1/2来避免使绿色部分达到最大强度1。区分是是 1.0 - color.g 。它的一半是0.5 * (1.0 - color.g)并且这个最大强度1的改化距离的对应的值是：1.0 - 0.5 * (1.0 - color.g)。因此，为了避免过于饱和的绿色，我们能用（替代不透明的绿色）：

color = float4(0.5 * color.r, 1.0 - 0.5 * (1.0 - color.g), 0.5 * color.b, 1.0);

在实践中，一个是去尝试各种可能性关于像颜色转换等等。在最后，numeric shader properties的应用（举例：上面的0.5的例子）是对交互式探索的发展是特别有用的。

 

 

Summary（概要）（不翻译了，就是上面的概要）

Congratulations! You have reached the end of this rather long tutorial. We have looked at:

· How discarding fragments can be combined with alpha texture maps.

· How alpha texture maps can be used for blending.

· How alpha texture maps can be used to determine colors.

 

英文原文地址：http://en.wikibooks.org/wiki/Cg_Programming/Unity/Transparent_Textures


翻译by-----wolf96



wolf96
关注
专栏目录
【Unity3D Shader编程】之十三 单色透明Shader 标准镜面高光Shader
hftugv的博客
11-14 503
【Unity3D Shader编程】之十三 单色透明Shader 标准镜面高光Shader
unity Shader 入门精要 EX
xinghaikongmeng的博客
10-19 4339
1、shader概念 Shader，中文名为着色器。 Shader其实就是专门用来渲染图形的一种技术，通过shader，我们可以自定义显卡渲染画面的算法，使画面达到我们想要的效果。 2、shader分类 Shader分为两类 ： 顶点Shader（3D图形都是由一个个三角面片组成的，顶点Shader就是计算每个三角面片上的顶点，并为最终像素渲染做准备）。 像素Shader，顾名思义，就是以像素为单位，计算光照、颜色的一系列算法。 几个不同的图形API都有各自的Shader语言 在DirectX中，顶点sha
UNlitTransparent
12-23
Unity shader ,字体变白，2D图片变白
unity 控制透明度
anyan1858的博客
01-23 3778
在unity中，除了控制color中的alpha和material中的alpha之外，还可以给物体添加CanvasGroup组件,以此来达到控制alpha的目的 转载于:https://www.cnblogs.com/lingLuoChengMi/p/10309588.html...
Unity | Shader基础知识(第十五集：透明效果)
最新发布
菌菌兹的博客
06-25 1456
Unity | Shader基础知识(第十五集：透明效果)，surfaceOutput结构体，渲染顺序，Cull
【Unity Shaders】Transparency —— 透明的cutoff shader
weixin_33843409的博客
07-04 391
本系列主要参考《Unity Shaders and Effects Cookbook》一书（感谢原书作者），同时会加上一点个人理解或拓展。这里是本书所有的插图。这里是本书所需的代码和资源（当然你也可以从官网下载）。========================================== 分割线==========================================写在...
unity 模型描边中间透明(shader)
中灰灰的博客
03-03 2094
1.记录找到的一个模型描边中间透明的shader,大概就是下图Cube这样. 2.脚本 Shader "Unlit/Shaer" { Properties{ _Color("Main Tint", Color) = (1, 1, 1, 1) _MainTex("Texture", 2D) = "white" {} _OutlineWidth("OutlineWidth", Range(0, 1)) = 0.1 _OutlineColor("O
Unity Shader入门精要学习——透明效果
番茄猿的博客
07-29 2713
要么完全透明，要么完全不透明。实现简单，实质上是一种剔除机制，通过将不满足条件（通常使用小于某个阈值来判定，一般使用clip方法）的片元舍弃的方法来达到完全透明效果。这些被舍弃的片元不会再进行任何的处理，也不会对颜色缓冲产生任何影响，其余满足条件的片元则会继续按普通的不透明物体的处理方式继续处理。...
Unity3D内部Shader详解
10-07
Unity3D内置的Shader被分为五大类：Normal、Transparent、Transparent Cutout、Self-Illuminated和Reflective。这些分类旨在满足不同类型的物体渲染需求，例如不透明物体、透明物体、剪切透明物体、自发光物体和反射...
Unity Shader入门精要总结--透明效果
派大星PatrickStar的博客
07-29 6290
前言 透明度测试：它采用一种“霸道极端”的机制，只要一个片元的透明度不满足条件（通常是小于某个阈值），那么它对应的片元就会被舍弃。被舍弃的片元将不会再进行任何处理，也不会对颜色缓冲产生任何影响；否则，就会按照普通的不透明物体的处理方式来处理它，即进行深度测试、深度写入等。也就是说，透明度测试是不需要关闭深度写入的，它和其他不透明物体最大的不同就是它会根据透明度来舍弃一些片元。虽然简单，但是它产
Unity学习之Shader
liu_xueping的专栏
11-18 3500
Unity学习之Shader
【Unity3d】窗体透明
热门推荐
dark00800的专栏
04-21 1万+
偶然在国外网站上看到的一个脚本，通过纯色背景抠像的方法，把windows的窗体透明化，可以用来做无背景的小头像、桌面精灵等。首先新建一个叫TransparentWindow的CS脚本，输入如下代码：using System; using System.Runtime.InteropServices; using UnityEngine;public class TransparentWindow :
UNlit/Transparent 不发光透明shader
luyuncsd123的专栏
04-12 8363
Shader "GUI/Text Shader" { Properties { _MainTex ("Font Texture", 2D) = "white" {} _Color ("Text Color", Color) = (1,1,1,1) } SubShader { Tags { "Queue"="Transparent" "IgnoreProjector"
unity-shader半透明物体Transparent 和 AlphaTest的产生阴影和接收阴影
木马人
05-05 2641
（1）关于Transparent半透明物体产生的阴影，特别注意半透明物体接受的阴影（不常用） （2）关于AlphaTest物体产生阴影和接受阴影：（接受阴影的地方透明了，看不到阴影了） Transparent物体的shader： Shader "Unlit/shadowCast_Transparent" { Properties { _MainTex ("Tex...
[译]Unity3D Shader教程（六）Basic Transparency
老王的博客
08-14 345
原文链接： Shader Tutorials by Ronja 除了只是在屏幕上绘制颜色之外，我们还可以保留一些以前在屏幕上的颜色，使物体看起来透明。 我将解释我们如何在没有照明的基本着色器中实现这种效果。要了解如何实现透明度，我建议您了解编写着色器的基础知识，如果没有这方面的知识建议先看之前的教程。 本篇的Shader是在《[译]Unity3D Shader教程（四）Basic Shader》中Shader的基础上修改的。 为了使透明物体正确渲染，我们必须告诉 unity 此物体是透明的。 我们通过.
2023最新unity 发布exe程序背景透明穿透
u010188238的专栏
04-27 2425
2023最新unity 发布exe程序背景透明穿透
【UnityShader】透明度测试
小蜗牛
06-25 519
透明度度测试缺点 透明度度测试结果，要么完全透明，要么完全不透明；而且，得到的透明度效果在边缘处往往参差不齐，有锯齿，这是因为在边界处纹理的透明度的变化精度问题。 透明度测试基本原理： 只要一个片元的透明度不满足条件（通常是小于某个阈值），那么它对应的片元就会被舍弃。被舍弃的片元将不会再进行任何处理，也不会对颜色缓冲产生任何影响；否则，就会按照普通的不透明物体的处理方法来处理它。 透明度测试不需要关闭深度写入 可以利用深度缓冲按逐像素的粒度进行深度排序，保证渲染的正确性。 通常使用 Clip 函数来进行透明
Unity中修改3D模型的透明度，实现3D模型渐变出现的效果
tt58521的博客
06-22 1270
转载链接：Shader代码转载地址 1、效果图 2、简述 这里是通过改变材质的透明度来实现 渐入渐出的效果，使用系统自带的shader似乎是无法达到这样的效果，如设置shader为Standard，Rendering Mode 设置为Transparent，将透明度调制0，最后的效果还是看得到模型。 3、 Shader代码 Shader "Transparent/VertexLit with Z" { Properties{ _Color("Main Color",
Unity C# code 实现窗口透明化+穿透点击
我是小辣椒的博客
08-29 1688
要使用的话确保在Player Settings中，“在后台运行”，“全屏幕”处于开启状态， “D3D11”处于关闭状态,Camera的背景色必须是(0,0,0,0),必须将脚本挂载到一个活跃的GameObject上。需要一些操作系统的底层dll作为辅助。
Unity3D内置Shader详解：入门与分类
尽管传统的顶点着色器（Vertex Shader）和像素着色器（Pixel Shader）通常采用标准的Cg/HLSL编写，但Unity文档中的Shader特指ShaderLab代码。 文档首先介绍了Unity内置Shader的主要分类，包括Normal、Transparent、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值