庄懂-BoyanTata的个人空间_哔哩哔哩_Bilibili

环境反射的做法有Matcap和Cubemap
菲涅尔现象
菲涅尔连连看部分
Fresnel = pow(1-ndotv,powVal)下的法线点乘世界下的视线
现实中View Dir观察方向和light Dir光方向都是太阳照射到地面上的,但在引擎内View Dir观察方向和lDir光向量都是指向人眼方向的,也可以说是指向光源的
因此View Dir观察方向和lDir光向量在物理上和引擎内效果是相反的
Matcap效果
Matcap连连看部分
金属反射环境是没有中间与边缘的区分
Remap
相当于是一个映射,法线方向点乘光方向输出的值是-1到1之间,我们将-1到1之间的值映射到0到1之间
将点乘的值转换为Lambert输出的操作
菲涅尔 =  世界下的法线 dot 世界下的视向量
法线从切线空间(tangent space)变换到世界空间(world space)再变换到观察空间(view space)
一束光从屏幕的右边打过来,它的中间是黑色,右边的黑色不是0,而是负值,无论怎样旋转视角
为了验证它是一个负数,把它+1再*0.5,直接做一个Remap,它是一个(-1,1)的值,我们将其映射为(0,1)
法线朝左边,从左到右的一个渐变
通道的含义就是它这个表面,法线方向,它在平行于屏幕的轴向上,朝左它就是0.朝右就是1,这是Remap之后的结果
没有Remap之前,朝左就是-1,正对着你是0,朝右是1
绿通道的含义,就是左右的关系,将红通道平行于屏幕的关系变成垂直于屏幕的关系,就变成了一个上下关系,同样去做一个Remap,它也是无论怎样旋转模型或者旋转视角也好,它始终都是在屏幕上的一个上下关系
我们拿到这个绿通道,做了Remap之后,它就是一个以朝下,法线取0值,法
线朝你取0.5,法线朝你取1
通道是法线朝左取0,法线朝你取0.5,法线朝右取1
把观察空间下View_Space的下的法线取出它的红绿通道做Remap去采样纹理
通道从左到右依次取值为0,0.5,1
绿通道从下到上依次取值为0,0.5,1
Cubemap效果
简单理解就是一张全景图
Cubemap效果连连看部分
视方向ViewDir不是眼睛射出的光线,而是一个光线射向眼睛的方向
Reflect反射不是要拿视方向ViewDir,而是要拿视方向ViewDir在法线上反弹之后的方向去采样
不是直接去看Cubemap的结果,我们是把自己的视线方向ViewDir经过一面镜子的反弹,然后用那个方向去采样cubemap的结果
将视方向ViewDir先取了一个反, 然后跟法线Normal去做了一次反射Reflect,这样就拿到了一个视方向ViewDir的反弹方向,就可以去查询Cubemap反弹到哪个像素了
HDR的图片很多手机不支持,所以想办法要把HDR的信息编码成LDR的图,就是不超过1的图,有一些方法可以做一下编码,然后在去手机上做一个还原,而且还能保留一个高动态范围的信息,但是它的载体是低动态范围的,是常用手段之一
将SD内导出的HDR贴图(EXR.格式)导入PS,然后勾选作为Alpha通道,将HDR贴图由长方形改为正方形,之后还是一个高动态范围的状态,在图像>>模式>>改为8位/通道(A),然后贴图整体就变暗了,因为它将原先最亮的地方变成1,最暗的地方变为0,也就是重新做了一下Remap映射,然后保存为TGA格式导出
Cubemap的映射方式Mapping选择为Latitude-Longitue Layout(Cylindrical)
Convolution Type 选择 Specular(Glossy Reflection) 可以生成 Mipmap
远处采样低精度的图,近处采样高精度的图,这也是Mipmap一个常规的用法
但是我们做Cubemap,是利用Mipmap这样一个特性,将不用级别的Mipmap视作不用粗糙度表面对环境的反射
Fixup Edge Seams 修正接缝
Mapcap效果代码部分
i.posWS =  mul(unity_objectToWorld,vertex);  //世界坐标
//世界空间下的视线方向 = 摄像机的位置 - 世界坐标的位置
float3 nDirWS = normalize(_WorldSpaceCameraPos.xyz - i.posWS.xyz); 
Shader "AP01/L09/Matcap"
{Properties{_NormalMap  ("法线贴图", 2D) = "bump" {}_Matcap     ("Matcap", 2D) = "gray" {}_FresnelPow ("菲涅尔次幂", Range(0, 10)) = 1_EnvSpecInt ("环境镜面反射强度", Range(0, 5)) = 1}SubShader{Tags { "RenderType"="Opaque" }Pass{Name "FORWARD"Tags { "LightMode"="ForwardBase" }CGPROGRAM#pragma vertex vert#pragma fragment frag#include "UnityCG.cginc"#pragma multi_compile_fwdbase_fullshadows#pragma target 3.0// 输入参数uniform sampler2D _NormalMap;uniform sampler2D _Matcap;uniform float _FresnelPow;uniform float _EnvSpecInt;// 输入结构struct VertexInput{float4 vertex   : POSITION;     // 顶点信息float2 uv0      : TEXCOORD0;    // uv信息float3 normal   : NORMAL;       // 法线信息float4 tangent  : TANGENT;      // 切线信息};// 输出结构struct VertexOutput{float4 pos : SV_POSITION;       // 屏幕顶点位置float2 uv0 : TEXCOORD0;         // uv信息float4 posWS : TEXCOORD1;       // 世界顶点位置float3 nDirWS : TEXCOORD2;      // 世界法线方向float3 tDirWS : TEXCOORD3;      // 世界切线方向float3 bDirWS : TEXCOORD4;      // 世界副切线方向};// 输入结构>>>顶点Shader>>>输出结构VertexOutput vert (VertexInput v){VertexOutput o = (VertexOutput)0;           // 新建一个输出结构o.pos = UnityObjectToClipPos( v.vertex );o.uv0 = v.uv0;                                  // 传递uv信息o.posWS = mul(unity_ObjectToWorld, v.vertex);   // 顶点位置 OS>WSo.nDirWS = UnityObjectToWorldNormal(v.normal);  // 法线方向 OS>WSo.tDirWS = normalize(mul(unity_ObjectToWorld, float4(v.tangent.xyz, 0.0)).xyz); // 切线方向 OS>WSo.bDirWS = normalize(cross(o.nDirWS, o.tDirWS) * v.tangent.w);  // 根据nDir tDir求bDirreturn o;                                   // 将输出结构 输出}// 输出结构>>>像素float4 frag(VertexOutput i) : COLOR{// 准备向量float3 nDirTS = UnpackNormal(tex2D(_NormalMap, i.uv0)).rgb;float3x3 TBN = float3x3(i.tDirWS, i.bDirWS, i.nDirWS);float3 nDirWS = normalize(mul(nDirTS, TBN));        // 计算nDirVS 计算Fresnelfloat3 nDirVS = mul(UNITY_MATRIX_V, nDirWS);        // 计算MatcapUVfloat3 vDirWS = normalize(_WorldSpaceCameraPos.xyz - i.posWS.xyz); // 计算Fresnel// 准备中间变量float vdotn = dot(vDirWS, nDirWS);float2 matcapUV = nDirVS.rg * 0.5 + 0.5;// 光照模型float3 matcap = tex2D(_Matcap, matcapUV);float fresnel = pow(max(0.0, 1.0 - vdotn), _FresnelPow);float3 envSpecLighting = matcap * fresnel * _EnvSpecInt;// 返回值return float4(envSpecLighting, 1.0);}ENDCG}}FallBack "Diffuse"
}
Cubemap代码部分
采样Cubemap要用texCUBElod
采样的UV坐标必须是四维的,float4(vrDirWS,_CubemapMip)
Shader "AP01/L09/Cubemap"
{Properties{_Cubemap    ("环境球", Cube) = "_Skybox" {}_NormalMap  ("法线贴图", 2D) = "bump" {}_CubemapMip ("环境球Mip", Range(0, 7)) = 0_FresnelPow ("菲涅尔次幂", Range(0, 5)) = 1_EnvSpecInt ("环境镜面反射强度", Range(0, 5)) = 0.2}SubShader{Tags { "RenderType"="Opaque" }Pass{Name "FORWARD"Tags { "LightMode"="ForwardBase" }CGPROGRAM#pragma vertex vert#pragma fragment frag#include "UnityCG.cginc"#pragma multi_compile_fwdbase_fullshadows#pragma target 3.0// 输入参数uniform samplerCUBE _Cubemap;uniform sampler2D _NormalMap;uniform float _CubemapMip;uniform float _FresnelPow;uniform float _EnvSpecInt;// 输入结构struct VertexInput{float4 vertex   : POSITION;     // 顶点信息float2 uv0      : TEXCOORD0;    // uv信息float3 normal   : NORMAL;       // 法线信息float4 tangent  : TANGENT;      // 切线信息};// 输出结构struct VertexOutput{float4 pos : SV_POSITION;       // 屏幕顶点位置float2 uv0 : TEXCOORD0;         // uv信息float4 posWS : TEXCOORD1;       // 世界顶点位置float3 nDirWS : TEXCOORD2;      // 世界法线方向float3 tDirWS : TEXCOORD3;      // 世界切线方向float3 bDirWS : TEXCOORD4;      // 世界副切线方向};// 输入结构>>>顶点Shader>>>输出结构VertexOutput vert (VertexInput v){VertexOutput o = (VertexOutput)0;           // 新建一个输出结构o.pos = UnityObjectToClipPos( v.vertex );o.uv0 = v.uv0;                                  // 传递uv信息o.posWS = mul(unity_ObjectToWorld, v.vertex);   // 顶点位置 OS>WSo.nDirWS = UnityObjectToWorldNormal(v.normal);  // 法线方向 OS>WSo.tDirWS = normalize(mul(unity_ObjectToWorld, float4(v.tangent.xyz, 0.0)).xyz); // 切线方向 OS>WSo.bDirWS = normalize(cross(o.nDirWS, o.tDirWS) * v.tangent.w);  // 根据nDir tDir求bDirreturn o;                                   // 将输出结构 输出}// 输出结构>>>像素float4 frag(VertexOutput i) : COLOR{// 准备向量float3 nDirTS = UnpackNormal(tex2D(_NormalMap, i.uv0)).rgb;float3x3 TBN = float3x3(i.tDirWS, i.bDirWS, i.nDirWS);float3 nDirWS = normalize(mul(nDirTS, TBN));   // 计算Fresnel 计算vrDirWSfloat3 vDirWS = normalize(_WorldSpaceCameraPos.xyz - i.posWS.xyz);  // 计算Fresnelfloat3 vrDirWS = reflect(-vDirWS, nDirWS);// 采样Cubemap// 准备中间变量float vdotn = dot(vDirWS, nDirWS);// 光照模型float3 var_Cubemap = texCUBElod(_Cubemap, float4(vrDirWS, _CubemapMip)).rgb;float fresnel = pow(max(0.0, 1.0 - vdotn), _FresnelPow);float3 envSpecLighting = var_Cubemap * fresnel * _EnvSpecInt;// 返回值return float4(envSpecLighting, 1.0);}ENDCG}}FallBack "Diffuse"
}
World Reflection

庄懂着色器_L09_Fresnel/Matcap/Cubemap相关推荐

  1. 庄懂着色器_L21_CyberPunk

    庄懂-BoyanTata的个人空间_哔哩哔哩_Bilibili 案例_赛博小人 模型准备 平常所说的1U,2U对应Unity的是0U,1U 3Dsmax的顺序是从1开始的;Unity_UV的顺序是从0 ...

  2. 庄懂着色器_L05_镜面反射

    庄懂-BoyanTata的个人空间_哔哩哔哩_Bilibili 漫反射-Diffuse  镜面反射-Specular 常用向量 漫反射 跟Camera或者人眼的观察视角无关 镜面反射  跟Camera ...

  3. 庄懂着色器_L18_序列帧与极坐标

    庄懂-BoyanTata的个人空间_哔哩哔哩_Bilibili 序列帧_Sequence 小人是一个AB的模型,外面鬼火是AD模式,是一个双Pass的Shader 代码部分 Pass可以都是有一个名字 ...

  4. 庄懂的TA笔记(九)<菲涅尔 + MatCap + CubeMap>

    庄懂的TA笔记(九)<菲涅尔 + MatCap + CubeMap> 课程内容: 1.菲涅尔 0.效果展示.公式: 菲涅尔现象:  Fresnel(菲涅尔) 用到的两个向量  NdirWS ...

  5. 庄懂的技术美术入门课(美术向)——01~02学习笔记

    目录 Lecture 01 1) 工程搭建示范 a) 准备工作 b) 创建Shader 2) 理论介绍 a) 结构(Struct) b) 简单的渲染管线 c) 模型->输入结构 d) 输入结构- ...

  6. 个人学习笔记——庄懂的技术美术入门课(美术向)01

    个人学习笔记--庄懂的技术美术入门课(美术向)01 0 前言 1 工程搭建示范 2 理论 2.1 结构(struct) 2.2 渲染管线 3 操作 3.1-2 向量/标量/点积等若干线代基础 3.3 ...

  7. 个人学习笔记——庄懂的技术美术入门课(美术向)09

    个人学习笔记--庄懂的技术美术入门课(美术向)09 1 菲涅尔 2 连连看-MatCap 3 连连看-CubeMap 4 代码 MatCap 5 代码 CubeMap 1 菲涅尔 更具体的PBR可以参 ...

  8. 庄懂的技术美术入门课(美术向) Lesson1

    庄懂的技术美术入门课(美术向) Lesson1 一.关于结构和渲染管 1.1 结构 1.2 渲染管线 模型到输入结构的过程是选取.采集模型文件中的信息,可以提供给后续渲染用的相关信息 顶点Shader ...

  9. 个人学习笔记——庄懂的技术美术入门课(美术向)03

    个人学习笔记--庄懂的技术美术入门课(美术向)03 1 回顾渲染流程 2 尝试shader代码 3 Lambert试试 4 节点组 5 作业 1 回顾渲染流程 老师以美术绘画的角度理解渲染管线,比较形 ...

