当前位置: 首页 > news >正文

四川德充建设集团有限公司网站合肥seo搜索优化

四川德充建设集团有限公司网站,合肥seo搜索优化,一家专做有机蔬菜的网站,微购电商小程序OpenGL光照贴图漫反射贴图镜面光贴图光照贴图 一个物体的不同部分是不同的材质,那么会有不同的环境光和漫反射颜色表现。 漫反射贴图 原理就是:纹理。 是对同样的原理使用了不同的名字:其实都是使用一张覆盖物体的图像,让我们能…

OpenGL

  • 光照贴图
    • 漫反射贴图
    • 镜面光贴图

光照贴图

一个物体的不同部分是不同的材质,那么会有不同的环境光和漫反射颜色表现。

漫反射贴图

原理就是:纹理。
是对同样的原理使用了不同的名字:其实都是使用一张覆盖物体的图像,让我们能够逐片段索引其独立的颜色值。是一个表现了物体所有的漫反射颜色的纹理图像。

在着色器中使用漫反射贴图的方法和纹理教程中是完全一样的。但这次我们会将纹理储存为Material结构体中的一个sampler2D。我们将之前定义的vec3漫反射颜色向量替换为漫反射贴图。
补充:sampler2D是所谓的不透明类型(Opaque Type),也就是说我们不能将它实例化,只能通过uniform来定义它。如果我们使用除uniform以外的方法(比如函数的参数)实例化这个结构体,GLSL会抛出一些奇怪的错误。这同样也适用于任何封装了不透明类型的结构体。

也需要移除环境光材质颜色向量,因为环境光颜色在几乎所有情况下都等于漫反射颜色,所以我们不需要将它们分开储存:

struct Material {sampler2D diffuse;vec3      specular;float     shininess;
}; 
...
in vec2 TexCoords;

在片段着色器中再次需要纹理坐标,所以我们声明一个额外的输入变量。接下来我们只需要从纹理中采样片段的漫反射颜色值即可:

vec3 diffuse = light.diffuse * diff * vec3(texture(material.diffuse, TexCoords));

将环境光的材质颜色设置为漫反射材质颜色同样的值:

vec3 ambient = light.ambient * vec3(texture(material.diffuse, TexCoords));

补充:
GLSL内建的texture()函数,可以得到一个纹理颜色,第一个参数纹理采样器,第二个参数纹理坐标。

上述这就是使用漫反射贴图的全部步骤了。
下面需要使用纹理坐标更新顶点数据,将它们作为顶点属性传递到片段着色器,加载材质并绑定材质到合适的纹理单元。
更新顶点着色器来以顶点属性的形式接受纹理坐标,并将它们传递到片段着色器中:

#version 330 core
layout (location = 0) in vec3 aPos;
layout (location = 1) in vec3 aNormal;
layout (location = 2) in vec2 aTexCoords;
...
out vec2 TexCoords;void main()
{...TexCoords = aTexCoords;
}

还需要更新两个VAO的顶点属性指针来匹配新的顶点数据,并加载箱子图像为一个纹理。在绘制箱子之前,我们希望将要用的纹理单元赋值到material.diffuse这个uniform采样器,并绑定箱子的纹理到这个纹理单元:

lightingShader.setInt("material.diffuse", 0);
...
glActiveTexture(GL_TEXTURE0);
glBindTexture(GL_TEXTURE_2D, diffuseMap);

镜面光贴图

想要让物体的某些部分以不同的强度显示镜面高光。
可以使用一个专门用于镜面高光的纹理贴图。这也就意味着我们需要生成一个黑白的(如果你想得话也可以是彩色的)纹理,来定义物体每部分的镜面光强度:
镜面高光的强度可以通过图像每个像素的亮度来获取。镜面光贴图上的每个像素都可以由一个颜色向量来表示,比如说黑色代表颜色向量vec3(0.0),灰色代表颜色向量vec3(0.5)。在片段着色器中,我们接下来会取样对应的颜色值并将它乘以光源的镜面强度。一个像素越「白」,乘积就会越大,物体的镜面光分量就会越亮。

要保证正确地加载图像并生成一个纹理对象。由于我们正在同一个片段着色器中使用另一个纹理采样器,我们必须要对镜面光贴图使用一个不同的纹理单元,所以我们在渲染之前先把它绑定到合适的纹理单元上:

lightingShader.setInt("material.specular", 1);
...
glActiveTexture(GL_TEXTURE1);
glBindTexture(GL_TEXTURE_2D, specularMap);

接下来更新片段着色器的材质属性,让其接受一个sampler2D而不是vec3作为镜面光分量:

struct Material {sampler2D diffuse;sampler2D specular;float     shininess;
};

采样镜面光贴图,来获取片段所对应的镜面光强度:

vec3 ambient  = light.ambient  * vec3(texture(material.diffuse, TexCoords));
vec3 diffuse  = light.diffuse  * diff * vec3(texture(material.diffuse, TexCoords));  
vec3 specular = light.specular * spec * vec3(texture(material.specular, TexCoords));
FragColor = vec4(ambient + diffuse + specular, 1.0);

通过使用镜面光贴图我们可以可以对物体设置大量的细节,比如物体的哪些部分需要有闪闪发光的属性,我们甚至可以设置它们对应的强度。镜面光贴图能够在漫反射贴图之上给予我们更高一层的控制。

http://www.hrbkazy.com/news/36204.html

相关文章:

  • 济南营销型网站公司南京seo网站优化推广
  • 网络公司网站建设首页中国四大软件外包公司
  • 网页界面设计案例赏析百度站长工具seo
  • 北京网站建设开发公司哪家好免费seo快速排名系统
  • 精仿腾讯3366小游戏门户网站源码织梦最新内核带全部数据!百度如何推广网站
  • 网站建设大概费用四川seo关键词工具
  • 福建建设人才市场网站色盲能治好吗
  • 可以做宣传图的网站电商怎么做
  • 做五金国际网站哪个好谷歌浏览器官网下载
  • 怎么做网站广告卖钱免费站长工具
  • 深圳建工集团百度seo排名技术必不可少
  • 商城网站建设如何交谈百度地图人工电话
  • 模拟网站平台怎么做seo优化搜索推广
  • 王爷太能作全文免费阅读怎么做优化关键词
  • 安徽网站定制上海优化seo公司
  • 苏州木渎做网站网站建设推广
  • wix怎么做网站教程简单网页设计模板html
  • 做室内设计的网站跟我学seo
  • 建站平台石家庄盘古谷歌搜索引擎香港免费入口
  • php网站连接数据库b2b平台有哪些网站
  • wordpress多说评论插件seo教程技术
  • wordpress主题汉化中文seo技术培训江门
  • 网站文件保护怎么做青岛关键词排名提升
  • 万网 填写网站备案信息企业seo顾问公司
  • 网站后台html页面关键词搜索排名推广
  • 网页建设与网站设计心德体会交换友情链接
  • 软件开发可以做网站么网站建设的意义和作用
  • 北京做网站建设的公司有哪些网址域名ip查询
  • 安阳网站建设优化我国的网络营销公司
  • 三亚今天最新通知贵港网站seo