LearnOpenGL-光照-3.材质

news2024/10/2 1:42:10

本人刚学OpenGL不久且自学,文中定有代码、术语等错误,欢迎指正

我写的项目地址:https://github.com/liujianjie/LearnOpenGLProject

文章目录

  • 材质
    • 例子1
      • 代码相关
      • 光照太强了
    • 例子2
    • 例子3: 不同的光源颜色

材质

  • 引出材质

    如果我们想要在OpenGL中模拟多种类型的物体,我们必须针对每种表面定义不同的材质(Material)属性,而不是像2.2节那样定义一个三维向量决定一个物体的颜色,用材质决定物体的颜色。

  • 什么是材质(来自高赞评论)

    • 关于材质的理解

      材质就是对光的反射特性

    • 举个栗子

      比如说:在阳光下,树叶是绿色的,并不是树叶发出了绿色的光,而是树叶吸收了其他颜色的光,反射绿色的光。

      剥离掉树叶这种物质,提取出树叶对光“处理”的特性,这就叫树叶材质。

    • 更详细说明

      一般我们使用 漫反射光、镜面反射光、光泽度等属性,来定义一种材质,其实我不喜欢这样的称呼,我更喜欢称作 漫反射率, 镜面反射率。

      比如:树叶的漫反射率(0.54, 0.89, 0.63), 可以这么理解,
      树叶可以反射光照中: 54%的红色光,89%的绿色光,63%的蓝色光,
      树叶可以吸收光照中: 1-54%的红色光,1-89%的绿色光,1-63%的蓝色光

  • 材质组成

    当描述一个表面时,我们可以分别为三个光照分量定义一个材质颜色(Material Color):环境光照(Ambient Lighting)、漫反射光照(Diffuse Lighting)和镜面光照(Specular Lighting)

此节不用高赞评论将材质的分量叫为反射率(当做另一种角度理解就好),而是将材质的分量叫做材质环境光照颜色分量、材质漫反射光照颜色分量、材质镜面光照颜色分量

例子1

代码相关

  • glsl

    #version 330 core
    out vec4 FragColor;
    
    in vec3 Normal;
    in vec3 FragPos;
    
    uniform vec3 lightPos;
    uniform vec3 viewPos;
    uniform vec3 objectColor;
    uniform vec3 lightColor;
    
    struct Material {
        vec3 ambient;
        vec3 diffuse;
        vec3 specular;
        float shininess;
    }; 
    
    uniform Material material;
    
    void main(){
        // 环境光
        // float ambientStrength = 0.1;
        //vec3 ambient = ambientStrength * lightColor;
        vec3 ambient = lightColor * material.ambient;           // 环境光照分量
    
        // 漫反射
        vec3 norm = normalize(Normal);
        vec3 lightDir = normalize(lightPos - FragPos);
        float diff = max(dot(norm, lightDir), 0.0);// 得到光源对当前片段实际的漫反射影响
        // vec3 diffuse = diff * lightColor;
        vec3 diffuse = lightColor * diff *  material.diffuse;   // 漫反射光照分量
    
        // 镜面光照
        float specularStrength = 0.5;
        vec3 viewDir = normalize(viewPos - FragPos);            // 是观察者方向,不是观察者看向的方向
        vec3 reflectDir = reflect(-lightDir, norm);
    
        float spec = pow(max(dot(viewDir, reflectDir), 0.0), 32);// 光源对当前片段的镜面光影响
        //vec3 specular = specularStrength * spec * lightColor;
        vec3 specular = lightColor * (spec * material.specular);// 镜面光光照分量
    
        //vec3 result = (ambient + diffuse + specular) * objectColor;
        vec3 result = (ambient + diffuse + specular) ;          // 不用乘以物体颜色,材质已经决定了物体的颜色
        
        FragColor = vec4(result, 1.0);
    }
    

    注释掉的是2.2节的基础光照计算冯氏光照模型各个最终分量基本代码,当前代码依旧是以冯氏光照模型。

    让材质颜色分量乘以光源颜色乘以2.2节讨论的相关光照影响,并组成物体的颜色。

    • 解读
      • ambient材质向量定义了在环境光照下这个表面反射的是什么颜色,通常与表面的颜色相同
      • diffuse材质向量定义了在漫反射光照下表面的颜色。漫反射颜色(和环境光照一样)也被设置为我们期望的物体颜色
      • specular材质向量设置的是表面上镜面高光的颜色(或者甚至可能反映一个特定表面的颜色)
      • shininess影响镜面高光的散射/半径。
    lightingShader.setVec3("material.ambient",  1.0f, 0.5f, 0.31f);
    lightingShader.setVec3("material.diffuse",  1.0f, 0.5f, 0.31f);
    lightingShader.setVec3("material.specular", 0.5f, 0.5f, 0.5f);
    lightingShader.setFloat("material.shininess", 32.0f);
    
  • 效果

