2.5Bump Mapping 凹凸映射

一、Bump Mapping 介绍

  • 我们想要在屏幕上绘制物体的细节,从尺度上讲,一个物体的细节分为:宏观、中观、微观
  • 宏观尺度中其特征会覆盖多个像素,中观尺度只覆盖几个像素,微观尺度的特征就会小于一个像素
  • 宏观尺度是由顶点或三角形或其他几何图元来表示,我们创建三维角色是,其四肢头部等通常在宏观尺度下建模
  • 微观尺度工作在着色模型中,着色模型通常在像素着色模型里实现,并使用纹理贴图作为参数,着色模型模拟了物体表面微观几何形状的相互作用,如:有光泽的物体在微观尺度下是光滑的,而漫反射的物体在微观尺度下是粗糙的,角色的皮肤或衣服看起来材质不同,因为他们使用了不同的着色模型或着色模型参数不同
  • 而中观尺度则表述了宏观与微观之间的特征,它包含的细节比较复杂,无法用单个三角形来渲染,但这些细节又足够大,让观察者能看出几个像素以上的表面曲率变化,比如人脸上的皱纹,肌肉组织的细节,衣服的褶皱或者砖头之间的缝隙等等,这些都属于中观尺度的特征
  • 凹凸映射就是模拟中观尺度的常用方法之一,它能够让观察者观察到比几何模型的尺度更小的细节,其基本思想在纹理中把尺度细节相关信息给编码进去,在着色过程中用稍微受到干扰的表面代替真实表面,就得让表面具有小尺度的细节

1.关于Bump Mapping

  • 凹凸贴图映射技术是对物体表面贴图进行变化然后再进行光照计算的一种技术。
  • 例如给法线分量添加噪音,或者在一个保存扰动值的纹理图中进行查找。
  • 这是一种提升物体真实感的有效方法,但却不需要额外的提升物体的几何复杂度。
  • 这种方式在提升物体的表面细节或者表面的不规则性方面有显著效果。

2.Bump Mapping分类

  • Bump Mapping的种类主要有:法线映射、视差映射、浮雕映射。这几种方法或者贴图。
  • 都是广泛的被使用,来增加模型的细节效果,或者用来做特殊的画面表现效果。
  • 最常用的是法线映射,一般的增加法线贴图后,会对局部的物体表面进行法线扰动,进而改变明暗关系,从而达到增加表面细节的效果。
  • 其中三种映射中都用到的法线贴图也是本次介绍的重点内容。

二、Normal Mapping 法线映射

1.关于Normal Mapping

  • Normal Map 是一张存有物体局部表面法线信息的一张贴图。
  • 在计算光照的时候,程序会去读取法线图,并获取到当前像素点的法线信息,结合光线信息进行光照计算。
  • 使用法线贴图计算光照,可以让物体表现出更加丰富的细节,并随着光照方向的变换实时变化。这是普通纹理贴图不能表现出的。
  • 法线贴图一般由高模映射到对应的底模上来生成。但像金属,木头等这些细节丰富的物体,可借助程序化的软件如:Photo Shop,Substance Designer等生成对应法线贴图。

2.法线映射的实现

切线空间

  • 法线的存储,一般会放到模型的切线空间中。
  • 切线空间是以物体表面的切线,副切线和法线组成的几何空间(如下图)。
  • 当我们计算光照时,需要把光照运算的向量放到统一坐标系下。读取切线空间法线,需要世界坐标转切线空间的转换矩阵 或 切线空间转世界空间的转换矩阵,将向量统一到同一坐标系后再进行光照操作。

世界和切线空间转换

  • 将世界坐标系下的顶点法线(Normal)和切线(Tangent)以及副切线(Bitangent)作为切线空间坐标系的正交基。并用这三个向量的标准正交基来构建转换矩阵。
  • 对应关系为法线作为Z轴,切线作为X轴,副切线作为Y轴。
  • 构建一个3*3的矩阵来做空间向量的坐标系转换。一般的叫该矩阵为TBN矩阵。
  • 其逆矩阵就是从切线空间到世界空间的转换矩阵记TBN-1,因为TBN为正交阵,所以其逆矩阵为TBN的转置矩阵。
  • 矩阵构建完成后,接下来就是光照计算部分。

法线存在各个空间里都可以,但关键不只是存在哪里,还有后续的光照计算

