公众号兼职网站开发,微页制作网站模板免费下载,wordpress替代2017,企业网站和信息化建设金蝶一、颠倒三角形
题目#xff1a;修改顶点着色器让三角形上下颠倒
更改顶点着色器代码如下#xff1a;
#version 330 corelayout (location 0) in vec3 aPos; //位置变量的属性位置值为0
layout (location 1) in vec3 aColor; //颜色变量的属性位置值为1out vec3 ourColo…一、颠倒三角形
题目修改顶点着色器让三角形上下颠倒
更改顶点着色器代码如下
#version 330 corelayout (location 0) in vec3 aPos; //位置变量的属性位置值为0
layout (location 1) in vec3 aColor; //颜色变量的属性位置值为1out vec3 ourColor; //向片段着色器输出一个颜色void main()
{gl_Position vec4(aPos.x, -aPos.y, aPos.z, 1.0); //y轴取反ourColor aColor;
}
运行结果如下 二、偏移三角形
题目使用uniform定义一个水平偏移量在顶点着色器中使用这个偏移量把三角形移动到屏幕右侧
更改顶点着色器代码
#version 330 corelayout (location 0) in vec3 aPos; //位置变量的属性位置值为0
layout (location 1) in vec3 aColor; //颜色变量的属性位置值为1out vec3 ourColor; //向片段着色器输出一个颜色uniform float xOffset;void main()
{gl_Position vec4(aPos.xxOffset, -aPos.y, aPos.z, 1.0);ourColor aColor;
}
在initializeGL()函数中添加如下一行代码
m_shaderProgram.setUniformValue(xOffset, 0.5f); 运行结果如下 三、更改颜色
题目使用out关键字把顶点位置输出到片段着色器并将片段的颜色设置为与顶点位置相等来看看连顶点位置值都在三角形中被插值的结果。做完这些后尝试回答下面的问题为什么在三角形的左上角是黑的?
更改顶点着色器代码
#version 330 corelayout (location 0) in vec3 aPos; //位置变量的属性位置值为0
layout (location 1) in vec3 aColor; //颜色变量的属性位置值为1out vec3 ourColor; //向片段着色器输出一个颜色uniform float xOffset;void main()
{gl_Position vec4(aPos.xxOffset, -aPos.y, aPos.z, 1.0);ourColor aPos;
}
运行结果如下 为什么在三角形的左上角是黑的?
因为左上角的坐标是(-0.5,-0.5)颜色值只有0-1用坐标(-0.5,-0.5)当做颜色就变成了坐标是(0,0)颜色就是黑色。 注观看OpenGL中文官网https://learnopengl-cn.github.io/和阿西拜的现代OpenGL入门https://ke.qq.com/course/3999604#term_id104150693学习OpenGL