光照太强了

  • 原因

    物体过亮的原因是材质的环境光、漫反射和镜面光这三个颜色对任何一个光源都全力反射

    换句话说是:光的颜色太亮了

    glsl中的lightcolor = vec3(1.0)

    vec3 ambient  = vec3(1.0) * material.ambient;
    vec3 diffuse  = vec3(1.0) * (diff * material.diffuse);
    vec3 specular = vec3(1.0) * (spec * material.specular);
    
  • 如何解决

    回想上一节,环境光给其增加了一个很低的强度,而这里却没有这个强度,所以我们应该要为每个光照分量分别指定一个强度向量,来影响环境光、漫反射和镜面光。

  • 实际代码

    是将光源分为3个光照颜色分量并相关分量降低值,不再是1.0f全白色,用其乘以材质相关光照颜色分量与相关光照影响率(2.2)。

    struct Light {
        vec3 position;
    
        vec3 ambient;
        vec3 diffuse;
        vec3 specular;
    };
    uniform Light light;
    light.ambient = vec3(0.2f, 0.2f, 0.2f);
    vec3 ambient = light.ambient * material.ambient;// 光源环境光颜色分量*材质环境光照颜色分量
    

注意:在此节光源的各个分量依旧叫做颜色分量,比如:光源环境光颜色分量、光源漫反射颜色分量。而提到的强度只是另一种角度理解。

例子2

  • 代码

    glsl

    #version 330 core
    out vec4 FragColor;
    
    in vec3 Normal;
    in vec3 FragPos;
    
    uniform vec3 viewPos;
    uniform vec3 objectColor;
    uniform vec3 lightColor;
    
    struct Material {
        vec3 ambient;
        vec3 diffuse;
        vec3 specular;
        float shininess;
    }; 
    
    uniform Material material;
    // 光源分为3个光照分量
    struct Light {
        vec3 position;
    
        vec3 ambient;
        vec3 diffuse;
        vec3 specular;
    };
    
    uniform Light light;
    void main(){
        // 环境光
        float ambientStrength = 0.1;
        //vec3 ambient = ambientStrength * lightColor;
        //vec3 ambient = lightColor * material.ambient;
        vec3 ambient = light.ambient * material.ambient;            // 环境光照分量
    
        // 漫反射
        vec3 norm = normalize(Normal);
        vec3 lightDir = normalize(light.position - FragPos);
        float diff = max(dot(norm, lightDir), 0.0);                 // 得到光源对当前片段实际的漫反射影响
        // vec3 diffuse = diff * lightColor;
        // vec3 diffuse = lightColor * diff *  material.diffuse;
        vec3 diffuse = light.diffuse * diff *  material.diffuse;    // 漫反射光照分量
    
        // 镜面光照
        float specularStrength = 0.5;
        vec3 viewDir = normalize(viewPos - FragPos);                // 是观察者方向,不是观察者看向的方向
        vec3 reflectDir = reflect(-lightDir, norm);
    
        float spec = pow(max(dot(viewDir, reflectDir), 0.0), material.shininess);// 光源对当前片段的镜面光影响
        //vec3 specular = specularStrength * spec * lightColor;
        //vec3 specular = lightColor * (spec * material.specular);
        vec3 specular = light.specular * (spec * material.specular);// 镜面光光照分量
    
        //vec3 result = (ambient + diffuse + specular) * objectColor;
        vec3 result = (ambient + diffuse + specular);               // 不用乘以物体颜色,材质已经决定了物体的颜色
        
        FragColor = vec4(result, 1.0);
    }
    
    • 以漫反射光照分量为例

      漫反射光照分量 = 光源漫反射颜色分量 * 材质漫反射光照颜色分量 * 光源对片段的漫反射影响

  • 如何正确设置光源的颜色分量

    • 环境光照通常被设置为一个比较低的强度,因为我们不希望环境光颜色太过主导
    • 光源的漫反射分量通常被设置为我们希望光所具有的那个颜色,通常是一个比较明亮的白色
    • 镜面光分量通常会保持为vec3(1.0),以最大强度发光。
    lightingShader.setVec3("light.ambient",  0.2f, 0.2f, 0.2f);
    lightingShader.setVec3("light.diffuse",  0.5f, 0.5f, 0.5f); // 将光照调暗了一些以搭配场景
    lightingShader.setVec3("light.specular", 1.0f, 1.0f, 1.0f); 
    
  • 效果