切线空间的优点:

  • 自由度高。模型空间下是绝对法线信息(仅可以用在创建它时的那个模型),而切线空间下的是相对法线信息,是对当前物体法线的扰动。(可以复用)
  • 可进行uv动画。比如:移动uv坐标来实现凹凸移动效果
  • 可以重用法线纹理。比如:一个立方体,6个面可以用一张法线贴图
  • 可压缩。由于切线空间下贴图中法线的Z方向总是正方向(模型空间下可以是负的),那么我们只存XY(切线和副切线)就能推出Z(法线)了,可以少存一个。

Unity中法线贴图的压缩格式

  • 在unity中,非移动平台上,Unity会把法线贴图转换成DXRT5nm格式。
  • 这种格式只有两个有效通道GA通道,这样可以节省空间,而移动平台Unity使用传统的RGB通道
  • 在DXRT5nm格式中,GA存储对应法线的x、y分量,z分量需要通过一个简单的运算求得。、

三、Parallax Mapping 视差映射

1.关于Parallax Mapping

法线映射虽然能展示较为逼真的模型表面细节,但毕竟法线映射只能改变法线进而改变光照,并不能让模型表面产生令人信服的遮挡效果。所有我们引入视差映射

Parallax Mapping中文为视差映射,是一种类似于法线映射的技术,但原理不同,类似法线贴图,它是用以提供模型表面细节并赋予其遮挡关系的技术,并可以和法线贴图一起使用提供令人信服的逼真效果

  • 视差映射同样引进一张新的贴图,高度图,高度图一般是作为顶点位移来使用的,但模型要包含大量三角形才能获得不错的效果,否则看起来会成块状。
  • 所有如何在有限的三角面上表示逼真的令人信服的效果?这就是视差映射技术,视差映射的核心是改变纹理坐标,但是如何改变,怎么改变?
  • 这时就需要一张存储模型信息的高度图,利用模型表面高度信息来对纹理进行偏移

2.视差映射的实现

  • 视差映射主要是要让平面看起来立体,和法线贴图一样是欺骗眼睛的做法。
  • 我们的模型在切线空间下,所有的点都位于切线和副切线组成的平面内(图中0.0点),但实际上物体要有更丰富的细节。
  • 例如图中的情况:如果不使用视差贴图,要计算当前视角下,片元A点(黄色)的信息,就是图中的Ha,实际使用视差贴图时,真实的情况应该是视线和A点延长线和物体的交点,也就是B点,相应的就是Hb

视差映射的具体算法:如何在知道A的uv值的情况下,算出B的uv值。

知道AB两者的偏移量即可

偏移量的获得:用近似的方法去求解

  • 首先拿A的高度信息进行采样,得到物体表面距离水平面(0.0)的深度值Ha。
  • 用深度值Ha和视线的三角关系算出物体上等比的偏移方向,算出近似的B点(可以看到图中近似点B和实际点B还是有挺大差距的,所以模拟度比较低)

  • 得到偏移之后B点的uv,再去对法线贴图进行采样、计算时,就不会采样A点了,而是B点
  • 理解:视差贴图是如何产生遮挡效果的
  • 当视线看到的是A点这样深度吗 比较大的,那么视差贴图计算出的偏移值也是非常大的,这样A点最终被渲染出来的机会就比较小(偏移后就被采样到其他点上了)
  • 当视线看到B点这样深度比较小的点,计算出来的偏移就比较下,甚至原来点的附近,所以被采样的机会就比较大
  • 深度大的点很容易被深度小的点覆盖掉,这样就会表现出遮挡的效果

3.陡视差映射 Steep Parallax Mapping

  • 也是近似解,但比视差映射精确

基本思想

  • 将物体表面分为若干层,从最顶端开始采样,每次沿着视角方向偏移一定的值
  • 如果当前采样的层数,大于实际采样的层数,就停止采样。

例如图中D点,采样到0.75层,实际是0.5层,就停止采样,返回偏移坐标

陡视差映射的算法:(计算偏移点的过程)

  • 首先对A点采样,得到深度大约为0.8的位置,而其对应视线深度为0.0,不符合我们的基本思想,继续采样
  • 采样B点,深度为1,视线深度为0.25,不符合,继续采样
  • 采样C点,深度大约为0.8,视线深度为0.5,不符合,继续采样
  • 采样D点,采样深度为0.5,视线深度约为0.75,符合上述的条件,认为是比较合理的一个偏移点,就返回结果(return)。

陡视差的问题

  • 在于分层机制,如果分层多,性能开销就会大;分层小,渲染锯齿就比较明显。
  • 一种做法:可以根据视角v和法线n的角度限定采样层数
  • 锯齿问题会在浮雕贴图上做改善

四、Relief Mapping 浮雕映射

