【技术美术图形部分】2.3 HLSL常用函数

港控/mmm° 2023-09-27 09:27 108阅读 0赞

——介绍HLSL常用函数，API的使用。

想要成为合格的技术美术，一定要具备Shader开发能力，满足性能的需求，无论是技术美术的哪一个方向，HLSL都是需要点满的技能点。

**参考**

微软官方HLSL库：[HLSL 参考 - Win32 apps | Microsoft Docs][HLSL _ - Win32 apps _ Microsoft Docs]

《DirectX 3D HLSL高级实例精讲》我看的是实体书：[GitHub - ljb1672/DirectX-3D-HLSL-Senior-instance-succinctly: code for DirectX 3D HLSL Senior instance succinctly][GitHub - ljb1672_DirectX-3D-HLSL-Senior-instance-succinctly_ code for DirectX 3D HLSL Senior instance succinctly]

--------------------

## HLSL 语言 ##

在渲染管线和介绍主流API的博客中，都提到了“可编程渲染管线”，其核心就是HLSL语言，正是因为HLSL才能对渲染管线可编程（针对微软的DX而言，当然还有Cg和OpenGL）。

HLSL语言和C++很相似，但是除了bool、int、float、double等标准型变量外，还有texture纹理变量、float、vec等向量类型等等。

本篇博客就根据技术美术百人计划的进度，主要介绍介绍HLSL的常用函数，秉持着不单纯copy老师PPT的原则，惯例会加入自己的理解。

### HLSL的函数 ###

HLSL的核心函数是由显卡驱动程序提供的函数库，用于向量及图形的计算，有了此函数库，程序的重点是将物理现象和光照模型转化成数学算法，算法则是由核心函数表达的代码，HLSL常用的函数大概有以下几种。

## 图形计算器 ##

推荐了一个很方便的、图形相关数学函数实施验证的网站：[Graphtoy][]

当然，其他的例如dmsmos也可以： [Desmos | 图形计算器][Desmos _]

把HLSL函数输进去，可以实时看到函数的数学表达形式，无需写Shader才能可视化。

## 1 基本数学运算 ##

**10个常用的数学运算**

<table style="width:585px;"> 
 <tbody> 
  <tr> 
   <td style="text-align:center;width:196px;">max(a,b)</td> 
   <td style="text-align:center;width:384px;">返回较大的一个</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">min(a,b)</td> 
   <td style="text-align:center;width:384px;">返回较小的一个</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">mul(a,b)</td> 
   <td style="text-align:center;width:384px;">两变量相乘，常用于矩阵运算</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">abs(value a)</td> 
   <td style="text-align:center;width:384px;">返回a的绝对值</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">round(x)</td> 
   <td style="text-align:center;width:384px;">返回与x<strong>最近的整数</strong></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">sqrt(x)</td> 
   <td style="text-align:center;width:384px;">返回x的平方根</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">rsqrt(x)</td> 
   <td style="text-align:center;width:384px;">返回x的<strong>平方根的倒数</strong></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">degrees(x)</td> 
   <td style="text-align:center;width:384px;">弧度转换成角度</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">redians(x)</td> 
   <td style="text-align:center;width:384px;">角度转换成弧度</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">noise(x)</td> 
   <td style="text-align:center;width:384px;">噪声函数，传入二维坐标返回[0,1]<strong>随机值</strong></td> 
  </tr> 
 </tbody> 
</table>

## 2 幂指对函数 ##

**常用的幂指对函数**