例子3: 不同的光源颜色

  • 这里优化代码

    随着时间更改光源分量颜色,从而导致物体在变色一样

    glm::vec3 lightColor;
    lightColor.x = sin(glfwGetTime() * 2.0f);
    lightColor.y = sin(glfwGetTime() * 0.7f);
    lightColor.z = sin(glfwGetTime() * 1.3f);
    
    glm::vec3 diffuseColor = lightColor   * glm::vec3(0.5f); // 降低影响
    glm::vec3 ambientColor = diffuseColor * glm::vec3(0.2f); // 很低的影响
    
    lightingShader.setVec3("light.ambient", ambientColor);// 设置光源环境光颜色分量
    lightingShader.setVec3("light.diffuse", diffuseColor);// 设置光源漫反射颜色分量
    lightingShader.setVec3("light.specular", 1.0f, 1.0f, 1.0f);
    
  • 效果

    请添加图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

TTS | 语音合成常见数据集及数据格式详情

linkLJSpeech网址 : The LJ Speech Dataset (keithito.com)数据集描述:数据集大小:2.6GB这是一个公共领域的语音数据集,由 13,100 个简短的音频剪辑组成 一位演讲者阅读 7 本非小说类书籍的段落。为每个剪辑提供转录。…

删除的文件怎么恢复?恢复方法在这里(支持Win和Mac)

案例:文件永久删除还能找回来吗?关于Win和Mac系统的恢复方法 “前几天我在清理电脑垃圾,不小心误删了重要的文件。有没有什么比较全面的方法,可以帮助我恢复删除的文件啊?在线急等回复!” 随着电脑使用的…

Golang 中 Slice的分析与使用(含源码)

文章目录1、slice结构体2、slice初始化3、append操作4、slice截取5、slice深拷贝6、值传递还是引用传递参考文献众所周知,在golang中,slice(切片)是我们最常使用到的一种数据结构,是一种可变长度的数组,本篇…

三维人脸实践:基于Face3D的渲染、生成与重构 <二>

face3d: Python tools for processing 3D face git code: https://github.com/yfeng95/face3d paper list: PaperWithCode 3DMM方法,基于平均人脸模型,可广泛用于基于关键点的人脸生成、位姿检测以及渲染等,能够快速实现人脸建模与渲染。推…

MySQL基础篇3

第一章 多表关系实战 1.1 实战1:省和市 方案1:多张表,一对多 方案2:一张表,自关联一对多 id1 name‘北京’ p_id null; id2 name‘昌平’ p_id1 id3 name‘大兴’ p_id1 id3 name‘上海’ p_idnull id4 name‘浦东’…

中国人工智能企业中集飞瞳全球港航人工智能领军者,箱况残缺检测视频流动态感知智能闸口,自动化港口码头数字化智慧港航中国人工智能企业

中国人工智能企业中集飞瞳全球港航人工智能领军者,箱况残缺检测视频流动态感知超级智能闸口,自动化港口码头数字化智慧港航。CIMCAI已完成全球250万人工智能集装箱箱况检验,完成全球上亿集装箱信息,先进产品在全球各港区及集装箱枢…

CNStack 多集群服务:基于 OCM 打造完善的集群管理能力

作者:学靖 概述 随着 Kubernetes 在企业业务中的应用和发展,单集群内的管理能力已经趋于完善,越来越多的客户期望在多云、多集群场景部署其业务,因此需要提供相应的多云、多集群管理能力。 CNStack 多集群服务是 CNStack 面向多…

【实现“大图”功能 Objective-C语言】

一、这时候,我们来实现另外一个功能,就是点击,实现这个“大图”, 1.点击“大图”按钮,实现这个“大图”, 那么我先给大家说一下,这个点击“按钮”,实现“大图”,这个思路是怎样的,大家看一下,这个示例程序,当你点击“大图”的时候,首先,这个图片变大,同时,后…

