惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

T
Tailwind CSS Blog
大猫的无限游戏
大猫的无限游戏
L
LINUX DO - 热门话题
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
雷峰网
雷峰网
aimingoo的专栏
aimingoo的专栏
博客园_首页
MongoDB | Blog
MongoDB | Blog
V
V2EX
GbyAI
GbyAI
量子位
Microsoft Azure Blog
Microsoft Azure Blog
有赞技术团队
有赞技术团队
G
Google Developers Blog
云风的 BLOG
云风的 BLOG
B
Blog
Microsoft Security Blog
Microsoft Security Blog
S
SegmentFault 最新的问题
O
OpenAI News
N
News and Events Feed by Topic
博客园 - Franky
爱范儿
爱范儿
Forbes - Security
Forbes - Security
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
V2EX - 技术
V2EX - 技术
Application and Cybersecurity Blog
Application and Cybersecurity Blog
N
News and Events Feed by Topic
N
News | PayPal Newsroom
Schneier on Security
Schneier on Security
Cloudbric
Cloudbric
Security Archives - TechRepublic
Security Archives - TechRepublic
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
Recent Commits to openclaw:main
Recent Commits to openclaw:main
人人都是产品经理
人人都是产品经理
P
Privacy International News Feed
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
B
Blog RSS Feed
阮一峰的网络日志
阮一峰的网络日志
D
DataBreaches.Net
Last Week in AI
Last Week in AI
罗磊的独立博客
Spread Privacy
Spread Privacy
Recent Announcements
Recent Announcements
The Cloudflare Blog
Google DeepMind News
Google DeepMind News
AWS News Blog
AWS News Blog
The Register - Security
The Register - Security
Y
Y Combinator Blog
J
Java Code Geeks
I
Intezer

音视频开发进阶

