webGL法线贴图原理

法线贴图
1、一般的法线贴图颜色都为下面这种

2、对应的普通的贴图为

法线贴图使用使用颜色来记录当前点的法向量，法线贴图的默认坐标是平行于XY平面的，其对应的被贴图的平面也是平行于XY平面的，因此，在进行渲染时，如果该点的法向量是平行于Z轴，即法向量为（0，0，1），此时对应的颜色为蓝色
当然，若被贴图的物体不是平行于XY平面时，例如当向一个模型进行贴图时，模型有很多三角面，这个时候再直接使用法线贴图，就会出现问题，这时需要使用“切线空间”
这里有篇很好的文章：

https://learnopengl-cn.readthedocs.io/zh/latest/05%20Advanced%20Lighting/04%20Normal%20Mapping/

webGL法线贴图原理相关推荐

写给笨人的法线贴图原理
我算个笨人吧.笨人以前弄懂一些东西后,讲给笨人听往往更有效.看之前请自行具备图形学关于光照的基础知识. >> world/object space normal map 我们先讲基于世界或 ...
【基础教程】法线贴图原理与制作粗解
现在用N渲IK渲啥的越来越多,不少人都在问法线贴图怎么做这个教程就来讲讲法线贴图完全没有相关基础可能看起来比较吃力教程完之前不要插楼····· 简单说来法线贴图就是让低面模型也可以呈现出非常多的 ...
计算机图形学：详解法线与法线贴图原理
再游戏中,渲染多面是比较消耗性能的,法线贴图可以让在一张平面图片上面模拟出凹凸的效果首先看下wiki上的解释: 在三维计算机图形学中,法线贴图(英語:Normal mapping)是一种模拟凹凸处光 ...
【GAMES101】作业3（提高）与法线贴图原理和渲染管线框架分析
目录 1. 作业描述 1.1 任务 1.2 编译与运行 1.3 框架与代码说明 2. 需要注意的问题 3. 解 3.1 rasterize_triangle 3.2 get_projection_ma ...
[GLSL]法线贴图（Normal mapping）原理及实现
前一段时间了解到一个技术叫法线贴图,感觉这是一个很有意思的东西,所以我尝试去实现了一下,虽然网上有很多资料了,但在这里还是记录一下我的实现过程. 演示程序已上传:https://download.cs ...
Unity Shader法线贴图（Normal Map）及其原理
简介以前经常听说"模型不好看啊,怎么办啊?"答曰"加法线","做了个高模,准备烘一下法线贴图","有的美术特别屌,直接画法线贴图 ...
【Unity3D】法线贴图和凹凸映射
1 法线贴图原理表面着色器中介绍了使用表面着色器进行法线贴图,实现简单快捷.本文将介绍使用顶点和片元着色器实现法线贴图和凹凸映射,实现更灵活. 本文完整代码资源见→法线贴图和凹凸映射. 1)光照原理 ...
法线贴图Normalmap小结
我们先讲基于世界或模型坐标的法线贴图(world/object space normal map).不常用,但是基础. 首先,请无视你之前google到的所谓通过Photoshop生成法线贴图类似文章 ...
法线贴图Nomal mapping 原理
法线贴图多用在CG动画的渲染以及游戏画面的制作上,将具有高细节的模型通过映射烘焙出法线贴图,贴在低端模型的法线贴图通道上,使之拥有法线贴图的渲染效果,却可以大大降低渲染时需要的面数和计算内容,从而达到 ...

webGL法线贴图原理

webGL法线贴图原理相关推荐

最新文章

热门文章