<table style="width:585px;"> 
 <tbody> 
  <tr> 
   <td style="text-align:center;width:135px;">pow(x,y)</td> 
   <td style="text-align:center;width:275px;">x的y次幂</td> 
   <td style="text-align:center;width:173px;"><img alt="x^{y}" src="https://latex.csdn.net/eq?x%5E%7By%7D"></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:135px;">exp(x)</td> 
   <td style="text-align:center;width:275px;">返回以e为底的指数函数</td> 
   <td style="text-align:center;width:173px;"><img alt="e^{x}" src="https://latex.csdn.net/eq?e%5E%7Bx%7D"></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:135px;">exp2(value x)</td> 
   <td style="text-align:center;width:275px;">返回以2为底，x为指数的幂</td> 
   <td style="text-align:center;width:173px;"><img alt="2^{x}" src="https://latex.csdn.net/eq?2%5E%7Bx%7D"></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:135px;">ldexp(x,exp)</td> 
   <td style="text-align:center;width:275px;">返回x与2的exp次方乘积</td> 
   <td style="text-align:center;width:173px;"><img alt="x*2^{exp}" src="https://latex.csdn.net/eq?x*2%5E%7Bexp%7D"></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:135px;">log(x)</td> 
   <td style="text-align:center;width:275px;">返回<strong>以e为底</strong>的对数</td> 
   <td style="text-align:center;width:173px;">ln x</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:135px;">log2(x)</td> 
   <td style="text-align:center;width:275px;">返回以2为底的对数</td> 
   <td style="text-align:center;width:173px;"><img alt="log_{2}x" src="https://latex.csdn.net/eq?log_%7B2%7Dx"></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:135px;">log10(x)</td> 
   <td style="text-align:center;width:275px;">返回以10为底的对数</td> 
   <td style="text-align:center;width:173px;"><img alt="log_{10}x" src="https://latex.csdn.net/eq?log_%7B10%7Dx"></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:135px;">frexp(x,<strong>out</strong> exp)</td> 
   <td style="text-align:center;width:275px;">把浮点数x分解成尾数和指数，返回值是尾数ret，exp参数返回的是指数，如果x为0，则exp和ret均0</td> 
   <td style="text-align:center;width:173px;"><img alt="x=ret*2^{exp}" src="https://latex.csdn.net/eq?x%3Dret*2%5E%7Bexp%7D"></td> 
  </tr> 
 </tbody> 
</table>

### in/out/inout关键字 ###

frexp(x,out exp)中出现了out，是个关键字，一起的还有in、inout：

*  in——默认的，可不加，表必须传递参数值
 *  out——表该参数是函数的一个返回值，仅用作输出，**不能用作输入**
 *  inout——可输入也可输出

关于out具体点的解释：指定实参应该在函数返回时被拷贝给型参，这样可以通过参数返回值。**out关键字是必须的**，因为HLSL不允许传递一个引用或一个指针。如果实参标记为out，在函数开始前，型参就不拷贝给实参了。换句话说，out实参仅可以被用于输出数据——它不能用于输入。

## 3 三角函数和双曲函数 ##

**三角函数**

<table style="width:585px;"> 
 <tbody> 
  <tr> 
   <td style="text-align:center;width:196px;">sin(x)</td> 
   <td style="text-align:center;width:279px;">求正弦，下划线前x均为弧度</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">cons(x)</td> 
   <td style="text-align:center;width:279px;">求余弦</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">tan(x)</td> 
   <td style="text-align:center;width:279px;">求正切</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">sincos(x,out s,out c)</td> 
   <td style="text-align:center;width:279px;">返回x的正弦值s和余弦值c</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">tan(y,x)</td> 
   <td style="text-align:center;width:279px;">返回y/x的正切值</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">asin(x)</td> 
   <td style="text-align:center;width:279px;">返回输入值的反正弦值</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">acos(x)</td> 
   <td style="text-align:center;width:279px;">返回输入值的反余弦值</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">atan(x)</td> 
   <td style="text-align:center;width:279px;">返回输入值的反正切值</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:196px;">atan2(y,x)</td> 
   <td style="text-align:center;width:279px;">返回y/x的反正切值</td> 
  </tr> 
 </tbody> 
</table>

**双曲函数**

