1.4.2 练习

一、颠倒三角形

题目：修改顶点着色器让三角形上下颠倒

更改顶点着色器代码如下：

#version 330 core

layout (location = 0) in vec3 aPos; //位置变量的属性位置值为0
layout (location = 1) in vec3 aColor; //颜色变量的属性位置值为1

out vec3 ourColor; //向片段着色器输出一个颜色

void main()
{
    gl_Position = vec4(aPos.x, -aPos.y, aPos.z, 1.0); //y轴取反
    ourColor = aColor;
}

运行结果如下：

二、偏移三角形

题目：使用uniform定义一个水平偏移量，在顶点着色器中使用这个偏移量把三角形移动到屏幕右侧

更改顶点着色器代码：

#version 330 core

layout (location = 0) in vec3 aPos; //位置变量的属性位置值为0
layout (location = 1) in vec3 aColor; //颜色变量的属性位置值为1

out vec3 ourColor; //向片段着色器输出一个颜色

uniform float xOffset;

void main()
{
    gl_Position = vec4(aPos.x+xOffset, -aPos.y, aPos.z, 1.0);
    ourColor = aColor;
}

在initializeGL()函数中添加如下一行代码：

m_shaderProgram.setUniformValue("xOffset", 0.5f);

运行结果如下：

三、更改颜色

题目：使用out关键字把顶点位置输出到片段着色器，并将片段的颜色设置为与顶点位置相等（来看看连顶点位置值都在三角形中被插值的结果）。做完这些后，尝试回答下面的问题：为什么在三角形的左上角是黑的?

更改顶点着色器代码：

#version 330 core

layout (location = 0) in vec3 aPos; //位置变量的属性位置值为0
layout (location = 1) in vec3 aColor; //颜色变量的属性位置值为1

out vec3 ourColor; //向片段着色器输出一个颜色

uniform float xOffset;

void main()
{
    gl_Position = vec4(aPos.x+xOffset, -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_id=104150693）学习OpenGL