1.关于Relief Mapping

  • 可以更精确的计算uv偏移量(视差如果偏移量大的话就会失真)、提供更多的深度、还可以做自阴影以及闭塞效果
  • 例如下图:可以看到浮雕的凹凸深度明显更大,且凹凸有自阴影效果

2.浮雕映射的实现

浮雕映射一般用射线步进二分查找决定uv偏移量

  • 第一步:射线步进部分,和视差贴图一样
  • 后边:二分查找部分:通过射线步进找到合适的步进后,在此步进内使用二分查找来找到精确的偏移值

为什么不直接使用二分查找?

  • 会产生比较大的误差
  • 下图为例
  • 如果直接使用二分查找,在深度0和1的中间的1点,进一步为2点 -> 3点 ->Q点。但我们要的结果是P点,可以看到结果很明显是错误的

3.视差闭塞贴图(POM = Parallax Occlusion Mapping)

  • 相对于浮雕贴图,不同之处在于最后一步
  • 浮雕贴图是在确认最后步进之后进行二分查找(在迭代次数比较多的情况下,还是挺耗的)
  • 视差闭塞贴图是在最后步进的两端uv值进行采样(下图红色箭头),采样之后再对这两个结果进行插值,插值的结果作为P点最终的偏移值

优点:

  • 相对于浮雕映射,性能更好(最后只做插值,而浮雕要做二分查找)
  • 相对于陡视差贴图,精确性更好

要求:

  • 因为最后要做插值,所以要求表面是相对比较平滑/连续的,如果有莫名的凸起结果可能会出错

五、作业

结合先行版基础光照介绍(一)将本次课程中所讲的案例结合进先前的光照效果中

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/337182.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

在鲲鹏服务器搭建k8s高可用集群分享

高可用架构 本文采用kubeadm方式搭建k8s高可用集群,k8s高可用集群主要是对apiserver、etcd、controller-manager、scheduler做的高可用;高可用形式只要是为: 1. apiserver利用haproxykeepalived做的负载,多apiserver节点同时工作…

【主动均衡和被动均衡】

文章目录 1.被动均衡2.主动均衡1.被动均衡 被动均衡一般通过电阻放电的方式,对电压较高的电池进行放电,以热量形式释放电量,为其他电池争取更多充电时间。这样整个系统的电量受制于容量最少的电池。充电过程中,锂电池一般有一个充电上限保护电压值,当某一串电池达到此电压…

docker+vue云服务器打包镜像相关操作

dockervue云服务器打包镜像相关操作 容器化部署似乎成了当前一个非常主流的趋势,无论是前端还是后端,流行的操作就是给你一个镜像地址,让你自己去拉取镜像并运行镜像。这似乎是运维的工作,但是在没有专有运维的情况下&#xff0c…

Vue中,点击提交按钮,路由多了个问号

问题 当点击提交按钮是路由多了问号: http://localhost:8100/#/ 变为 http://localhost:8100/?#/原因 路由中出现问号通常是由于某些路径或参数处理不当造成的。在该情况下,是因为表单的默认行为导致的。提交表单时,如果没有阻止表单的默…

【CH32V305FBP6】调试入坑指南

1. 无法烧录程序 现象 MounRiver Studio WXH-LinkUtility 解决方法 前提:连接复位引脚 或者 2. 无法调试 main.c 与调试口冲突,注释后调试 // USART_Printf_Init(115200);

2024年5月31日 (周五) 叶子游戏新闻

《Granblue Fantasy: Relink》版本更新 新增可操控角色及功能世嘉股份有限公司现已公开《Granblue Fantasy: Relink》(以下简称 Relink)免费版本更新ver.1.3.1于5月31日(周五)上线的消息。该作是由Cygames Inc.(下称Cy…

【class18】人工智能初步----语音识别(4)

【class17】 上节课,我们学习了: 语音端点检测的相关概念,并通过代码切分和保存了音频。 本节课,我们将学习这些知识点:1. 序列到序列模型2. 循环神经网络3. 调用短语音识别接口 知其然,知其所以然 在调用语…

Java项目对接redis,客户端是选Redisson、Lettuce还是Jedis?

JAVA项目对接redis,客户端是选Redisson、Lettuce还是Jedis? 一、客户端简介1. Jedis介绍2. Lettuce介绍3. Redisson介绍 二、横向对比三、选型说明 在实际的项目开发中,对于一个需要对接Redis的项目来说,就面临着选择合适的Redis客…

【html+css(大作业)】二级菜单导航栏

目录 实现效果 代码及其解释 html部分 CSS部分 hello&#xff0c;hello好久不见&#xff01; 今天我们来写二级导航栏&#xff0c;所谓二级导航栏&#xff0c;简单来说就是鼠标放上去就有菜单拉出&#xff1a; 实现效果 代码及其解释 html部分 <!DOCTYPE html> &l…

【网络原理】HTTP|认识请求“报头“|Host|Content-Length|Content-Type|UA|Referer|Cookie

目录 认识请求"报头"(header) Host Content-Length Content-Type User-Agent(简称UA) Referer &#x1f4a1;Cookie&#xff08;最重要的一个header&#xff0c;开发&面试高频问题&#xff09; 1.Cookie是啥&#xff1f; 2.Cookie怎么存的&#xff1f; …

【并查集】专题练习

题目列表 - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) 模板 836. 合并集合 - AcWing题库 #include<bits/stdc.h> using lllong long; //#define int ll const int N1e510,mod1e97; int n,m; int p[N],sz[N]; int find(int a) {if(p[a]!a) p[a]find(p[a]);return p[a…

