【LearnOpenGL学习笔记】—— 03.着色器

1.着色器

【LearnOpenGL学习笔记】——02.三角形绘制中使用到的GLSL编写的是供shader使用的代码,也就是着色器的代码,在外的部分主要做顶点属性的传输、着色器之间的链接(着色器之间只能通过输入输出进行联系)、渲染程序的运行。

2.GLSL

(1)在LearnOpenGL——着色器中介绍了一些GLSL的代码结构以及常用数据类型
(2)基本数据类型:int、float、double、uint和bool
(3)容器类型:向量(Vector)与矩阵(Matrix)

3.向量

在这里插入图片描述

使用:对于各分量为float的向量,可以有vec2、vec3、vec4,GLSL允许向量分量的重组,如下(以其他基本数据类型为分量的向量类似):

vec2 someVec;
vec4 differentVec = someVec.xyxx;
vec3 anotherVec = differentVec.zyw;
vec4 otherVec = someVec.xxxx + anotherVec.yxzy;

4.输入与输出

(1)location的了解(结合前面三角形绘制应该能知道这个是干啥的)
(2)着色器类型与功能(顶点着色器、片元着色器)
(3)着色器间的链接——OpenGL

5.uniform

(1)全局的,用于GLSL数据类型的声明
(2)在OpenGL对uniform声明的数据类型赋值
(3)uniform数据类型的赋值需要在着色器被激活之后进行(渲染程序启动)

uniform的使用可以在三角形绘制的代码基础上进行修改,主要修改片元着色器的GLSL代码以及渲染循环内的代码
在这里插入图片描述
在这里插入图片描述

6.其他属性

我认为主要是对OpenGL代码的再熟悉吧,在顶点属性加入颜色,需要再对每个顶点在VBO的存储进行修改
具体测试原码见——原码
运行效果:
在这里插入图片描述

7.练习

(1)三角形颠倒,只需要设置三角形位置的时候y取反即可
在这里插入图片描述
(2)利用uniform水平位移三角形:在顶点着色器的GLSL代码中对顶点位置加一个偏移量,需要注意的是uniform类型值需要在OpenGL中进行设置
在这里插入图片描述
(3)以顶点着色器的顶点位置作为输出设置片元着色器的输出颜色:要做的就是设置一个ourPos作为输出,相应的片元着色器接收该输入并对输出fragColor进行设置
在这里插入图片描述
关于左下角为何是黑色,我们注意到输入的左下标顶点值为(-0.5f, -0.5f, 0.0f),是从负的开始的,而对于颜色其有效值为[0,1],负值会被转为0,因此可以看到这个黑色一直延伸至中间位置才开始出现其他颜色,如果我们再在片元着色器的输出fragColor的x、y分量上加上偏移量0.5f那么结果就是只有左下角是黑色
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值