<table style="width:585px;"> 
 <tbody> 
  <tr> 
   <td style="text-align:center;width:120px;">sinh(x)</td> 
   <td style="text-align:center;width:210px;">返回x的双曲正弦值</td> 
   <td style="text-align:center;width:148px;"><img alt="(e^{x}-e^{-x})/2" src="https://latex.csdn.net/eq?%28e%5E%7Bx%7D-e%5E%7B-x%7D%29/2"></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:120px;">cosh(x)</td> 
   <td style="text-align:center;width:210px;">返回x的双曲余弦值</td> 
   <td style="text-align:center;width:148px;"><img alt="(e^{x}+e^{-x})/2" src="https://latex.csdn.net/eq?%28e%5E%7Bx%7D&amp;plus;e%5E%7B-x%7D%29/2"></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:120px;">tanh(x)</td> 
   <td style="text-align:center;width:210px;">返回x的双曲正切值</td> 
   <td style="text-align:center;width:148px;"><img alt="(e^{x}-e^{-x})/(e^{x}+e^{-x})" src="https://latex.csdn.net/eq?%28e%5E%7Bx%7D-e%5E%7B-x%7D%29/%28e%5E%7Bx%7D&amp;plus;e%5E%7B-x%7D%29"></td> 
  </tr> 
 </tbody> 
</table>

### 双曲函数——悬链线 ###

这部分参考了：[可能是最好的讲解双曲函数的文章 - 知乎 (zhihu.com)][- _ _zhihu.com]

双曲函数的起源是**悬链线**。双曲函数是一条有点像二次抛物线又不完全是的曲线，这条曲线与两端固定的绳子（铁链）在均匀引力作用下下垂的弧度相似，因此这条曲线也直接被叫做悬链线。具体的直接看上面的参考文章把，讲得非常不错！

![306561e2e2444587ae79b4c2e708fc7c.png][]

一图展示三角函数和双曲函数的关系：

![180cc35b7d5361af0976157c43418580.jpeg][]

## 4 数据范围类 ##

接下来是10个求数据范围的常用函数。

**数据范围相关常用函数**

<table style="width:585px;"> 
 <tbody> 
  <tr> 
   <td style="text-align:center;width:188px;">ceil(x)</td> 
   <td style="text-align:center;width:395px;">返回≥x的最小整数</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">floor(x)</td> 
   <td style="text-align:center;width:395px;">返回≤x的最大整数</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">step(x,y)</td> 
   <td style="text-align:center;width:395px;">x≤y为1，否则为0</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">saturate(x)</td> 
   <td style="text-align:center;width:395px;">钳制x在0到1之间，返回</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">clamp(x,min,max)</td> 
   <td style="text-align:center;width:395px;">把x限制在[min,max]内，小于返回min大于返回max，是saturate()的升级版</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">fmod(x,y)</td> 
   <td style="text-align:center;width:395px;">返回x/y的浮点部分（取余的余数部分）</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">frac(x)</td> 
   <td style="text-align:center;width:395px;">返回输入x的小数部分</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">modf(x,out ip)</td> 
   <td style="text-align:center;width:395px;">将x分为小数和整数部分，<strong>ip返回整数</strong>，<strong>整体返回小数</strong></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">lerp(x,y,s)</td> 
   <td style="text-align:center;width:395px;"><strong>按照s在x到y之间插值</strong>，可以看成按照s分段，即x*(1-s)+y*s</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">smoothstep(min,max,x)</td> 
   <td style="text-align:center;width:395px;">如果x在[min,max]范围内，则返回<strong>介于0和1之间</strong>的平滑Hermite插值，使用smoothstep在两个值之间<strong>创建平滑过渡</strong>，例如<span style="color:#be191c;"><span style="background-color:#fef2f0;">平滑的混合两种颜色值</span></span></td> 
  </tr> 
 </tbody> 
</table>

![1ac41a41caf340e7b2ed4c927f42c100.png][]

![9f2b56d13b9549a8b6748cf03703fc0e.png][]