IDEA 安装BPMN插件-Activiti BPMN visualizer

IDEA安装BPMN插件 idea 18版本之前idea 18版本之后安装插件 推荐使用 Activiti BPMN visualizer插件注意 创建bpmn文件使用可视化面板 在可视化面板中右键可创建各种节点每个节点上都有连线 删除 设置的按钮 保存图片 idea 18版本之前 可以通过搜索插件actiBPMN直接安装 idea…

代码随想录算法训练营第36期DAY44

DAY44 闫氏DP 2 01背包问题 用滚动数组来优化空间&#xff0c;从后向前&#xff08;大到小&#xff09;遍历j #include<iostream>using namespace std;const int N1010;int n,m;int v[N],w[N];int f[N][N];//所有只考虑前i个物品&#xff0c;**且总体积不超过j**的选法…

【简单介绍下Milvus,什么是Milvus?】

&#x1f308;个人主页: 程序员不想敲代码啊 &#x1f3c6;CSDN优质创作者&#xff0c;CSDN实力新星&#xff0c;CSDN博客专家 &#x1f44d;点赞⭐评论⭐收藏 &#x1f91d;希望本文对您有所裨益&#xff0c;如有不足之处&#xff0c;欢迎在评论区提出指正&#xff0c;让我们共…

快手发布大模型产品“可图”,超20种创新AI图像玩法限免上线

近日&#xff0c;快手自研大模型产品“可图”&#xff08;Kolors&#xff09;正式对外开放&#xff0c;支持文生图和图生图两类功能&#xff0c;已上线20余种AI图像玩法。目前&#xff0c;用户可以通过“可图大模型”官方网站和微信小程序&#xff0c;免费使用各项AI图像功能。…

短剧源码系统深层次解析:技术架构与实现

短剧源码系统作为短视频内容生产与分发的核心技术&#xff0c;其技术实现对于开发者和运营者至关重要。本文将深入探讨短剧源码系统的关键技术架构&#xff0c;特别是前端框架uni-app和Vue&#xff0c;以及后端框架ThinkPHP5和Workerman的应用。 前端框架&#xff1a;uni-app与…

Python——Selenium快速上手+方法(一站式解决问题)

目录 前言 一、Selenium是什么 二、Python安装Selenium 1、安装Selenium第三方库 2、下载浏览器驱动 3、使用Python来打开浏览器 三、Selenium的初始化 四、Selenium获取网页元素 4.1、获取元素的实用方法 1、模糊匹配获取元素 & 联合多个样式 2、使用拉姆达表达式 3、加上…

【React】封装一个好用方便的消息框(Hooks Bootstrap 实践)

引言 以 Bootstrap 为例&#xff0c;使用模态框编写一个简单的消息框&#xff1a; import { useState } from "react"; import { Modal } from "react-bootstrap"; import Button from "react-bootstrap/Button"; import bootstrap/dist/css/b…

Python自动化办公2.0 即将发布

第一节课&#xff1a;数据整理与清洗 第二节课&#xff1a;数据筛选、过滤与排序 第三节课&#xff1a;高级数据处理技巧 第四节课&#xff1a;数据可视化与实践案例 第五节课&#xff1a;统计分析与报表 第六节&#xff1a;常见的Excel报表 与下方的课程形成知识体系&…

判断自守数-第13届蓝桥杯选拔赛Python真题精选

[导读]&#xff1a;超平老师的Scratch蓝桥杯真题解读系列在推出之后&#xff0c;受到了广大老师和家长的好评&#xff0c;非常感谢各位的认可和厚爱。作为回馈&#xff0c;超平老师计划推出《Python蓝桥杯真题解析100讲》&#xff0c;这是解读系列的第75讲。 判断自守数&#…