音视频教程-第三节 音视频教程-第二节 真的,AI 可能就是新时代的信息差 充值 Cursor 之后,工作有了哪些变化?🤔 个人'蒸馏'大模型能做哪些有意思的事情 DeepSeek 大模型在 Mac 上的部署和运行 音视频教程-第一节 【WebRTC 专栏】-- Android 开发集成 WebRTC 库的几种方式 【WebRTC 专栏】-- 在 Mac M1 等系列芯片编译和开发 WebRTC-Android 库 Meta Llama3 大模型在 Mac 上的部署和运行 iOS VideoToolBox 解码 HEVC Open-GOP 视频的问题排查 Flutter 状态管理之 InheritedWidget 使用和分析 用 ChatGPT 回答技术问题怎么样 ? 音视频开发系统入门大致路线 UE 4.27 添加自定义 ShadingModel 用 UE4 虚幻引擎做个捏脸小功能~~ UE4 材质练习 之 凹凸贴图偏移的使用 UE4 材质练习系列基础 OpenGL上下文创建以及共享机制 007 | 播放器系列专栏-解析 MP4 文件读取信息 006 | 播放器系列专栏-在 Mac 上查看 MP4 格式信息 干货 | 快速抽取缩略图是怎么练成的? 关于直播、WebRTC、FFmpeg 的那些事 005 | 播放器系列专栏-在 Windows 上查看 MP4 格式信息 将音视频中的花屏、绿屏、黑屏问题一网打尽 关于音视频里面的解码帧率和渲染帧率 004 | 播放器系列专栏-认识MP4视频(下) 003 | 播放器系列专栏-认识MP4视频(上) 入门或者转行音视频,应该要怎么做? H264视频文件如何缩放分辨率 002 | 播放器系列专栏-FFmpeg依赖库的配置 001 | 播放器系列专栏-关于播放器项目的一个小实践 Seek策略以及在有B帧情况下的处理 目前流媒体开发工程师工作内容主要是什么? 一个音视频领域专业问答的小圈子 干货收藏 || Vulkan Game Engine 视频教程 音视频春节假期内卷指南(实操) Vulkan 在 FFmpeg 中的支持 Windows 下 FFmpeg 和 LibX264 的编译和配置 Metal 开发 | 使用 C++ 进行接口调用 音视频开发工作经验分享 || 视频版 FFmpeg 调用 MediaCodec 硬解码到 Surface 上 代码吸猫 | 用 OpenGL 图像渲染的养猫计划 百倍变速--解码到底能不能丢 非参考帧 ?FFmpeg 有话说!!! 老生常谈-FFmpeg 的编译问题轻松搞定 FFmpeg 调用 Android MediaCodec 进行硬解码(附源码) 【WebRTC 专栏】--创建相机预览 Unity Shader 光照基础之 Half Lambert 光照模型 Unity Shader 光照基础内容 Unity Shader 显示一张图片纹理 UnityShader 的基本概念 Unity 物体的基本操作 C++ 模板系列小结07-尾置返回类型 C++ 模板系列小结06-可变参数模板特性 C++ 中的多线程的使用和线程池建设 C++ 模板系列小结05-模板类型作为模板参数 C++ 模板系列小结04-类模板中的成员模板 C++ 模板系列小结03-在模板中指定变量类型 C++ 模板系列小结02-非类型模板参数 C++ 模板系列小结01-函数模板和类模板 从零打造渲染引擎系列01-什么是渲染引擎 iOS开发 - 在 Swift 中去调用 C/C++ 代码 2021 技术新番 - 从零打造渲染引擎系列 iOS 音视频开发的一些基础准备工作 音视频交流群又来啦~~~ 【WebRTC 专栏】WebRTC & Android 开发学习环境搭建~ 【喜大普奔】域名终于备案通过啦 Shader 优化 | OpenGL 绘制网格效果 【音视频连载-011】第二季 FFmpeg 一层一层获取文件信息 KodeLife | Shader 实时编辑预览的强大工具使用实践 推荐几个堪称教科书级别的 Android 音视频入门项目 【音视频连载-010】第二季 FFmpeg 日志打印 【音视频连载-008】基础学习篇-SDL 播放 PCM 音频文件(下) 【音视频连载-007】基础学习篇-SDL 播放 PCM 音频文件(上) 【音视频连载-006】基础学习篇-SDL 播放 YUV 视频文件 【音视频连载-005】基础学习篇-SDL 加载 YUV 文件并显示 【音视频连载-004】基础学习篇-SDL 加载图片并显示 【音视频连载-003】基础学习篇-SDL 消息循环和事件响应 【音视频连载-002】基础学习篇-SDL 创建窗口并显示颜色 【音视频连载-001】基础学习篇- SDL 介绍以及工程配置 LearnOpenGL 源码在 MAC 上的编译与调试 2019 年终总结与回顾 Android NDK 开发的免费技术视频来啦~~ OpenGL 实现视频编辑中的转场效果 OpenGL 实践之贝塞尔曲线绘制 图像库 libjpeg-turbo 编译与实践 图像库 libpng 编译与实践 rust 开发编译 Android 动态库实践 Android NDK 开发 —— 从 Assets 文件夹加载图片并上传纹理 简单易用的图像解码库介绍 —— stb_image 博客图床迁移记 进击的 Vulkan 移动开发之 SwapChain 进击的 Vulkan 移动开发之 Command Buffer 进击的 Vulkan 移动开发之 Instance & Device & Queue 进击的 Vulkan 移动开发(一)之今生前世 Java 显式锁 Lock 与条件队列 C++ 标准容器库小结 MediaCodec 硬编码之相机内容编码成 H264 文件 一文读懂 YUV 的采样与格式 《OpenGL ES 3.x 游戏开发》碰撞检测之 AABB 包围盒
Unity Shader 光照基础之Lambert光照模型
音视频开发进阶 · 2021-09-02 · via 音视频开发进阶

一个专注音视频领域的小圈子

在标准光照模型中,可以把光照分为四种:

  • 自发光。常用英文 emissive 来表示,用于描述当给定一个方向时,一个物体表面会向该方向发射多少辐射量,也就是有多少光照出来,一般计算都忽略这个值了。
  • 高光反射,也叫作镜面反射。常用英文 specular 来表示,用于描述当光线从光源照射到模型表面时,该表面会在完全镜面发射反向散射多少辐射量,也是就发出多少光。
  • 漫反射。常用英文 diffuse 来表示,用于描述当光线从光源照射到模型表面,该表面会向每个方向散射多少辐射量,也就是发出多少光。
  • 环境光。常用英文 ambient 来表示,用户描述其他所有间接光照。 用一张图来表示各个光照: 而 Lambert 光照模型主要是处理物体漫反射的。

漫反射模型

漫反射光照是用于对那些被物体表面随机散射到各个方向的光线进行建模的。

在漫反射中,视角的位置不重要,因为反射是完全随机的,因此可以认为在任何反射方向上的分布都是一样的,但是入射光线的角度很重要。所以在计算中不用考虑视角的方向,只用考虑光源方向就好了。