### smoothstep函数应用之-产生距离场 ###

这部分参考了：[GLSL函数smoothstep讲解 - 简书 (jianshu.com)][GLSL_smoothstep_ - _ _jianshu.com]

[Shader实验室: smoothstep函数 - 知乎 (zhihu.com)][Shader_ smoothstep_ - _ _zhihu.com]

min --> edge0下界，max --> edge1上界，x插值输入，三者不仅可以是float，还可以是vec2/vec3/vec4变量，其用法：

float smoothstep(float edge0, float edge1, float x)  
    vec2 smoothstep(vec2 edge0, vec2 edge1, vec2 x)  
    vec3 smoothstep(vec3 edge0, vec3 edge1, vec3 x)  
    vec4 smoothstep(vec4 edge0, vec4 edge1, vec4 x)
    vec2 smoothstep(float edge0, float edge1, vec2 x)  
    vec3 smoothstep(float edge0, float edge1, vec3 x)  
    vec4 smoothstep(float edge0, float edge1, vec4 x)

如果想要创建一个能够输出平滑过渡的函数，就可以用smoothstep，它其实又等同于：

genType t;
    t = clamp((x - edge0) / (edge1 - edge0), 0.0, 1.0);
    return (3.0 - 2.0 * t) * t * t;

可以用来干什么？——产生距离场（Distance Field）效果，下图是参考文章[Shader实验室: smoothstep函数 - 知乎 (zhihu.com)][Shader_ smoothstep_ - _ _zhihu.com]中实现的效果：

![e08fafa7fb9947268581a480156c3f12.png][]

![3adbd3b79cd445beb1c2b9da592714e5.png][]

## 5 类型判断类 ##

给出了6个与数据类型判断相关的函数：

**类型判断函数**

<table style="width:585px;"> 
 <tbody> 
  <tr> 
   <td style="text-align:center;width:188px;">all(x)</td> 
   <td style="text-align:center;width:395px;">可以传入矢量，所有分量均为非0返回true，否则false</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">any(x)</td> 
   <td style="text-align:center;width:395px;">只要传入的x有任何一个分量非0返回true，否则false</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">clip(x)</td> 
   <td style="text-align:center;width:395px;"> <p style="text-align:center;">如果输入值小于0，丢弃该像素值，不进行渲染</p> <p style="text-align:center;">（像素值为负-&gt;没有颜色）</p> </td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">sign(x)</td> 
   <td style="text-align:center;width:395px;">返回x的正负，x&lt;0返回-1，x=0返回0，x&gt;0返回1</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">isinf(x)</td> 
   <td style="text-align:center;width:395px;"> <p style="text-align:center;">如果x参数为+INF或-INF，返回true，否则false</p> </td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">isinite(x)</td> 
   <td style="text-align:center;width:395px;">判断x参数是否有限（有界），与isinf(x) 相反</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">isnan(x)</td> 
   <td style="text-align:center;width:395px;"> <p style="text-align:center;">x为<strong>NAN（非数字）</strong>，返回true</p> <p style="text-align:center;">x为数字，则返回false</p> </td> 
  </tr> 
 </tbody> 
</table>

### clip函数应用之-透明度测试 ###

这部分参考自《入门精要》

在片元着色器中使用clip函数进行透明度测试，如果给定参数的任何一个分量是负数，就会舍弃当前像素的输出颜色，它相当于：

void clip(float4 x){
        if(any(x<0))
            //一个discard指令以剔除片元
            discard;
    }

通常透明度测试会给定一个材质参数\_Cutoff，当前像素颜色为texColor.a，通过clip函数配合discard指令来实现：

//Alpha Test
    clip(texColor.a - _Cutoff);

当然除了透明度测试外，还可以用来模拟间切平面、颜色渐渐消失的效果等等。

## 6 向量与矩阵类 ##

举出了7个与向量、矩阵计算有关的函数。

**向量与矩阵计算函数**

