[译]Unity3D Shader教程(六)Basic Transparency

2023-12-20 17:08

本文主要是介绍[译]Unity3D Shader教程(六)Basic Transparency,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!


原文链接:
Shader Tutorials by Ronja


除了只是在屏幕上绘制颜色之外,我们还可以保留一些以前在屏幕上的颜色,使物体看起来透明。 我将解释我们如何在没有照明的基本着色器中实现这种效果。要了解如何实现透明度,我建议您了解编写着色器的基础知识,如果没有这方面的知识建议先看之前的教程。
本篇的Shader是在《[译]Unity3D Shader教程(四)Basic Shader》中Shader的基础上修改的。
透明立方体
为了使透明物体正确渲染,我们必须告诉 unity 此物体是透明的。 我们通过更改渲染类型和渲染队列来达到此目的。 通过更改队列,我们可以保证透明材质的渲染时间晚于不透明材质。 如果透明物体和不透明材质同时渲染的话,透明物体后面的不透明物体将不得不覆盖透明物体,完全覆盖它。
更改为透明材质的渲染队列代码如下:

Tags{ "RenderType"="Transparent" "Queue"="Transparent"}

接下来我们定义“Blend Mode 混合模式”,它定义了现有颜色和新颜色如何相互混合。 混合模式由 2 个关键字定义,第一个定义与新颜色相乘的值,第二个定义与旧颜色相乘的值。 将颜色相乘后,将它们相加并绘制结果。
渲染不透明材质时,混合模式为 1 0(Blend 1 0),因为我们采用所有新值而没有旧值。 在透明材质中,我们希望基于 alpha 值(颜色rgba中的第 4 个数字a)进行混合。 所以我们将第一个混合值设置为源透明度(source alpha),在这种情况下,源透明度是此着色器的输出。 第二个值是 1 - 源透明度。
混合模式可以在SubShader或Pass中定义,但必须在 hlsl 区域之外。

Blend SrcAlpha OneMinusSrcAlpha

您可以在Unity官方文档查找不同的混合因子(以及我将要介绍的其他一些混合属性)。
接下来我们将举两个例子来说明。
当我们的片段着色器返回 0.5 的 alpha 值时,混合将采用新颜色的一半和旧颜色的 1 - 0.5 (0.5),将它们平均混合(在黑色上绘制白色时,它将是中灰色)。
当我们的片段着色器返回 0.9 的 alpha 值时,混合将使用 90% 的新颜色并添加 10% 的旧颜色,使旧颜色几乎不可见。
通过这些更改,我们的着色器已经可以用于透明材质。 因为我们在片段着色器中保留了 alpha 通道,所以我们可以设置色调颜色的 alpha,它将是材质的 alpha(假设使用的纹理不包含alpha 通道)。
基础透明材质调节示例
我们在这里要做的另一件小事是禁止深度(z)写入。 通常当一个物体被渲染时,它会将它与相机的距离写入深度缓冲区,以告诉它后面的其他物体不要在此物体上面绘制。 但是,这不适用于透明对象,因为透明对象不会完全遮挡它们后面的所有东西(为了满足这一点,首先渲染距离相机最远的物体,然后依次渲染最远的对象,直到最后渲染最近的对象,这个 unity已经自动帮我们完成了,所以我们不必担心)。 是否写入 深度缓冲区可以在SubShader或Pass中定义。

Blend SrcAlpha OneMinusSrcAlpha
ZWrite Off

当我们的纹理确实有一个 alpha 通道时,这个着色器也将使用此alpha通道,并且物体在纹理上的 alpha 值较低,越透明。
透明
本文完整Shader.

Shader "Tutorial/006_Basic_Transparency"{Properties{_Color ("Tint", Color) = (0, 0, 0, 1)_MainTex ("Texture", 2D) = "white" {}}SubShader{Tags{ "RenderType"="Transparent" "Queue"="Transparent"}Blend SrcAlpha OneMinusSrcAlphaZWrite offPass{CGPROGRAM#include "UnityCG.cginc"#pragma vertex vert#pragma fragment fragsampler2D _MainTex;float4 _MainTex_ST;fixed4 _Color;struct appdata{float4 vertex : POSITION;float2 uv : TEXCOORD0;};struct v2f{float4 position : SV_POSITION;float2 uv : TEXCOORD0;};v2f vert(appdata v){v2f o;o.position = UnityObjectToClipPos(v.vertex);o.uv = TRANSFORM_TEX(v.uv, _MainTex);return o;}fixed4 frag(v2f i) : SV_TARGET{fixed4 col = tex2D(_MainTex, i.uv);col *= _Color;return col;}ENDCG}}
}

博主本文博客链接。

这篇关于[译]Unity3D Shader教程(六)Basic Transparency的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/516806

相关文章

Python pandas库自学超详细教程

《Pythonpandas库自学超详细教程》文章介绍了Pandas库的基本功能、安装方法及核心操作,涵盖数据导入(CSV/Excel等)、数据结构(Series、DataFrame)、数据清洗、转换... 目录一、什么是Pandas库(1)、Pandas 应用(2)、Pandas 功能(3)、数据结构二、安

2025版mysql8.0.41 winx64 手动安装详细教程

《2025版mysql8.0.41winx64手动安装详细教程》本文指导Windows系统下MySQL安装配置,包含解压、设置环境变量、my.ini配置、初始化密码获取、服务安装与手动启动等步骤,... 目录一、下载安装包二、配置环境变量三、安装配置四、启动 mysql 服务,修改密码一、下载安装包安装地

电脑提示d3dx11_43.dll缺失怎么办? DLL文件丢失的多种修复教程

《电脑提示d3dx11_43.dll缺失怎么办?DLL文件丢失的多种修复教程》在使用电脑玩游戏或运行某些图形处理软件时,有时会遇到系统提示“d3dx11_43.dll缺失”的错误,下面我们就来分享超... 在计算机使用过程中,我们可能会遇到一些错误提示,其中之一就是缺失某个dll文件。其中,d3dx11_4

Linux下在线安装启动VNC教程

《Linux下在线安装启动VNC教程》本文指导在CentOS7上在线安装VNC,包含安装、配置密码、启动/停止、清理重启步骤及注意事项,强调需安装VNC桌面以避免黑屏,并解决端口冲突和目录权限问题... 目录描述安装VNC安装 VNC 桌面可能遇到的问题总结描js述linux中的VNC就类似于Window

Go语言编译环境设置教程

《Go语言编译环境设置教程》Go语言支持高并发(goroutine)、自动垃圾回收,编译为跨平台二进制文件,云原生兼容且社区活跃,开发便捷,内置测试与vet工具辅助检测错误,依赖模块化管理,提升开发效... 目录Go语言优势下载 Go  配置编译环境配置 GOPROXYIDE 设置(VS Code)一些基本

Windows环境下解决Matplotlib中文字体显示问题的详细教程

《Windows环境下解决Matplotlib中文字体显示问题的详细教程》本文详细介绍了在Windows下解决Matplotlib中文显示问题的方法,包括安装字体、更新缓存、配置文件设置及编码調整,并... 目录引言问题分析解决方案详解1. 检查系统已安装字体2. 手动添加中文字体(以SimHei为例)步骤

Java JDK1.8 安装和环境配置教程详解

《JavaJDK1.8安装和环境配置教程详解》文章简要介绍了JDK1.8的安装流程,包括官网下载对应系统版本、安装时选择非系统盘路径、配置JAVA_HOME、CLASSPATH和Path环境变量,... 目录1.下载JDK2.安装JDK3.配置环境变量4.检验JDK官网下载地址:Java Downloads

使用Docker构建Python Flask程序的详细教程

《使用Docker构建PythonFlask程序的详细教程》在当今的软件开发领域,容器化技术正变得越来越流行,而Docker无疑是其中的佼佼者,本文我们就来聊聊如何使用Docker构建一个简单的Py... 目录引言一、准备工作二、创建 Flask 应用程序三、创建 dockerfile四、构建 Docker

深度解析Spring AOP @Aspect 原理、实战与最佳实践教程

《深度解析SpringAOP@Aspect原理、实战与最佳实践教程》文章系统讲解了SpringAOP核心概念、实现方式及原理,涵盖横切关注点分离、代理机制(JDK/CGLIB)、切入点类型、性能... 目录1. @ASPect 核心概念1.1 AOP 编程范式1.2 @Aspect 关键特性2. 完整代码实

Java Web实现类似Excel表格锁定功能实战教程

《JavaWeb实现类似Excel表格锁定功能实战教程》本文将详细介绍通过创建特定div元素并利用CSS布局和JavaScript事件监听来实现类似Excel的锁定行和列效果的方法,感兴趣的朋友跟随... 目录1. 模拟Excel表格锁定功能2. 创建3个div元素实现表格锁定2.1 div元素布局设计2.