漫反射光照模型符合 Lambert 定律,认为反射光线的强度与表面法线和光源方向之间夹角的余弦值成正比。

如图所示,光线强度和图中的夹角成正比。

除了光线强度这个概念之外,还有一个光的颜色,也就是物体反射出来的颜色,它由物体的漫反射颜色乘以光源的颜色得到。

最终可以得到漫反射颜色计算公式如下:

$c_{diffuse} = (c_{light} \cdot m_{diffuse}) \cdot max (0,n \cdot I)$

漫反射的颜色等于材质的颜色乘以光线强度,避免光线强度为负数,用了 max 函数做比较。

接下来就在 Shader 中去实现漫反射光照了。

逐顶点光照

漫反射的光照既可以在顶点着色器中去实现也可以在片段着色器中去实现。

顶点着色器中的实现就叫做逐顶点光照,按照公式原理在顶点着色器中要拿到模型的法向量和顶点指向光源的方向向量,同时要对这两个向量做归一化,因为要计算两个向量的余弦,但是并不需要它们的长度,归一化之后就等于 1 了,只需要方向就好了。

取模型的法向量比较简单,只要把变量声明为 NORMAL 类型,unity 会自动把法向量填充过来的,如下所示:

struct appdata
{
    float4 vertex : POSITION;
    float3 normal : NORMAL;
};

接下来要得到光源的相关信息,如果是 OpenGL 的话,那就得调用 setUniform 等函数来传递了,但在 unity 中声明好了 LightMode 后,就可以拿到对应类型的光照信息了,比如这里只用到了平行光,那么 LightModeForwardBase 就好了,后面会慢慢讲到关于 LightMode 的更多内容。

unity 通过 _LightColor0 内置变量来得到该 Pass 处理的光源的颜色和强度信息,而光源方向可以由 _WorldSpaceLightPos0 来得到,这里只考虑到仅有一个光源而且还是平行光的情况。

接下来要算模型法向量和光源方向之间的夹角了,但是法向量是在模型空间下的,光源方向是在世界空间下的,两个坐标空间不同的话,算出来的结果是没有意义的,需要统一将它们转换到世界空间坐标下。

unit 提供了 unity_WorldToObject 矩阵来实现这个转换,法向量乘以该矩阵就能转换到世界空间下,由于法向量是个 3 维向量,所以只需要取 unity_WorldToObject 前三行前三列就行。

所以得到世界空间坐标下的法向量如下,别忘了做归一化操作。

fixed3 worldNormal = normalize(mul(v.normal, (float3x3)unity_WorldToObject));

而光源方向本来就是在世界空间坐标下的,只需要再归一化操作,就可以直接相乘。

fixed3 worldLight = normalize(_WorldSpaceLightPos0.xyz);

值得一提的是 _WorldSpaceLightPos0 从字面意义上来看更像是世界空间光源的位置,这是因为所说的光源方向是从世界空间原点指向光源的方向,而不是从模型的顶点指向光源的方向(这个方向在后面镜面反射中会用到)。

世界空间原点坐标都是 0 ,所以光源位置坐标减去原点坐标就是指向光源方向的向量了,于是直接用坐标值就好了。

有了光源方向向量和模型法向量,并且统一了坐标系,可以直接算出漫反射颜色。

fixed3 diffuse = _LightColor0.rgb * _Diffuse.rgb * saturate(dot(worldNormal,worldLight));

其中,_LightColor0.rgb 代表光源的颜色,也是通过 unity 的内置变量直接获取。_Diffuse.rgb 需要指定漫反射颜色,通过在 Properties 块中定义属性,方便在控制面板中修改。

saturate 函数替代了公式里面的 max 函数,它是 CG 里面提供的一种函数,需要包含对应的头文件才行,作用就是可以把参数截取到 [0,1] 范围内。

saturate 函数算出来的是夹角余弦值,还需要乘以光源颜色和漫反射颜色就可以得到最终的漫反射颜色值。

整体代码如下:

Shader "Custom/LambertShader"
{
    Properties
    {
        _Diffuse ("Diffuse",Color) = (1,1,1,1)
    }
    SubShader
    {
 
        Pass
        {
            Tags"LightMode" = "ForwardBase"}
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            #include "UnityCG.cginc"
            #include "Lighting.cginc"
            fixed4 _Diffuse;
            struct appdata
            {
                float4 vertex : POSITION;
                float3 normal : NORMAL;
            };
            struct v2f
            {
                float4 pos : SV_POSITION;
                fixed3 color : COLOR;
            };
            v2f vert (appdata v)
            {
                v2f o;
                o.pos = UnityObjectToClipPos(v.vertex);
                
                fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;
                fixed3 worldNormal = normalize(mul(v.normal, (float3x3)unity_WorldToObject));
                fixed3 worldLight = normalize(_WorldSpaceLightPos0.xyz);
                fixed3 diffuse = _LightColor0.rgb * _Diffuse.rgb * saturate(dot(worldNormal,worldLight));
                o.color = ambient + diffuse;
                return o;
            }
            fixed4 frag (v2f i) : SV_Target
            {
                return fixed4(i.color,1.0);
            }
            ENDCG
        }
    }
}

除了漫反射,还用到了 UNITY_LIGHTMODEL_AMBIENT.xyz 变量获取整体的环境光,环境光不需要计算,直接和漫反射颜色值相加即可。

对于片段着色器,就不需要进行计算了,直接展示在顶点着色器中的计算结果就好。

最终的渲染结果如下:

由于顶点着色器在顶点和顶点之间的计算是通过插值的,存在精度的问题,逐顶点光照在阴暗交界处会有一些锯齿,如下图所示:

想要消除这些锯齿,可以通过逐像素光照来实现,也就是在片段着色器中去计算漫反射光照。

逐像素光照

在片段着色器中去实现漫反射光照,同样也需要法向量和指向光源的向量,还需要统一坐标空间。

但是可以在片段着色器中直接获取 unity 定义的光源相关的变量信息,而法向量就得通过顶点着色器传递过来了。

顶点着色器如下:

v2f vert (appdata v)
{
    v2f o;
    o.pos = UnityObjectToClipPos(v.vertex);
    o.worldNormal = mul(v.normal,(float3x3)unity_WorldToObject);
}

在顶点着色器中完成好法向量的坐标空间转换,片段着色器直接使用就行。

fixed4 frag (v2f i) : SV_Target
{
    fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;
    fixed3 worldNormal = normalize(i.worldNormal);
    fixed3 worldLightDir = normalize(_WorldSpaceLightPos0.xyz);
    fixed3 diffuse = _LightColor0.rgb * _Diffuse.rgb * saturate(dot(worldNormal,worldLightDir));
    fixed3 color = ambient + diffuse;
    return fixed4(color,1.0);
}

片段着色器中也是可以访问环境光等信息的,渲染效果如下:

作为对比,下面的逐顶点光照有锯齿,而上面的逐像素光照就没有锯齿了。

完整代码如下:

Shader "Custom/LambertFragShader"
{
    Properties
    {
        _Diffuse ("Diffuse",Color) = (1,1,1,1)
    }
    SubShader
    {
 
        Pass
        {
            Tags"LightMode" = "ForwardBase"}
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            #include "UnityCG.cginc"
            #include "Lighting.cginc"
            fixed4 _Diffuse;
            struct appdata
            {
                float4 vertex : POSITION;
                float3 normal : NORMAL;
            };
            struct v2f
            {
                float4 pos : SV_POSITION;
                float3 worldNormal : TEXCOORD0;
            };
            v2f vert (appdata v)
            {
                v2f o;
                o.pos = UnityObjectToClipPos(v.vertex);
                o.worldNormal = mul(v.normal,(float3x3)unity_WorldToObject);
                return o;
            }
            fixed4 frag (v2f i) : SV_Target
            {
                fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;
                fixed3 worldNormal = normalize(i.worldNormal);
                fixed3 worldLightDir = normalize(_WorldSpaceLightPos0.xyz);
                fixed3 diffuse = _LightColor0.rgb * _Diffuse.rgb * saturate(dot(worldNormal,worldLightDir));
                fixed3 color = ambient + diffuse;
                return fixed4(color,1.0);
            }
            ENDCG
        }
    }
}

小结

以上就是关于漫反射的逐顶点和逐像素光照的实现。原理和计算都比较简单,重点就在于法向量和指向光源方向的余弦值,对照着图的话就很容易理解了。

参考

  1. 《Unity Shader 入门精要》
  2. https://learnopengl-cn.readthedocs.io/zh/latest/02%20Lighting/02%20Basic%20Lighting/

原创文章,转载请注明来源:    Unity Shader 光照基础之Lambert光照模型