<table style="width:585px;"> 
 <tbody> 
  <tr> 
   <td style="text-align:center;width:188px;">length(v)</td> 
   <td style="text-align:center;width:395px;">返回向量的长度</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">normalize(v)</td> 
   <td style="text-align:center;width:395px;">向量归一化，x/length(x)</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">distance(a,b)</td> 
   <td style="text-align:center;width:395px;">向量各分量之差的平方和</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">dot(a,b)</td> 
   <td style="text-align:center;width:395px;">a在b上的投影长，|a||b|cosθ，返回值是标量</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">cross(a,b)</td> 
   <td style="text-align:center;width:395px;"> <p style="text-align:center;">a,b向量的叉积，例如计算TBN矩阵等等，返回值是个向量，与a,b均垂直</p> </td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">determinant(m)</td> 
   <td style="text-align:center;width:395px;">返回矩阵m按行列式方式计算的值</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">transpose(m)</td> 
   <td style="text-align:center;width:395px;"> <p style="text-align:center;">返回m的<strong>转置矩阵</strong></p> </td> 
  </tr> 
 </tbody> 
</table>

## 7 光线运算类 ##

介绍4个与光照计算相关的函数。

**光照计算相关函数**

<table style="width:585px;"> 
 <tbody> 
  <tr> 
   <td style="text-align:center;width:188px;">reflect(i,n)</td> 
   <td style="text-align:center;width:395px;">i为入射向量，n为法向量，返回反射向量</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">refract(i,n,ri)</td> 
   <td style="text-align:center;width:395px;">i为入射向量，n为法向量，ri为入射和折射介质的折射率比值，返回折射向量</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;"><img alt="lit(n\cdot l,n\cdot h,m)" src="https://latex.csdn.net/eq?%5Cdpi%7B100%7D%20lit%28n%5Ccdot%20l%2Cn%5Ccdot%20h%2Cm%29"></td> 
   <td style="text-align:center;width:395px;">n为法向量，l为光向量，h为半角向量，m为镜面反射系数，返回<strong>光照向量</strong>（环境光，漫反射光，镜面高光反射，1）</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:188px;">faceforward(n,i,ng)</td> 
   <td style="text-align:center;width:395px;">n得到面向视图方向的曲面法向量，返回值<strong>-n*sign(dot(i,ng))</strong></td> 
  </tr> 
 </tbody> 
</table>

### lit函数到底返回了什么 ###

官方文档参考：[lit - Win32 apps | Microsoft Docs][lit - Win32 apps _ Microsoft Docs]

![e178ee6da6f24510a1ca92a2c0e4a5f7.png][] 懂了吧！传出的其实就是Blinn-Phong反射模型计算环境光项La、漫反射项Ld、高光项Ls需要用到的一些值，简单的补充一下

*  环境光—— ![L\_\{a\}=k\_\{a\}(I/r^\{2\})][L_a_k_a_I_r_2]
 *  漫反射——![L\_\{d\}=k\_\{d\}(I/r^\{2\})\{\\color\{Red\} max(0,\\vec\{n\}\\cdot \\vec\{l\})\}][L_d_k_d_I_r_2_color_Red_ max_0_vec_n_cdot _vec_l]
 *  高光项——![L\_\{s\}=k\_\{s\}(I/r^\{2\})\{\\color\{Red\} max(0,\\vec\{n\}\\cdot \\vec\{h\})^\{p\}\}][L_s_k_s_I_r_2_color_Red_ max_0_vec_n_cdot _vec_h_p]

（其中高光项的p相当于lit函数里输入的m——**越大代表着高光点越小**，到这里一脸懵的话快去101补课！！！）

标红的部分就分别对应着lit函数返回的vector->（环境光，漫反射光，镜面高光反射，1）

### faceforward函数 ###

仍旧放上官方：[faceforward - Win32 apps | Microsoft Docs][faceforward - Win32 apps _ Microsoft Docs]

