| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> 游戏开发 -> TA 认识 unity shader最基本的代码结构与书写01 -> 正文阅读 |
|
[游戏开发]TA 认识 unity shader最基本的代码结构与书写01 |
01:认识最简单的shader代码 Shader "Unlit/01minishader" { Properties { _MainTex ("Texture", 2D) = "white" {} } SubShader {...} } 这是一个简单shader的基本结构根据两个模块进行构成,其中subshader是我们需要研究学习的模块,但在此之前,我们也需要明白subshader模块之上的是什么东西, 1.1 首先就是shader第一行,指的是这个shader是创建于shader类别中的unlit(无光照)目录下面的一个shader名字是01minishader。再是我们的properties模块,这个模块是属性模块,连接了材质与unity shader。 一个通用的properties模块的样式如下: properties{ Name("display name",propertyType)=Defaultvalue 这样的格式是为了开发者,在材质编辑面板进行材质的编辑。name是属性的名字,通常这个属性名字由一个下划线展开,就比如_MainTex这个属性名字,而displayname自然就是在材质编辑面板上的名字,我们需要给这个属性确立它的类型,所以就有了property Type,在unity中常用的属性类型如下 再赋给一个值,比如这里的white 那么我们就可以对这里的properties模块就可以进行解释了。 进行翻译为:现在属性Maintex属性,其中在材质面板上表现为texture(贴图)这个材质名字,它的属性类型是2D类型,再赋予一个初始值白色。材质与shader的联系就建立了。 1.2然后就是我们的大头任务,认识subshader 我们把shader分为了properties模块与subshader模块,我们也能把subshader模块进行细分为两个模块,一个是pass外,一个是pass内。 同上,我们对一个subshader的模板进行研究如下 SubShader { //可选的 [Tags] //可选的 [RenderSetup) Pass { } // Other Passes } 这个模板是什么意思呢?我们逐个研究,首先是tags(标签), SubShader的标签(Tags)是一个键值对(Key/Value Pair), 它的键和值都是字符串类型。 这 些键值对是SubShader和渲染引擎之间的沟通桥梁。 它们用来告诉Unity的渲染引擎: 我希望怎样以及何时渲染这个对象。 标签的结构如下: 显然通过对于tags的设置我们可以进行很多功能的选择。 那么rendersetup(状态设置)是什么呢? 可以设置显卡的各种状态, 例如是否开启深度/混合测试。 了解了标签与渲染状态设置,我们开始重头戏,身为要写shader人的最重要的困难以及任务写pass。 我们先展开上面的pass语句,了解其中的内容。 Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag // make fog work #pragma multi_compile_fog #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; UNITY_FOG_COORDS(1) float4 vertex : SV_POSITION; }; sampler2D _MainTex; float4 _MainTex_ST; v2f vert (appdata v) { v2f o; o.vertex = UnityObjectToClipPos(v.vertex); o.uv = TRANSFORM_TEX(v.uv, _MainTex); UNITY_TRANSFER_FOG(o,o.vertex); return o; } fixed4 frag (v2f i) : SV_Target { // sample the texture fixed4 col = tex2D(_MainTex, i.uv); // apply fog UNITY_APPLY_FOG(i.fogCoord, col); return col; } ENDCG } } } 这是我们的pass语句中的内容,和之前一样我们对模板进行研究。下面展开模板(翻译在subshader介绍完后进行) 1.3pass模板 pass{ {Name} {Tags} {Rendersetup} //other code } 很容易发现我们对于subshaderpass中的内容要简单一些,因为里面也是标签,渲染状态设置,一样的内容。那么区别在哪里呢? 区别在于我们对于这个pass语句中的标签与渲染状态设置仅仅是对于这一个pass语句起作用,而pass外的则是对所有的pass。这个点会对我们进行不同问题不同渲染的时候尤其重要。 开始对于pass内的研究,首先让我们回忆上一文中我对于渲染管线的介绍。在cpu端将模型数据传递给gpu后,要对其先通过顶点shader进行变形,再用片元shader进行逐片元上色。这个过程在代码是怎么体现的呢?答案在pass语句内,让我们对其研究。(一个pass语句一个理解为一个gpu的渲染管线) 代码的框架:CGPROGRAM { }//这个括号代表之间存在东西。 ENDCG 什么意思呢?代表我们这个pass语句是cgshader编写语言书写的一个pass语句(hlsl,glsl,cg是三种编写shader的语言,本文不做阐述),那么了解这个框架后,我们开始正式写shader 通过对于渲染管线的了解后,我们会发现我们需要写两个shader,顶点shader(vertex shader)与片元shader(fragment shader),但是正式编写代码的时候,我们要尽量简化工作流,因此我们会#pragma vertex vert 与 # pragma fragment frag,代表着我们的顶点shader已经被称呼为了vert,片元shader称呼为frag。方便进行后文代码的编写,实际编写过程中,名字是可以随意变化的,当然要被你同事看的懂(笑), #pragma multi_compile_fog这个是unity帮助我们方便写shader的一个头文件,里面有许多函数与变量可以让我们使用。前期准备结束,shader编写开始: 第一步:拿到模型数据 第二步:进行空间变换 第三步:逐片元上色 1.3.1:拿到数据: struct appdata//这个指的是拿到模型数据,appdata是这个输入结构体的名字 { float4 vertex : POSITION;//拿到这个模型的顶点坐标 float2 uv : TEXCOORD0;//拿到模型的uv float3 normal:NORMAL;//拿到模型的法线 float4 color:COLOR;//拿到模型的顶点色 //:后的都是特定的语义词,更多语义词可以上unity官方文档进行查看与使用,列举了常用的一些语义词 }; 我们有一个输入的结构体,拿到了模型的数据,那么经过顶点shader后,自然会产生一个不一样的数据,因此要写一个输出结构体 struct v2f//输出结构体 { float2 uv : TEXCOORD0;//uv的输出 float4 vertex : SV_POSITION;//顶点坐标的输出 }; 结构体的部分阐述到此,更多部分后续说明与补充,或者在官方文档进行个人研究。有了数据,那么就能开始写顶点shader与片元shader了。首先就是顶点shader 1.3.2:顶点shader(vertex shader)的编写: v2f vert(appdata v)//从appdata中拿到(u)v的数据进行传参数再输出(v2f) { v2f a;//初始化输出数据为a } 那么顶点shader之后的内容到底怎么写?这个涉及到顶点shader的作用,在笔者看来就是变化,从模型空间到世界空间再到相机空间再到裁剪空间(这就是mvp矩阵变换的作用地)(本文不做说明,后续进行mvp矩阵变化的数学原理以及在顶点shader中的具体原理),知道了原理,所以我们的任务就是写矩阵(笑,回到很多人不喜欢的数学部分,线性代数) 矩阵不想自己计算的话,可以到unity的官方文档研究官方提供的矩阵 有了矩阵,那么可以进行顶点shader的书写了 v2f vert(appdata v)//从appdata中拿到(u)v的数据进行传参数再输出(v2f) { v2f a;//初始化输出数据为a float4 pos_world=mul(_ObjectToWorld,v.vertex);//mul指的是矩阵的乘法,v.vertex指的是向量的坐标点,从模型空间到世界空间 float4 pos_view=mul(_MATRIX_V,pos_world);//从世界空间到相机空间 float4 pos_cilp=mul(_MATRIX_P,pos_view);//从相机空间到裁剪空间 a.pos=pos_cilp;//把裁剪空间的数据给与a return a; } 顶点shader的书写也就完成了。其实是很简单的,那么片元shader也是一样书写。 1.3.3:片元shader的编写 float4 frag (v2f i) : SV_Target//片元shader输出的是一个颜色值,SV_Target是我们渲染的一个目标 { return float4(0.4,0.5,0.1,1.0);//数字类比rgb值 } 到此一个简单的基本shader就写完了,并且可以实现用代码更改颜色等等功能。 1.4总结 一个简单的shader代码,对于开发者来说,最为重要的是其pass语句的编写,另外对一个TA来说,属性界面也尤其重要,学会用shader来让项目开发更加简单,给与美术更好的体验,给与项目更丰富的画面表现才是shader编写的意义 那么我们开始对于这一个简单的shader的汉语翻译 首先我们要确立属性面板,确立材质与unity shader之间的关系,再是书写pass语句,正式写shader,我们要得到模型的数据,需要写两个结构体,输入结构体,输出结构体,并且开始写我们的shader,顶点shader与片元shader。这就是我们的工作流,也是shader编写最简单最基本的框架。 (至此本文对于unity shader代码最简单的介绍到此结束,后续会说明深度测试等等功能在代码中的实现以及数学原理) 感谢《unity shader入门精要》 |
|
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年1日历 | -2025/1/16 7:42:49- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |