【从零开始的技美之旅（1-4）】实现法线贴图 【技术美术】切线空间

【从零开始的技美之旅（1-2）】渲染管线基础 GPU渲染基本原理 【技术美术】GPU绘制画面的基本原理 认识GPU渲染管线 【技术美术】GPU渲染管线概述 【技术美术】D3D中GPU渲染管线流程详解 认识引擎渲染管线 【技术美术】引擎渲染管线概述 认识纹理 【技术美术】纹理技术概述 认识顶点 【技术美术】顶点技术概述

【从零开始的技美之旅】前言 我为什么会选择技美？ 我本人是 Unity 的从业人员，但因为起跑线低，找工作并不顺利。我认为原因之一就是常规技术是难以被外行人认知的，因此技术再强也难遇伯乐。相反，美术则是任何人都可以欣赏的存在，一个好的美术就可以撑起一个游戏。故技美这条路线，相比是最容易过HR这一环的职位吧。 此外，求知欲使得我本身喜欢造轮子，做东西不搞清原理的话，我会很没安全感。之前我就已经自制过

【从零开始的技美之旅】大纲 划斜线的内容代表未来会出，但还未整理成教程，需要以后一个一个完成掉。 期 第一期：从黑暗到光明 课程介绍 渲染管线基础 实现渲染空间变换 实现法线贴图 实现PBR光照 实现各向异性光照 实现次表面散射光照 实现双向透射光照 实现卡通渲染光照 合集 渲染技术 空间变换（MVP 矩阵） 法线贴图（切线空间） 视差贴图 流动贴图 顶点动画贴图 深度贴图 噪波 材质捕获

【物理】几何光学 θi\theta_iθi​：入射角（反射角） θt\theta_tθt​：折射角 反射 折射 折射是指光从一种介质穿过另一种介质时，传播方向被偏移的物理线性。 生成原因 光是一种波，波具有体积，因此当倾斜着穿过介质时，存在一边先进去一边后进去的情况，而由于两种介质的光速不一样，导致一边会拖拽（加速）另一边，导致光路发生偏移。 现象特征 当光线从空气射入水中时： 折射角小于

【数学】三角函数 正弦函数：sin⁡a=yr\displaystyle \sin{a}=\frac{y}{r}sina=ry​ 余弦函数：cos⁡a=xr\displaystyle \cos{a}=\frac{x}{r}cosa=rx​ 正切函数：tan⁡a=yx\displaystyle \tan{a}=\frac{y}{x}tana=xy​ 余切函数：cot⁡a=xy\dis

【数学】方程 方程是一种用于表示和分析事物关系的数学工具，这种方式表示的关系更直观，并且进一步求解关系时可以免去逆向思考的不易。 定义 方程：指含有未知数的等式。 变量：指值可以变的量，例如方程中的未知数。 自变量：方程中受研究者主动操控，从而引起因变量发生变化的变量。 因变量：受自变量影响而变化的量。 元：方程中未知数的数量。 次：方程中未知数的最高次数。 一元二次方程 一元二次方程的标准形

【数学】四元数 https://github.com/Krasjet/quaternion 定义 四元数本质是一种具有三个虚数的高阶复数，四元数集英文表示为 HHH，对于任意四元数 q∈Hq \in Hq∈H，可表示为如下形式： q=a+bi+cj+dkq = a+bi+cj+dk q=a+bi+cj+dk 其中 a,b,c,d∈Ra,b,c,d \in Ra,b,c,d∈R 且 i2=j2=k2

【数学】向量 运算法则 点乘 输入两个向量，输出一个标量。又称作标量积，内积。 点乘很类似与标量的乘法，且满足对应的运算法则，包括因式分解之类的公式都可以套用，甚至可以考虑省略点乘的符号，就像乘法那样（不过这不是标准做法）。 定义 几何定义：a⃗⋅b⃗=∣a⃗∣∣b⃗∣cos⁡(θ)\vec{a} \cdot{} \vec{b} = |\vec{a}| |\vec{b}| \cos(\theta

【数学】矩阵 数学上，一个 m × n 的矩阵是指一个有 m 行 n 列元素的矩形阵列。 A=[a11a12…a1na21a22…a2n⋮⋮⋱⋮am1am2…amn]A= \begin{bmatrix} a_{11} & a_{12} & \dots & a_{1n} \\ a_{21} & a_{22} & \dots & a_{2n} \\ \v