![a93ce95219d9454aaa5ddefdef496527.png][]

注意，返回的n的方向肯定会朝着入射向量i的相反方向。

## 8 纹理映射函数（纹理查找） ##

须知，纹理从一维、二维到三维都可进行查询。低维（一维或二维）的纹理例如法线纹理、渐变纹理、遮罩纹理等等，一维类比一维数组，二维的类比二维数组，很好理解。三维的相当于二维的叠加，还有立方体纹理查找。

所有的纹理查找函数都可以分为普通的、微分的和投影的三类方式。关于每一个查找函数细节一点的解释，我都放在了2D纹理查找函数介绍中进行说明。

### **8.1 1D纹理查找（几乎不用）** ###

<table style="width:585px;"> 
 <tbody> 
  <tr> 
   <td style="text-align:center;width:179px;">tex1D(s,t)</td> 
   <td style="text-align:center;width:404px;">普通1D纹理查找，s是纹理采样器，t是位置，返回颜色值</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex1D(s,t,ddx,ddy)</td> 
   <td style="text-align:center;width:404px;">带微分的1D纹理查找值，即使用导数查找纹理</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex1Dbias(s,t)</td> 
   <td style="text-align:center;width:404px;">使用t.w决定某个MIP层的1D纹理查找</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex1Dgrad(s,t,ddx,ddy)</td> 
   <td style="text-align:center;width:404px;">使用微分（梯度）并指定MIP层的1D纹理查找</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex1Dlod(s,t)</td> 
   <td style="text-align:center;width:404px;"> <p style="text-align:center;">使用LOD方式的1D纹理查找</p> </td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex1Dproj(s,t)</td> 
   <td style="text-align:center;width:404px;">使用投影方式的1D纹理查找，把纹理当作一张图片投影到场景中，先使用投影纹理技术<strong>计算出投影纹理坐标</strong>t(做了透视除法的t.w)，然后使用投影纹理坐标进行查询</td> 
  </tr> 
 </tbody> 
</table>

### **8.2 2D纹理查找** ###

<table style="width:585px;"> 
 <tbody> 
  <tr> 
   <td style="text-align:center;width:179px;">tex2D(s,t)</td> 
   <td style="text-align:justify;width:404px;">普通2D纹理查找，s是纹理采样器，t是vector，返回颜色</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex2D(s,t,ddx,ddy)</td> 
   <td style="text-align:justify;width:404px;">带微分的2D纹理查找值，t和ddxy都是vector，ddx和ddy的作用是<strong>取屏幕上相邻采样点的差值</strong>（本身偏导的作用就是表示方向上变化的快慢），ddxddy越大差值越大，采样像素越少，结果越模糊</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex2Dbias(s,t)</td> 
   <td style="text-align:center;width:404px;"> <p style="text-align:justify;">使用t.w决定某个MIP层的偏移量，把计算出来的纹理层全部偏移某个指定的值</p> <p style="text-align:justify;">例如tex2Dbias(_Texture, float4(uv,0,1));则是将MIPMAP的level提高一个等级，可用于<strong>对图像采样结果进行模糊or锐化</strong></p> </td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex2Dgrad(s,t,ddx,ddy)</td> 
   <td style="text-align:justify;width:404px;">使用微分（梯度）并指定MIP层的2D纹理查找</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex2Dlod(s,t)</td> 
   <td style="text-align:center;width:404px;"> <p style="text-align:justify;">使用LOD方式的2D纹理查找，<strong>查找t.w纹理、t.uv位置处的color4</strong></p> </td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex2Dproj(s,t)</td> 
   <td style="text-align:justify;width:404px;">使用投影方式的2D纹理查找，把纹理当作一张图片投影到场景中，先使用投影纹理技术<strong>计算出投影纹理坐标</strong>t(做了透视除法的t.w)，然后使用投影纹理坐标进行查询</td> 
  </tr> 
 </tbody> 
