【Unity Shader学习笔记】Unity光照基础-漫反射光照
本代码只适用于平行光。
1、逐顶点漫反射光照
1.1漫反射光照原理
1.2代码实现
在Properties语义块中声明一个漫反射颜色属性
Properties
{
//漫反射参数,用于调整漫反射效果
_Diffuse ("Diffuse", Color) = (1, 1, 1, 1)
}
在SubShader语义块中定义一个Pass语义块。
在Pass的第一行指明光照模式。
Tags{"LightMode" = "ForwardBase"}
在Pass中,使用CGPROGRAM与ENDCG包围Cg代码片,并告诉Unity顶点着色器与片元着色器的名字。
使用#include包含Unity的内置文件。
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
//包含内置文件
#include "Lighting.cginc"
ENGCG
接着在CGPROGRAM与ENDCG中定义此前在Properties中定义的属性。
fixed4 _Diffuse;
定义输入与输出结构体
struct a2v
{
//模型变换
float4 vertex_position : POSITION;
//法线方向(计算)
float3 normal : NORMAL;
};
struct v2f
{
//输出顶点位置
float4 pos : SV_POSITION;
//存储顶点着色器输出的颜色
fixed3 color_in : COLOR;
};
主要计算都集中在顶点着色器。在顶点着色器中,我们有两个目标:把坐标从模型空间转换至裁剪空间中,以及输出漫反射计算之后的color。
坐标变换很简单。代码如下:
//pos变换
o.pos = UnityObjectToClipPos(v.vertex_position);
计算颜色要复杂一些。根据最上方的公式,我们一共需要四个变量。_Diffuse变量我们已经定义好,光源颜色不需要运算(_LightColor0.rgb可直接得到),接下来需要获取世界坐标下的光源方向、世界坐标下的法线方向。
fixed3 worldLight = normalize(_WorldSpaceLightPos0.xyz);
fixed3 worldNormal = normalize(mul(v.normal, (float3x3)unity_WorldToObject));
//法线原本是模型空间下的,需要变换至世界坐标,因此需要mul()
//光源方向本来就是世界坐标下的,因此不需要mul()
//使用normalize()进行归一化
随后可以进行最重要的漫反射运算
防止法线和光源方向点乘的结果为负值,将其截取到0,这可以防止物体被从后面来的光源照亮。
saturate函数是Cg提供的函数,可以将参数截取在[0,1]的范围内。
dot()函数点乘两个向量。
//漫反射部分计算
fixed3 diffuse = _LightColor0.rgb * _Diffuse.rgb * saturate(dot(worldNormal, worldLight));
加上环境光输出
fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;
return o;
别忘了在shader最后Fallback。FallBack "Diffuse"
最终写成如下代码:
Shader "Practise/DiffuseVertexShader"
{
Properties
{
//漫反射参数,用于调整漫反射效果
_Diffuse ("Diffuse", Color) = (1, 1, 1, 1)
}
SubShader
{
Pass
{
Tags{"LightMode" = "ForwardBase"}
CGPROGRAM
//包含内置文件
#include "Lighting.cginc"
#pragma vertex vert
#pragma fragment frag
fixed4 _Diffuse;
struct a2v
{
//模型变换
float4 vertex_position : POSITION;
//法线方向(计算)
float3 normal : NORMAL;
};
struct v2f
{
//输出顶点位置
float4 pos : SV_POSITION;
//存储顶点着色器输出的颜色
fixed3 color_in : COLOR;
};
v2f vert(a2v v)
{
//两个目标:输出变换后的pos坐标、输出计算后的color
v2f o;
//pos变换
o.pos = UnityObjectToClipPos(v.vertex_position);
//color计算
//变量准备
fixed3 worldLight = normalize(_WorldSpaceLightPos0.xyz);
fixed3 worldNormal = normalize(mul(v.normal, (float3x3)unity_WorldToObject)); //法线原本是模型空间下的,需要变换至世界坐标
//环境光部分
fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;
//漫反射部分计算
fixed3 diffuse = _LightColor0.rgb * _Diffuse.rgb * saturate(dot(worldNormal, worldLight));
//整理输出
o.color_in = ambient + diffuse;
return o;
}
fixed4 frag(v2f i) : SV_Target
{
return fixed4(i.color_in, 1.0);
}
ENDCG
}
}
FallBack "Diffuse"
}
效果如下:
2、逐像素漫反射光照
逐像素光照中,主要的计算过程需要放到片元着色器中。顶点着色器只需要将变换后的位置坐标、变换后的世界空间中的发现坐标传到片元着色器中即可。
在逐顶点漫反射的基础上修改:
//输入顶点着色器
struct a2v{
float3 pos : POSITION;
float3 normal : NORMAL;
};
//顶点着色器输出
struct v2f{
float4 worldpos : SV_POSITION;
fixed3 worldnormal : TEXCOORD0;
};
TEXCOORD0、TEXCOORD1 等语义用于指示任意高精度数据,如纹理坐标和位置。
把计算挪到片元着色器:
v2f vert(a2v v)
{
// 返回
v2f o;
//变换pos
o.worldpos = UnityObjectToClipPos(v.pos);
//变换法线
o.worldnormal = mul(v.normal, (float3x3)unity_WorldToObject);
return o;
}
fixed4 frag(v2f i) : SV_TARGET
{
fixed3 worldNormal = normalize(i.worldnormal);
fixed3 worldLightDir = normalize(_WorldSpaceLightPos0.xyz);
//计算漫反射
fixed3 diffuse = _LightColor0.rgb * _Diffuse.rgb * saturate(dot(worldNormal, worldLightDir));
//环境光
fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;
fixed3 color = ambient + diffuse;
return fixed4(color, 1.0);
}
得到代码:
Shader "Prcatice/DiffusePixelShader"
{
Properties
{
_Diffuse("Diffuse", Color) = (1, 1, 1, 1)
}
SubShader
{
Pass{
Tags {"LightMode" = "ForwardBase"}
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
#include "Lighting.cginc"
fixed4 _Diffuse;
//输入顶点着色器
struct a2v{
float3 pos : POSITION;
float3 normal : NORMAL;
};
//顶点着色器输出
struct v2f{
float4 worldpos : SV_POSITION;
fixed3 worldnormal : TEXCOORD0;
};
v2f vert(a2v v)
{
// 返回
v2f o;
//变换pos
o.worldpos = UnityObjectToClipPos(v.pos);
//变换法线
o.worldnormal = mul(v.normal, (float3x3)unity_WorldToObject);
return o;
}
fixed4 frag(v2f i) : SV_TARGET
{
fixed3 worldNormal = normalize(i.worldnormal);
fixed3 worldLightDir = normalize(_WorldSpaceLightPos0.xyz);
//计算漫反射
fixed3 diffuse = _LightColor0.rgb * _Diffuse.rgb * saturate(dot(worldNormal, worldLightDir));
//环境光
fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;
fixed3 color = ambient + diffuse;
return fixed4(color, 1.0);
}
ENDCG
}
}
FallBack "Diffuse"
}
最终效果:
3、对比
逐顶点漫反射可能会在向光面与背光面的之间形成一些锯齿。
(如下图,左侧为逐像素漫反射,右侧为逐顶点漫反射,右侧阴影明显有菱形锯齿)
【Unity Shader学习笔记】Unity光照基础-漫反射光照的更多相关文章
- 【Unity Shader学习笔记】Unity光照基础-高光反射
1.原理 1.1.Phong模型 计算高光反射需要表面法线.视角方向.光源方向.反射方向等. 在这四个矢量中,我们实际上只需要知道其中3个矢量即可,而第4个矢量(反射方向r)可以通过其他信息计算得到: ...
- 【Unity Shader学习笔记】Unity光照基础-半兰伯特光照
在光照无法达到的区域,模型的外观通常是全黑的,没有任何明暗变化,这会使模型的背光区域看起来就像一个平面. 使用半兰伯特光照可以解决这个问题. 逐顶点光照技术也被称为兰伯特光照模型.因为它符合兰伯特定律 ...
- 【Unity Shader学习笔记】Unity基础纹理-单张纹理
1 单张纹理 1.1 纹理 使用纹理映射(Texture Mapping)技术,我们把一张图片逐纹素(Texel)地控制模型的颜色. 美术人员建模时,会在建模软件中利用纹理展开技术把纹理映射坐标(Te ...
- 【Unity Shader学习笔记】Unity基础纹理-渐变纹理
纹理可以用来存储任何表面属性. 可以通过使用渐变纹理来实现插画风格的渲染效果. 这项技术是由Valve公司提出的.Valve使用它来渲染游戏中具有插画风格的角色. 我们使用半兰伯特模型计算漫反射. 因 ...
- Unity Shader学习笔记-1
本篇文章是对Unity Shader入门精要的学习笔记,插图大部分来自冯乐乐女神的github 如果有什么说的不正确的请批评指正 目录 渲染流水线 流程图 Shader作用 屏幕映射 三角形遍历 两大 ...
- 【Unity Shader学习笔记】Unity基础纹理-法线贴图
1 高度纹理 使用一张纹理改变物体表面法线,为模型提供更多细节. 有两种主要方法: 1.高度映射:使用一张高度纹理(height map)来模拟表面位移(displacement).得到一个修改后的法 ...
- Unity Shader学习笔记 - 用UV动画实现沙滩上的泡沫
这个泡沫效果来自远古时代的Unity官方海岛Demo, 原效果直接复制3个材质球在js脚本中做UV动画偏移,这里尝试在shader中做动画并且一个pass中完成: // Upgrade NOTE: r ...
- Unity Shader 学习笔记(一)
_MainTex_ST (1)简单来说,TRANSFORM_TEX(tex,name) (tex.xy * name##_ST.xy + name##_ST.zw)主要作用是拿顶点的uv去和材质球的t ...
- unity shader学习笔记(1) shader基础结构以及Properties面板
首先是shader的基础结构: Shader "Custom/Example { Properties//变量属性面板 { } SubShader { Tags { "Render ...
随机推荐
- 手写封装防抖debounce
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- 从零搭建react开发环境
早在六年前,前端开发已经实现了模块化.工程化开发,既然是模块化工程化开发那就少不了包管理工具,所以我们的第一步就是先从安装nodejs开始(安装nodejs携带JavaScript的包管理工具npm) ...
- 关于websocket 的原理与应用
WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或者说没关系,但HTTP是不支持持久连接的(长连接,循环连接的不算) http协议和websocket协议的关系如图 We ...
- Python入门-面向对象三大特性-封装
一.封装 封装,顾名思义就是将内容封装到某个地方,以后再去调用被封装在某处的内容. 所以,在使用面向对象的封装特性时,需要: 将内容封装到某处 从某处调用被封装的内容 第一步:将内容封装到某处 sel ...
- Spring Boot-@PropertySource注解
@PropertySource:加载自己手动编写的资源文件 有关@ConfigurationProperties注解的作用请访问Spring Boot-@Value获取值和@Configuration ...
- oracle查看当前用户表结构、主键、索引
1.查询表的所有列及其属性 select t.*,c.COMMENTS from user_tab_columns t,user_col_comments c where t.table_name = ...
- java_类的访问控制符
1.分类: public protected default private是java中的访问控制修饰符. public String name; protected String name; Str ...
- React + TypeScript + Taro前端开发小结
前言 项目到一段落,先来记录一下,本文以前端新手的角度记录React.TypeScript.Taro相关技术的开发体验以及遇到的问题和解决方法. 之前总说要学React(这篇博客:代码使我头疼之Rea ...
- python基础练习题(题目 判断101-200之间有多少个素数,并输出所有素数。)
day7 --------------------------------------------------------------- 实例012:100到200的素数 题目 判断101-200之间 ...
- MySQL数据库常识之储存引擎
我的博客 储存引擎分类 show engines; 这个命令可以查看数据库的数据引擎,可以看到InnoDB是默认的引擎. 命令除了在终端运行,也可以在查询数据库可视化工具中运行. 而,(我是5.7版本 ...