经历了OpenGL专业名词的学习，相信你已经迫不及待的想尝试自己绘制一个图形，比如说，绘制一个三角形，或者一个正方形，更甚者是一个圆，那我们该怎么下手呢？答案：当然是写代码实现啦。初学者常会说，代码好难啊，看不懂云云。其实我想说，代码不难，只要你理解了它的意思，那就很简单了。接下来，我们先来绘制一个简单的三角形吧
- 在上次博客中我们搭建了OpenGL的环境，这次，我们在上次搭建的项目中的main.cpp中实现接下来我们将要抒写的代码
1、导入相关类
-
通常，我们在实现某些功能的时候，需要导入相关类或库，才能实现需求，在这次绘制三角形的需求中，我们需要导入下面三个类
1.导入GLTool着色管理器（shader manager）类，没有着色器，我们就不能再OpenGL（核心框架进行）着色。着色器管理器不仅允许我们创建并管理着色器，还提供一组“存储着色器”，他们能进行一些初步基本的渲染操作。
#include "GLShaderManager.h"
2.GLTool.h头文件包含了大部分GLTool中类似C语言的独立函数
#include "GLTools.h"
3.在MAC系统下，我们使用freeglut的静态库版本并且需要添加一个宏
#include <GLUT/GLUT.h>
2、定义一个着色器管理和三角形批次容器
GLShaderManager shaderManager; //定义一个着色管理器
GLBatch triangleBatch; //定义一个三角形批次容器，此处，我们绘制一个三角形
3、自定义窗口函数
我们的需求是绘制一个三角形，那绘制出来的三角形需要呈现在哪里呢？这时，我们就需要一个窗口来显示这个三角形，下面我们来自定义一个窗口函数，并了解它的触发条件。
void ChangeSize(int w, int h)
{
glViewport(0, 0, w, h);
}
- 触发条件：
（1）当屏幕大小发生变化
（2）第一次创建窗口时，会调用该函数 - 我们可以通过glutReshaperFunc注册为重塑函数
4、自定义SetUpRC函数
有了显示的窗口，我们需要设置渲染的图形的相关顶点数据/颜色数据等数据装备工作
void SetUpRC()
{
//设置背景颜色
glClearColor(0.1f, 0.5f, 1.0f, 1.0f);
//初始化着色器管理器
shaderManager.InitializeStockShaders();
//设置三角形，其中数组vVert包含所有3个顶点的x,y,笛卡尔坐标对
GLfloat vVerts[] = {
-0.5f,0.0f,0.0f,
0.5f,0.0f,0.0f,
0.0f,0.5f,0.0f,
};
//批次处理
triangleBatch.Begin(GL_TRIANGLES, 3);
triangleBatch.CopyVertexData3f(vVerts);
triangleBatch.End();
}
- 触发条件
1、手动触发 - 我们需要在main函数去调用，接下来会说到
5、自定义渲染函数
有了图形的相关顶点数据/颜色数据等，下面就是图形的渲染工作啦
void RenderScene(void)
{
//清楚缓存区
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT | GL_STENCIL_BUFFER_BIT);
//设置一组表示颜色的浮点数
GLfloat vRed[] = {1.0f,0.0f,0.0f,1.0f};
//传递存储着色器，
shaderManager.UseStockShader(GLT_SHADER_IDENTITY,vRed);
//提交着色器
triangleBatch.Draw();
//在后台缓冲区进行渲染，然后在结束时交换到前台
glutSwapBuffers();
}
- 触发条件
1、系统自动触发
2、开发者手动调用函数触发 - 它通过glutDisplayFunc注册为显示渲染函数的，用来实现数据->渲染过程。
6、mian函数
窗口有了，数据也装配了，渲染函数也实现了，接下来，就是程序的入口，话不多说，看下面代码
int main(int argc, char* argv[])
{
//设置当前工作目录
gltSetWorkingDirectory(argv[0]);
//初始化话GLUT库
glutInit(&argc, argv);
//初始化双缓冲窗口、RGBA颜色模式、深度测试、模板缓冲区
glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGBA | GLUT_DEPTH |GLUT_STENCIL);
//初始化GLUT窗口大小
glutInitWindowSize(300, 200);
//设置GLUT窗口标题
glutCreateWindow("Triangle");
//注册回调函数
glutReshapeFunc(ChangeSize);
glutDisplayFunc(RenderScene);
//驱动程序的初始化有没有出现问题
GLenum error = glewInit();
if (GLEW_OK != error) {
fprintf(stderr, "glew error:%s\n",glewGetErrorString(error));
return 1;
}
//调用SetUpRC函数,设置相关数据
SetUpRC();
//类似于iOS runloop运行循环
glutMainLoop();
return 0;
}
- 这里有一个值得说的是，OpenGL是面向过程编程。所以OpenGL处理图形/图像都是链式形式。以及其他一些基于OpenGL封装的图像处理框架也是链式编程。
7、效果
到这里，基本的代码就实现了，是不是迫不及待的想要知道它的效果是什么样子？那你再Command + R 编译下，效果如下
1.1.png
- 以上就是三角形的简单实现，是不是很简单？是不是很神奇？OpenGL实际不难，只要理解了它
最后，再附上这次的Demo
OpenGL三角形的简单实现
网友评论