Nvidia jetson nano 部署yolov5_技术文档

Nvidia jetson nano 部署yolov5_技术文档 每天一句小姜格言:我行,我不是一般人儿 部署开始: 1、通过FileZilla,将window文件传输至jetson nano 上的nano文件夹下。 2、查看cuda 我买的jetson nano是带有配置好的镜像。系统配置…

[数据结构]:16-归并排序(顺序表指针实现形式)(C语言实现)

目录 前言 已完成内容 归并排序实现 01-开发环境 02-文件布局 03-代码 01-主函数 02-头文件 03-PSeqListFunction.cpp 04-SortFunction.cpp 结语 前言 此专栏包含408考研数据结构全部内容,除其中使用到C引用外,全为C语言代码。使用C引用主要是…

嵌入式开发:CIA保护跨连接设备的嵌入式数据

在嵌入式开发中,ITTIA SDL保护数据并确保嵌入式系统的开发安全。嵌入式系统中的数据管理安全威胁是什么?ITTIA如何解决这个问题?嵌入式系统和企业系统的数据管理理想情况下遵循相同的安全威胁。有三个主要的基本原则或目标被称为CIA:保密性&#xff1a…

【FATE联邦学习】standalone版Fateboard修改配置

背景&做法 很多其他程序(比如vscode的code server)也会使用这个 127 0 0 1:8080 socket进行通信,这样就没办法远程用vscode去开发了,所以需要修改下Fateboard的socket配置。官方文档中也给出了如何修改配置 The default data…

代码随想录--数组--滑动窗口解决最长/短子数组题型

注意题目是说找连续数组的和>s的最小长度,是“和”,不然都不知道题目在说什么。 http://【拿下滑动窗口! | LeetCode 209 长度最小的子数组】 https://www.bilibili.com/video/BV1tZ4y1q7XE/?share_sourcecopy_web 看一下暴力算法&…

android 卡顿、ANR优化(1)屏幕刷新机制

前言: 本文通过阅读各种文章和源码总结出来的,如有不对,还望指出 目录 正文 基础概念 视觉暂留 逐行扫描 帧 CPU/GPU/Surface: 帧率、刷新率、画面撕裂 画面撕裂 Android屏幕刷新机制的演变 单缓存(And…

限流算法详解

限流是我们经常会碰到的东西,顾名思义就是限制流量。它能保证我们的系统不会被突然的流量打爆,保证系统的稳定运行。像我们生活中,地铁就会有很多护栏,弯弯绕绕的,这个就是一种限流。像我们抢茅台,肯定大部…

案例17-环境混用带来的影响

目录一、背景介绍背景事故二、思路&方案三、过程四、总结nginx做转发fastdfs(文件上传下载)五、升华一、背景介绍 本篇博客主要介绍开发中项目使用依赖项环境闭一只带来的恶劣影响,在错误中成长进步。 背景 本公司另外一个产品开发God…

爱因斯坦求和约定 含代码einsum

目录 一、简介 1.哑标 2.自由标 二、torch实现 1.计算迹 2.取矩阵对角线 3.计算外积 4.batch矩阵乘法 5.带有子列表和省略号 一、简介 爱因斯坦求和约定(Einstein summation convention)是一种标记的约定, 又称为爱因斯坦标记法(Einstein notation), 可以基于一些约定…

position:absolute详解

position:absolute详解 日常开发中,经常会涉及元素的定位,我们都知道,绝对定位相对于最近position不为static的父级元素来定位,但其中定位的位置还是有细微的差别的。 绝对定位根据left和top属性来规定绝对定位元素的位置。 基…

2023年前端面试题集锦

2023年又是行情惨淡的一年,为此我从 「枇杷村IT面试宝典」小程序里收集了一些题目,更多题目可以扫下方二维码查看 现做个总结如下: 1. 在JavaScript中, 0 -0的结果是什么? 结果为true! 严格等于比较的是值和类型&…

tcpdump写文件-w文件大小为0字节问题处理

一同事找来,说用tcpdump在一台linux服务器上抓包写文件,文件大小为0,不知道是什么原因造成,让协助解决。 自己登陆服务器试了一下,发现问题确实如此 不用-w,让打印在平面上,发现正常 以为权限不…