</table>

### **8.3 3D纹理查找** ###

3D纹理可以理解成多个2D纹理叠加的结果，因此在查找时除了指定uv还需要指定3D纹理的层数。

但我其实不是很分得开三维纹理和MIPMAP的区别？或许三维纹理对每一层的纹理可控性更高吗？因为MIPMAP层次是有规律的，而3D纹理我可以按照喜好存放每一层纹理的大小。

<table style="width:585px;"> 
 <tbody> 
  <tr> 
   <td style="text-align:center;width:179px;">tex3D(s,t)</td> 
   <td style="text-align:center;width:404px;">普通3D纹理查找</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex3D(s,t,ddx,ddy)</td> 
   <td style="text-align:center;width:404px;">带微分的3D纹理查找值</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex3Dbias(s,t)</td> 
   <td style="text-align:center;width:404px;">使用t.w决定某个MIP层的3D纹理查找</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex3Dgrad(s,t,ddx,ddy)</td> 
   <td style="text-align:center;width:404px;">使用微分（梯度）并指定MIP层的3D纹理查找</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex3Dlod(s,t)</td> 
   <td style="text-align:center;width:404px;"> <p style="text-align:center;">使用LOD方式的3D纹理查找</p> </td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">tex3Dproj(s,t)</td> 
   <td style="text-align:center;width:404px;">使用投影方式的3D纹理查找，把纹理当作一张图片投影到场景中，先使用投影纹理技术<strong>计算出投影纹理坐标</strong>t(做了透视除法的t.w)，然后使用投影纹理坐标进行查询</td> 
  </tr> 
 </tbody> 
</table>

### 8.4 立方体纹理查找 ###

除了低维的纹理查找，和3维的纹理（2维纹理的叠加）查找，还有更复杂一点的**立方体纹理**（Cubemap），立方体纹理一般用以实现环境映射来模拟物体周围的环境。

立方体纹理一共包含了6张图像，每张图像对应立方体的六个面，那么如何进行查询（采样）呢？三维纹理坐标——从立方体中心出发，向外部延伸并和六个面之一相交，采样得到的结果就是由这个交点计算而来的。

<table style="width:585px;"> 
 <tbody> 
  <tr> 
   <td style="text-align:center;width:179px;">texCUBE(s,t)</td> 
   <td style="text-align:center;width:404px;">立方体环境贴图</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">texCUBE(s,t,ddx,ddy)</td> 
   <td style="text-align:center;width:404px;">带微分的立方体纹理查找值</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">texCUBEbias(s,t)</td> 
   <td style="text-align:center;width:404px;">使用t.w决定某个MIP层的立方体纹理查找</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">texCUBEgrad(s,t,ddx,ddy)</td> 
   <td style="text-align:center;width:404px;">使用微分（梯度）并指定MIP层的立方体纹理查找</td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">texCUBElod(s,t)</td> 
   <td style="text-align:center;width:404px;"> <p style="text-align:center;">使用LOD方式的立方体纹理查找</p> </td> 
  </tr> 
  <tr> 
   <td style="text-align:center;width:179px;">texCUBEproj(s,t)</td> 
   <td style="text-align:center;width:404px;">使用投影方式的立方体纹理查找，把纹理当作一张图片投影到场景中，先使用投影纹理技术<strong>计算出投影纹理坐标</strong>t(做了透视除法的t.w)，然后使用投影纹理坐标进行查询</td> 
  </tr> 
 </tbody> 
</table>

--------------------

## 作业 ##

### 1.写出你觉得最常用的5个函数 ###

常用的话，感觉是涉及到向量计算的一些函数还有随机取值的一些：

*  mul(a,b)——变量相乘
 *  dot(a,b)——向量点乘，光照计算里再普遍不过了
 *  cross(a,b)——叉积，求垂直向量的时候经常用到，比如TBN矩阵那里
 *  normalize(v)——向量归一化
 *  clamp(x,min,max)——限制数的范围