最新文章

  1. UIApplicaton详情
  2. NUC120 SPI 模拟I2S
  3. 深入理解Java:注解(Annotation)基本概念
  4. html5制作语音交互功能,语音交互设计(1):设计流程
  5. 2016 Top 10 Android Library
  6. python计算长方体体积最简单代码_python处理DICOM并计算三维模型体积
  7. Python之Pymysql模块操作MySQL增删改查
  8. 31 CO配置-控制-产品成本控制-成本对象控制-期末结算-定义结算在产品的记帐规则
  9. Java学习关于集合框架的基础接口--Collection接口
  10. 计算机基础854哈工大,854计算机基础大纲
  11. [目标跟踪] 论文笔记:Parallel Tracking and Verifying(PTAV-Update)
  12. VUE实现一个Flappy Bird~~~
  13. JSD-2204-MVC-微博项目-Day15
  14. 蓝牙核心技术概述(一):蓝牙概述
  15. 教务管理系统(免费源码获取)
  16. 系统关键文件丢失或损坏
  17. 懒人原则(Kepp it Semple Stupis)
  18. 蓝桥ROS机器人之古月居ROS入门21讲
  19. Revit标注问题:尺寸界线长度和“快速尺寸定位标注”
  20. 联想t450进入bios设置按哪个键_联想pad T450用U盘做系统,读取不到硬盘该如何处理,如何进BIOS设置,...

热门文章

  1. c++ 每日十问3-处理数据
  2. win10怎样创建计算机域,win10系统如何配置域控制器?
  3. 手摇机械计算机原理,科学网-计算尺和手摇计算器-胡懋仁的博文
  4. JavaCV的摄像头实战之十二:性别检测
  5. 袋鼠云可视化二三事 | 数据大屏设计师,我不信你没有这些困惑!
  6. 七种常用的PHP程序开发工具
  7. hitcontraining_uaf
  8. 【安防系列】之基本产品概念NVR/DVR/IPC/SD
  9. SpringMVC+vue实现前后端分离的学生考勤管理
  10. 控制器参数的工程整定