立方体纹理就是包含6个2D纹理的纹理.6个纹理有序排列在立方体的6个面.其可以通过方向向量采样立方体纹理上的纹素.

创建立方体贴图跟创建2D贴图一样,但是绑定到GL_TEXTURE_CUBE_MAP上.

glGenTextures(1, &CubeMapID);
glBindTexture(GL_TEXTURE_CUBE_MAP, CubeMapID);

立方体纹理右6个面,每个面都要调用一次glTexImage2D,因此共需要调用6次.每个面有特定的纹理目标.按照顺序是这样.

这些纹理目标为枚举型,按照顺序他们的值是线性叠加的.因此编写代码的时候可以用for循环调用glTexImage2D,然后用循环次数作为这些纹理目标的枚举值.从GL_TEXTUREE_MAP_POSITIVE_X开始.

例如以i作为循环次数记录.

glTexImage2D(GL_TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, GL_RGB, width, height, 0, GL_RGB, GL_UNSIGNED_BYTE, data);

立方体纹理也需要设置环绕模式与过滤模式.

glTexParameteri(GL_TEXTURE_CUBE_MAP, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);
glTexParameteri(GL_TEXTURE_CUBE_MAP, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE);
glTexParameteri(GL_TEXTURE_CUBE_MAP, GL_TEXTURE_WRAP_R, GL_CLAMP_TO_EDGE);
glTexParameteri(GL_TEXTURE_CUBE_MAP, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
glTexParameteri(GL_TEXTURE_CUBE_MAP, GL_TEXTURE_MAG_FILTER, GL_LINEAR);

一般的纹理是二维的因此仅需要设定ST的环绕模式即可.但是立方体纹理是三维的因此需要对R设置.可以简单理解为z坐标.

天空盒

立方体纹理常用于天空盒.设置好纹理数据和VAO,VBO之后,编写天空盒用的shader就可以了.

#version 330 core
layout(location=0) in vec3 aPos;out vec3 TexCoords;uniform mat4 projection;
uniform mat4 view;void main()
{TexCoords=aPos;gl_Position = projection * view * vec4(aPos, 1.0);
}

片元着色器获取立方体纹理的纹素作为颜色输出.

#version 330 core
out vec4 FragColor;
in vec3 TexCoords;
uniform samplerCube skyBox;
void main()
{FragColor=texture(skyBox,TexCoords);
}

在绘制天空和的时候需要开启深度测试,以及关闭天空盒的深度写入.因为有些对象与相机的距离可能比天空盒面到相机的距离远.因此这种情况下天空盒有可能将某些物体覆盖了.并且需要注意需要先渲染天空盒再渲染其他物体.

int main()
{glDepthMask(GL_FALSE);
//绘制天空盒
//...
glDepthMask(GL_TRUE);
//绘制其他物体
}

如果按照以往的思路将MVP矩阵参数传进去将纹理坐标设置好的话并不会得到一个良好的结果.

因为我们不想天空盒跟场景中其他物体一样.天空盒不应受移动影响.仅受旋转和缩放影响.因此需要去掉观察矩阵的平移部分.即保留矩阵左上角部分.

view=glm::mat4(glm::mat3(view))

将这个view传进去shader可得到正确的显示.

以上的做法是关闭深度写入,让天空盒不参与深度测试.让每个像素都运行一次天空盒的片元着色器.但其实将天空盒的深度值永远设置为1就可以获得正确的效果了并且参与深度测试的话也不需要每个像素都调用天空盒的着色器.因为在某些复杂的场景里面天空盒仅仅显示一小部分.为此,我们需要将天空盒深度值永远设为1.

根据流水线,在顶点着色器运行时投影矩阵会进行透视除法,并最后处于标准化设备空间(NDC)中的.

因此若想经过透视除法后的z值为1,则需要将z值定为w.

#version 330 core
layout(location=0) in vec3 aPos;out vec3 TexCoords;uniform mat4 projection;
uniform mat4 view;void main()
{TexCoords=aPos;vec4 pos = projection * view * vec4(aPos, 1.0);gl_Position = pos.xyww;
}

将z值定为w进行透视除法后就变为1.

这时候还需要开启深度测试并调用深度测试函数设置比较运算符为GL_LEQUAL.

GL_LEQUAL为片元的深度值小于等于缓存的深度值时通过测试.因为如果调用默认的GL_LESS的话基本上天空盒是不会通过测试的.这时候就不需要设置关闭深度写入了.

glDepthFunc(GL_LEQUAL);
//绘制天空盒
glDepthFunc(GL_LESS);

绘制完天空盒之后改回默认的深度运算操作符,以便其他物体进行深度测试.

如果场景里面没有需要透明度混合的物体的话则天空盒可以随便放置于主循环的某一个位置进行渲染.否则的话会出现这种情况.

2B因为不需要透明度混合,因此可以获得正常的渲染效果.但是草地于窗户精灵体需要透明度混合因此会出现奇怪的效果.

这里我是先渲染场景的所有物体,最后才渲染天空盒的.因此这时候场景物体部分的深度值比1小,通过测试与默认的颜色缓存的颜色进行混合.接着天空盒与深度缓存进行测试,因为天空盒深度值为1,比场景里物体的深度值大,因此这部分片元会被抛弃.所以物体混合的颜色里面没有天空盒纹理的颜色.

为此,最好在主循环刚开始的时候渲染天空盒.让天空盒颜色代替默认颜色缓存里的颜色.

所以,无论是对天空盒关闭深度写入还是设置天空盒的深度值为1,都最好在主循环开始的时候渲染.

立方体纹理可以用于环境映射.常用有反射和折射.

首先是反射

反射很简单.主要就是获取向量R的方向然后通过R在立方体纹理中获取纹素.

在顶点着色器获取片元的位置以及法向量输出到片元着色器.

#version 330 core
layout (location=0) in vec3 aPos;
layout (location=1) in vec3 aNormal;out vec3 fragPos;
out vec3 Normal;uniform mat4 model;
uniform mat4 view;
uniform mat4 projection;void main()
{  Normal=mat3(transpose(inverse(view*model)))*aNormal;fragPos=vec3(view*model*vec4(aPos,1.0));gl_Position=projection*view*model*vec4(aPos,1.0);
}

这里的法线用了法线矩阵消除缩放对物体法线的影响.片元位置放置在相机空间中,因为我偏好于将这些计算放在相机空间,这样就不用在片元着色器计算观察位置到片元位置了,直接可以用片元位置代替,因为在相机空间中,摄像机的位置就是原点.

根据上面的图片,需要在片元着色器计算反射向量

.反射向量可以通过GLSL内置函数
计算,也可以用反射向量的计算方式计算
.因为在顶点着色器片元位置在相机空间下,所以向量
仅需要对片元位置归一化即可.
#version 330 core
out vec4 FragColor; in vec3 Normal;
in vec3 fragPos;uniform samplerCube skybox;void main()
{ //环境映射反射vec3 I=normalize(fragPos);vec3 R=reflect(I,normal);FragColor=vec4(texture(skybox,R).xyz,1.0);
}

可以运用反射贴图使模型的仅某一部分进行反射.通过引入反射贴图并对反射贴图进行采样获得当前网格的反射系数,然后运用插值对模型的反射贴图与其他光照模型进行综合

struct Material
{sampler2D texture_diffuse0;sampler2D texture_specular0;sampler2D texture_normal0;sampler2D texture_reflection0;float shininess;//影响镜面高光的散射/半径
};

在material就结构体里面增加一个反射贴图的声明.接着求出反射系数.

float reflectRate=(texture(material.texture_reflection0,TexCoords).r+texture(material.texture_reflection0,TexCoords).g+texture(material.texture_reflection0,TexCoords).b)/3;

不过反射贴图一般颜色分量不是0就是1,所以也可以简单点

   float reflectRate=texture(material.texture_reflection0,TexCoords).r;

在总颜色输出那里做一个插值就可以了.

void main()
{ vec3 normal=normalize(Normal);vec3 viewDir=normalize(-fragPos);//观察空间下进行vec3 Direction=CalcDirectionalLight(dirLight,normal,viewDir);vec3 Point = CalcPointLight(pointLight,normal,fragPos,viewDir);vec3 Spot=CalcSpotLight(spotLight,normal,fragPos,viewDir);//环境映射反射vec3 I=normalize(fragPos);vec3 R=reflect(I,normal);float reflectRate=texture(material.texture_reflection0,TexCoords).r;vec4 reflection=texture(skybox,R);FragColor=vec4(reflectRate*reflection.xyz+(1-reflectRate)*(Spot+Point+Direction),1.0);
}

最终效果中可以看到身上比较闪闪的地方都有天空盒的映射,其中以眼部的镜片效果最明显.

折射

折射与反射的区别不大,就是将

函数改为
函数,再加一个折射率常数.

折射用到了斯涅耳定律,斯涅耳定律很简单:

其中

,
表示两种介质的折射率,
,
表示光线方向与法线的夹角.

介质的折射率有一个固定的参数.

但是!!!我们不需要自己计算斯涅尔定律,反射有内建GLSL函数.折射与反射的区别不大,就是将

函数改为
函数,再加一个折射率常数.将上述反射部分的片元着色器代码修改下.

其中

,两种折射率比例.然后作为
的第三个参数就行
float ratio=1.0/1.33;
vec3 I=normalize(fragPos);
vec3 R=refract(I,normal,ratio);FragColor=vec4(texture(skybox,R).xyz,1.0);

当然,

函数想要自己算也不是不行.

杨超:cg refract函数​zhuanlan.zhihu.com

这里有一篇折射函数的推导过程.其中

.

按照这篇文章的推导即可得到正确折射向量.

vec3 refract(vec3 I,vec3 normal,float ratio)
{vec3 OC=dot(-I,normal)*normal;vec3 CA=-I-OC;vec3 EB=-ratio*CA;float EB_length_2=EB.x*EB.x+EB.y*EB.y+EB.z+EB.z;vec3 OE=-sqrt(1-EB_length_2)*normal;return EB+OE;
}

立方体贴图 - LearnOpenGL CN​learnopengl-cn.github.io

数据立方体_立方体纹理相关推荐

  1. 凹入表形式打印树形结构_【树形立方体】立方体有哪些特性?

    迈安带你走进 [迈安带你走进]如上图所示,这是由三个维度构成的一个树形立方体,立方体中包含了满足条件的cell(子立方块)值,这些cell里面包含了要分析的数据,称之为度量值.显而易见,一组三维坐标唯 ...

  2. 数据探查_数据科学家,开始使用探查器

    数据探查 Data scientists often need to write a lot of complex, slow, CPU- and I/O-heavy code - whether y ...

  3. 基于plotly数据可视化_如何使用Plotly进行数据可视化

    基于plotly数据可视化 The amount of data in the world is growing every second. From sending a text to clicki ...

  4. 数据科学家 数据工程师_数据科学家实际上赚了多少钱?

    数据科学家 数据工程师 目录 (Table of Contents) Introduction介绍 Junior Data Scientist初级数据科学家 Mid-Level Data Scient ...

  5. 对数据仓库进行数据建模_确定是否可以对您的数据进行建模

    对数据仓库进行数据建模 Some data sets are just not meant to have the geospatial representation that can be clus ...

  6. jquery数据折叠_通过位折叠缩小大数据

    jquery数据折叠 Sometimes your dataset is just too large, and you need a way to shrink it down to a reaso ...

  7. 数据科学家 数据工程师_数据科学家应该对数据进行版本控制的4个理由

    数据科学家 数据工程师 While working in a software project it is very common and, in fact, a standard to start ...

  8. 数据创造价值_展示数据并创造价值

    数据创造价值 To create the maximum value, urgency, and leverage in a data partnership, you must present th ...

  9. web数据交互_通过体育运动使用定制的交互式Web应用程序数据科学探索任何数据...

    web数据交互 Most good data projects start with the analyst doing something to get a feel for the data th ...

最新文章

  1. 哆啦a梦简单图画python编程_[python]画哆啦A梦,Python,绘制
  2. Redis 面试连环炮,看看你能撑到哪一步?
  3. 数据结构--KMP算法总结
  4. pandas读取剪切板
  5. 删除两个字符串中的特定字符使其相等,统计删除的字符的ASCII和
  6. 4/7 SELECT语句:过滤(组合WHERE子句)
  7. Hash-table(用除法散列法实现)
  8. 权限管理系统设计_多校区的教育培训机构,如何选择培训学校crm管理系统?
  9. Mybatis的Mapper代理
  10. 2021亚太杯数学建模竞赛
  11. 修改tomcat默认端口号
  12. Spring和MyBatis框架整合的小案例
  13. iOS shareExtension总结分享
  14. 个人作业--数组之首尾相连
  15. 百家讲坛-《老子智慧与现代爱情婚姻》
  16. VMM物理内存、虚拟内存管理,偷页算法
  17. SSIS - Excel Destination无法接受大于255个字符长度的字符字段(转载)
  18. GitLab的使用之Git-biz push失败问题整理
  19. bash:xxxx: 权限不够解决办法
  20. LABVIEW 虚拟键盘 触摸键盘 中英文输入 支持WIN10 WIN7

热门文章

  1. 数据数据库学通MongoDB——第一天 基础入门
  2. ubuntu系统设置开机自启动
  3. eclipse 国内镜像高速下载
  4. ubuntu sun-java6-jre_在 Ubuntu Lucid 下请回 Sun Java6 Jre, 赶走 OpenJDK
  5. java 集合addall_Java集合的addAll()方法和示例
  6. Java FilterInputStream reset()方法与示例
  7. java printwriter实例_PrintWriter做过滤流+FileWriter案例分析
  8. java双缓存机制_详解JVM类加载机制及类缓存问题的处理方法
  9. 购物商城框架java_基于jsp的购物商城-JavaEE实现购物商城 - java项目源码
  10. Java Formatter format()方法及示例