### 2.ddx和ddy的实际使用测试 ###

后续再填坑。

[HLSL _ - Win32 apps _ Microsoft Docs]: https://docs.microsoft.com/zh-cn/windows/win32/direct3dhlsl/dx-graphics-hlsl-reference
[GitHub - ljb1672_DirectX-3D-HLSL-Senior-instance-succinctly_ code for DirectX 3D HLSL Senior instance succinctly]: https://github.com/ljb1672/DirectX-3D-HLSL-Senior-instance-succinctly
[Graphtoy]: https://graphtoy.com/
[Desmos _]: https://www.desmos.com/calculator?lang=zh-CN
[- _ _zhihu.com]: https://zhuanlan.zhihu.com/p/20042215
[306561e2e2444587ae79b4c2e708fc7c.png]: https://img-blog.csdnimg.cn/306561e2e2444587ae79b4c2e708fc7c.png
[180cc35b7d5361af0976157c43418580.jpeg]: https://img-blog.csdnimg.cn/img_convert/180cc35b7d5361af0976157c43418580.jpeg
[1ac41a41caf340e7b2ed4c927f42c100.png]: https://img-blog.csdnimg.cn/1ac41a41caf340e7b2ed4c927f42c100.png
[9f2b56d13b9549a8b6748cf03703fc0e.png]: https://img-blog.csdnimg.cn/9f2b56d13b9549a8b6748cf03703fc0e.png
[GLSL_smoothstep_ - _ _jianshu.com]: https://www.jianshu.com/p/66035ae91bfd
[Shader_ smoothstep_ - _ _zhihu.com]: https://zhuanlan.zhihu.com/p/157758600
[e08fafa7fb9947268581a480156c3f12.png]: https://img-blog.csdnimg.cn/e08fafa7fb9947268581a480156c3f12.png
[3adbd3b79cd445beb1c2b9da592714e5.png]: https://img-blog.csdnimg.cn/3adbd3b79cd445beb1c2b9da592714e5.png
[lit - Win32 apps _ Microsoft Docs]: https://docs.microsoft.com/en-us/windows/win32/direct3dhlsl/dx-graphics-hlsl-lit
[e178ee6da6f24510a1ca92a2c0e4a5f7.png]: https://img-blog.csdnimg.cn/e178ee6da6f24510a1ca92a2c0e4a5f7.png
[L_a_k_a_I_r_2]: https://latex.csdn.net/eq?%5Cdpi%7B100%7D%20L_%7Ba%7D%3Dk_%7Ba%7D%28I/r%5E%7B2%7D%29
[L_d_k_d_I_r_2_color_Red_ max_0_vec_n_cdot _vec_l]: https://latex.csdn.net/eq?%5Cdpi%7B100%7D%20L_%7Bd%7D%3Dk_%7Bd%7D%28I/r%5E%7B2%7D%29%7B%5Ccolor%7BRed%7D%20max%280%2C%5Cvec%7Bn%7D%5Ccdot%20%5Cvec%7Bl%7D%29%7D
[L_s_k_s_I_r_2_color_Red_ max_0_vec_n_cdot _vec_h_p]: https://latex.csdn.net/eq?%5Cdpi%7B100%7D%20L_%7Bs%7D%3Dk_%7Bs%7D%28I/r%5E%7B2%7D%29%7B%5Ccolor%7BRed%7D%20max%280%2C%5Cvec%7Bn%7D%5Ccdot%20%5Cvec%7Bh%7D%29%5E%7Bp%7D%7D
[faceforward - Win32 apps _ Microsoft Docs]: https://docs.microsoft.com/en-us/windows/win32/direct3dhlsl/dx-graphics-hlsl-faceforward
[a93ce95219d9454aaa5ddefdef496527.png]: https://img-blog.csdnimg.cn/a93ce95219d9454aaa5ddefdef496527.png