OPENGL学习（三）GLUT二维图像绘制

已于 2023-07-14 11:48:26 修改
阅读量2.8k 收藏 34
点赞数 3
分类专栏： opengl 文章标签： opengl 计算机图形学
于 2022-07-15 21:33:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_21043585/article/details/125811642
版权

文章目录

1.Opengl的Hello world

最基础的程序，画了个三角形，请确保理解这个程序，核心是opengl是一个状态机。想象opengl是一个几何画板，glBegin(GL_TRIANGLES);就是点击绘制三角。glColor3f(1.0, 0.0, 0.0);就是将颜色设置为红色。然后你在三个不同位置点了三个点。glFlush();就是保存提交给画面。然后你就得到了结果。

#include <gl/glut.h>
//当窗口发生变化（如改变大小）时自动调用
void mydisplay()
{
	//清除颜色缓存
	glClear(GL_COLOR_BUFFER_BIT);
	glBegin(GL_TRIANGLES);
	//二维也可以用glVertex2f
		//第一点红色
		glColor3f(1.0, 0.0, 0.0);
		glVertex3f(1.0, 0.0, 0.0);
		//第二点绿色
		glColor3f(0.0, 1.0, 0.0);
		glVertex3f(0.0, 1.0, 0.0);
		//第三点蓝色
		glColor3f(0.0, 0.0, 1.0);
		glVertex3f(0.0, 0.0, 0.0);
	glEnd();
	glFlush();
}

int main(int argc, char** argv)
{
	glutInit(&argc, argv);
	//初始化窗口名称
	glutCreateWindow("A Triangle");
	//绑定display函数
	glutDisplayFunc(mydisplay);
	//开启窗口循环
	glutMainLoop();
	return 0;
}

在这里插入图片描述

2.初始化（调整试图）

手动设置了使用RGB绘制、窗口位置及窗口大小。并且在init函数中加入了glOrtho(0.0, 1.0, 0.0, 1.0, 0.0, 1.0);将图像变成了图中(x,y,z)分别对应范围(0-1,0-1,0-1)区间。

#include <gl/glut.h>
//当窗口发生变化（如改变大小）时自动调用
void mydisplay()
{
	//清除颜色缓存
	glClear(GL_COLOR_BUFFER_BIT);
	glBegin(GL_TRIANGLES);
	//二维也可以用glVertex2f
		//第一点红色
		glColor3f(1.0, 0.0, 0.0);
		glVertex3f(1.0, 0.0, 0.0);
		//第二点绿色
		glColor3f(0.0, 1.0, 0.0);
		glVertex3f(0.0, 1.0, 0.0);
		//第三点蓝色
		glColor3f(0.0, 0.0, 1.0);
		glVertex3f(0.0, 0.0, 0.0);
	glEnd();
	glFlush();
}

void init()
{
	//全屏颜色变成黑色
	glClearColor(0.0, 0.0, 0.0, 1.0);
	//改变投影视图，
	glMatrixMode(GL_PROJECTION);
	//opengl是一个状态机，要先清空之前的变换矩阵数据，所以每次视角操作时都要先变为单位矩阵
	glLoadIdentity();
	glOrtho(0.0, 1.0, 0.0, 1.0, 0.0, 1.0);
}


int main(int argc, char** argv)
{
	glutInit(&argc, argv);
	//GLUT_RGB指使用RGB进行绘制
	glutInitDisplayMode(GLUT_RGB);
	//初始化窗口大小
	glutInitWindowSize(100, 100);
	//初始化窗口位置
	glutInitWindowPosition(100, 100);
	//设置窗口名
	glutCreateWindow("A Triangle");
	//绑定display函数
	glutDisplayFunc(mydisplay);
	//设定opengl初始状态
	init();
	//开启窗口循环
	glutMainLoop();
	return 0;
}

在这里插入图片描述

3.增加Reshape函数

在改变窗口时会调用的函数。默认的reshape函数会直接拉伸图形。
在这里插入图片描述
我们希望图像不被拉伸，而是保持原有大小。

#include <gl/glut.h>

//窗口初始大小
int initW = 300;
int initH = 300;

//当窗口发生变化（如改变大小）时自动调用
void mydisplay()
{
	//清除颜色缓存
	glClear(GL_COLOR_BUFFER_BIT);
	glBegin(GL_TRIANGLES);
	//二维也可以用glVertex2f
		//第一点红色
		glColor3f(1.0, 0.0, 0.0);
		glVertex3f(1.0, 0.0, 0.0);
		//第二点绿色
		glColor3f(0.0, 1.0, 0.0);
		glVertex3f(0.0, 1.0, 0.0);
		//第三点蓝色
		glColor3f(0.0, 0.0, 1.0);
		glVertex3f(0.0, 0.0, 0.0);
	glEnd();
	glFlush();
}

//初始化函数，一般包括视角等
void init()
{
	//全屏颜色变成黑色
	glClearColor(0.0, 0.0, 0.0, 1.0);
	//改变投影视图，
	glMatrixMode(GL_PROJECTION);
	//opengl是一个状态机，要先清空之前的变换矩阵数据
	glLoadIdentity();
	glOrtho(0.0, 1.0, 0.0, 1.0, 0.0, 1.0);
}

//当改变窗口大小时调用的数据
void myReshape(int w, int h)
{
	glViewport(0, 0, w, h);
	glMatrixMode(GL_PROJECTION);
	glLoadIdentity();
	if (w <= h)
		glOrtho(0, 1.0, 0.0, (GLfloat)h / (GLfloat)w * 1.0, 0.0, 1.0);
	else
		glOrtho(0, (GLfloat)w / (GLfloat)h * 1.0, 0.0, 1.0, 0.0, 1.0);
}


int main(int argc, char** argv)
{
	glutInit(&argc, argv);
	//GLUT_RGB指使用RGB进行绘制
	glutInitDisplayMode( GLUT_RGB);
	//初始化窗口大小
	glutInitWindowSize(initW, initH);
	//初始化窗口位置
	glutInitWindowPosition(100, 100);
	//设置窗口名
	glutCreateWindow("A Triangle");
	//绑定display函数
	glutDisplayFunc(mydisplay);
	//设定opengl初始状态
	init();
	//绑定改变窗口大小时调用的函数
	glutReshapeFunc(myReshape);
	//开启窗口循环
	glutMainLoop();
	return 0;
}

在这里插入图片描述

3.事件

增加了鼠标左键点击事件mouse，点击时会改变图像亮度并输出点击位置

#include <gl/glut.h>
#include <iostream>

//窗口初始大小
int initW = 300;
int initH = 300;

//颜色亮度
GLfloat brightness = 1.0;
GLfloat increment = -0.1;

//当窗口发生变化（如改变大小）时自动调用
void mydisplay()
{
	//清除颜色缓存
	glClear(GL_COLOR_BUFFER_BIT);
	glBegin(GL_TRIANGLES);
	//二维也可以用glVertex2f
		//第一点红色
		glColor3f(brightness, 0.0, 0.0);
		glVertex3f(1.0, 0.0, 0.0);
		//第二点绿色
		glColor3f(0.0, brightness, 0.0);
		glVertex3f(0.0, 1.0, 0.0);
		//第三点蓝色
		glColor3f(0.0, 0.0, brightness);
		glVertex3f(0.0, 0.0, 0.0);
	glEnd();
	glFlush();
}

//初始化函数，一般包括视角等
void init()
{
	//全屏颜色变成黑色
	glClearColor(0.0, 0.0, 0.0, 1.0);
	//改变投影视图，
	glMatrixMode(GL_PROJECTION);
	//opengl是一个状态机，要先清空之前的变换矩阵数据
	glLoadIdentity();
	glOrtho(0.0, 1.0, 0.0, 1.0, 0.0, 1.0);
}

//当改变窗口大小时调用的数据
void myReshape(int w, int h)
{
	glViewport(0, 0, w, h);
	glMatrixMode(GL_PROJECTION);
	glLoadIdentity();
	if (w <= h)
		glOrtho(0, 1.0, 0.0, (GLfloat)h / (GLfloat)w * 1.0, 0.0, 1.0);
	else
		glOrtho(0, (GLfloat)w / (GLfloat)h * 1.0, 0.0, 1.0, 0.0, 1.0);
}

//鼠标事件
void mouse(int btn, int state, int x, int y)
{
	//左击鼠标，调整图像亮度
	if (btn == GLUT_LEFT_BUTTON && state == GLUT_DOWN)
	{
		//输出位置，注意鼠标原点在左上角，图像原点在右下角，所以y是反的
		std::cout << "x: " << x << " y: " << y << std::endl;
		//改变亮度
		brightness += increment;
		if (brightness >= 1.0 || brightness <= 0.0)
			increment = -increment;
	}
}


int main(int argc, char** argv)
{
	glutInit(&argc, argv);
	//GLUT_RGB指使用RGB进行绘制
	glutInitDisplayMode( GLUT_RGB);
	//初始化窗口大小
	glutInitWindowSize(initW, initH);
	//初始化窗口位置
	glutInitWindowPosition(100, 100);
	//设置窗口名
	glutCreateWindow("A Triangle");

	//绑定display函数
	glutDisplayFunc(mydisplay);
	//设定opengl初始状态
	init();
	//绑定改变窗口大小时调用的函数
	glutReshapeFunc(myReshape);
	//绑定鼠标事件
	glutMouseFunc(mouse);
	//开启窗口循环
	glutMainLoop();
	return 0;
}

在这里插入图片描述

4.动画

使用定时器的一段动画，图像亮度随时间变化

#include <gl/glut.h>
#include <iostream>

//窗口初始大小
int initW = 300;
int initH = 300;

//颜色亮度
GLfloat brightness = 1.0;
GLfloat increment = -0.1;

//当窗口发生变化（如改变大小）时自动调用
void mydisplay()
{
	//清除颜色缓存
	glClear(GL_COLOR_BUFFER_BIT);
	glBegin(GL_TRIANGLES);
	//二维也可以用glVertex2f
		//第一点红色
		glColor3f(brightness, 0.0, 0.0);
		glVertex3f(1.0, 0.0, 0.0);
		//第二点绿色
		glColor3f(0.0, brightness, 0.0);
		glVertex3f(0.0, 1.0, 0.0);
		//第三点蓝色
		glColor3f(0.0, 0.0, brightness);
		glVertex3f(0.0, 0.0, 0.0);
	glEnd();
	//使用DOUBLE_BUFFER后，使用以下代码来交换前后台内存
	glutSwapBuffers();
}

//定时器调用的函数
void changeColor(int x)
{
	//改变亮度
	brightness += increment;
	if (brightness >= 1.0 || brightness <= 0.0)
		increment = -increment;
	//立刻重新调用display函数，不然图像不会被立刻绘制
	glutPostRedisplay();
	//设置新的定时器
	glutTimerFunc(100, changeColor, 0);
}

//初始化函数，一般包括视角等
void init()
{
	//全屏颜色变成黑色
	glClearColor(0.0, 0.0, 0.0, 1.0);
	//改变投影视图，
	glMatrixMode(GL_PROJECTION);
	//opengl是一个状态机，要先清空之前的变换矩阵数据
	glLoadIdentity();
	glOrtho(0.0, 1.0, 0.0, 1.0, 0.0, 1.0);
}

int main(int argc, char** argv)
{
	glutInit(&argc, argv);
	//GLUT_DOUBLE双缓存，通常应用于动画中，可以使动画更顺滑
	//GLUT_RGB指使用RGB进行绘制
	glutInitDisplayMode( GLUT_RGB|GLUT_DOUBLE);
	//初始化窗口大小
	glutInitWindowSize(initW, initH);
	//初始化窗口位置
	glutInitWindowPosition(100, 100);
	//设置窗口名
	glutCreateWindow("A Triangle");
	//设置定时函数
	glutTimerFunc(10, changeColor, 0);
	//绑定display函数
	glutDisplayFunc(mydisplay);
	//设定opengl初始状态
	init();
	//开启窗口循环
	glutMainLoop();
	return 0;
}
季马宝宝
关注
  • 3
    点赞
  • 踩
  • 34
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
openGL画图板实现简单画图功能
12-24
用C++实现基于openGL的画图板，实现简单画图功能
OpenGL基本图形的绘制———VS2022
m0_65939341的博客
11-28 1105
用OpenGL中的函数绘制基本的图形——茶壶、四面体、立方体、球体、圆锥等
学习OpenGL-番外-glut入门（vs2022）（一）
最新发布
ntmbdwp302159902的博客
06-12 630
glut的版本自1998年后就没有更新了，但是其窗口实现相比glfw简便许多。本文主要为文档的学习笔记。
OpenGL（五）——创建二维图形
ifeng12358的博客
10-18 2928
OpenGL（二）——创建二维图形 一、创建一个项目，创建项目的方法可以参考前两篇文章： Win10+VS2010+OpenGL配置 OpenGL（一）——创建一个四边形 二、创建好项目后，编写二维图形所需的代码： #include <GLTools.h> #include <stdio.h&gt...
opengl-glut(内含总结的学习资源)
2303_77480410的博客
04-07 1604
本文较长(其实主要是贴的代码比较长)，可每天学一部分，结合专栏，官方网址学习，个人仅仅记个笔记，讲的并不深入，真正的理解还是需要多方面查资料一步步啃啊，一起努力把。main()函数中的几个glut前缀函数是OpenGL提供的工具库，我们关注的是display()函数，它是我们真正绘图的地方。在画线操作时，首先绘。如果启动点画线操作，线上的点由 pattern 决定是否绘制，即从 pattern 的最低位开始，00111111，结果为，6 个像素点画，10 个像素点不画，12 个像素点画，4 个像素点不画。
OpenGL十二讲代码
weixin_47692652的博客
01-12 3785
OpenGL十二讲代码—by yjq
实验五_opengl三维_VC++6.0_
10-01
投影是将三维空间中的物体映射到二维视口的过程，OpenGL提供了两种主要的投影方式：正交投影和透视投影。正交投影适用于等比例显示，如绘图应用；透视投影则模拟真实世界中的远近感，物体离观察者越远，看起来越小。...
OpenGL.rar_opengl 三维软件
09-21
5. **视口(Viewport)**：定义了OpenGL渲染的二维区域，将三维场景映射到二维屏幕上。 6. **投影矩阵(Projection Matrix)**：用于将三维空间中的物体投影到二维平面上，有正交投影和透视投影两种类型。 7. **模型...
OpenGL二维图像自动旋转.zip
03-11
OpenGL二维图像自动旋转是一个在计算机图形学领域常见的技术，它主要应用于游戏开发、模拟器、可视化工具等场景。本项目是使用C++编程语言结合OpenGL库实现的，目的是让二维图形能够按照用户设定的参数自动地沿着X...
opengl二维图形转换为三维图形
04-24
在本教程中，我们将探讨如何在VC++或Visual Studio环境下配置OpenGL，以及如何将二维图形转换为三维图形。这是一项基础但重要的技能，对于理解和创建复杂的3D场景至关重要。 首先，让我们从环境配置开始。在VC++或...
glWinSimple_Opengl编程例子_opengl三维_
09-30
OpenGL是一种广泛应用的图形库，它为程序员提供了在各种操作系统和硬件平台上的二维和三维图形渲染功能。本篇将深入探讨如何在Microsoft Visual C++（VC++）环境中使用OpenGL进行编程，以glWinSimple为例进行详细...
OpenGL ES 绘制一张图片
milan-xiao-tiejiang的博客
02-21 1098
注意，上述接口程序中的第一行代码激活的是哪个纹理句柄，在第三行代码中的第二个参数就需要传递对应的 Index，就比如说代码中激活的纹理句柄是 GL_TEXTURE0，对应的第三行代码中的第二个参数 Index 就是 0，如果激活的纹理句柄是 GL_TEXTURE1，那对应的 Index 就是 1，句柄的个数在不同的平台不一样，但是一般都会在 32 个以上。而当缩小的时候，因为没有足够的片段来绘制所有的纹理单元，也会丢失很多细节，是真正的降采样。其中，mColorMatrix 是这个变量在接口程序中的句柄。
MFC+OpenGL三维绘图(一)——简单绘图平台的搭建与实现图像的旋转、缩放
热门推荐
Belence_zhao的博客
05-11 2万+
声明：本文章为小白本人第一次创作，文章可能会有诸多不足，希望大家批评指正！一、创建项目1.打开VS2013建立一个单文档工程，项目名字openGLDrawing。VS2013下载：https://pan.baidu.com/s/1Y7TuZlLaGsbj2KCZV_uckwOpenGL下载：2.添加初始化和终止代码    首先，在打开类COpenGLDrawingView，在其头文件添加“gl.h...
【Android OpenGL ES 开发 （四）】纹理相关（一）
用可见的方式来记录和分享每一次收获
11-15 399
纹理贴图的原理 1.作用：可以用来渲染视频。 生成OpenGL中的纹理对象 1.像素数据想要绘制出来需要先变成纹理 2.创建纹理放在GPU上 GLuint CreateTexture2D(unsigned char *pixelData,int width,int height,GLenum type) { GLuint texture; glGenTextures(1,&texture);//创建一个纹理对象 glBindTexture(GL_TEXTURE_2
openGL绘制图形
wangjie36的博客
02-18 595
接下来，通过glCreateProgram函数创建着色器程序对象，使用g1AttachShader函数将顶点着色器和片段着色器附加到着色器程序对象上，使用glLinkProgram函数链接着色器程序，使用glUseProgram函数激活着色器程序。首先，定义绘制图形的函数（在OpenGL的绘制回调函数中调用）和OpenGL的初始化函数（用来设置OpenGL的参数和状态）。在OpenGL中，可以回调函数处理用户输入事件，如键盘事件和鼠标事件和上下左右。主函数用来创建窗口和注册OpenGL的回调函数。
06-初始OpenGL ES -用GLSL实现画板的功能
lyz0925的博客
04-22 1067
效果图 准备资料 1.下载案例中需要用的资源，地址：稍后提供； 2.将所需要的资源拖入项目中。如下图： 代码实现 1.创建顶点着色器并实现如下的代码 //顶点 attribute vec4 inVertex; //矩阵 uniform mat4 MVP; //点的大小 uniform float pointSize; //点的颜色 uniform lowp vec4 vertexCol...
OPENGL学习（四）GLUT三维图像绘制
qq_21043585的博客
07-16 5575
对于三维目标来说，最主要的就是有坐标变换问题，也就是说有视角问题。下面这个程序只是我们看的方向一直在转，不是物体真的在转。透视函数参数图下所示。
用OpenGL进行曲线、曲面的绘制
hbspring007的专栏
07-15 2368
用OpenGL进行曲线、曲面的绘制 阅读目录实验目的代码1：用四个控制点绘制一条三次Bezier曲线代码2：用4*4个控制点绘制一个三次Bezier曲面线框模型代码3：用4*4个控制点绘制一个三次Bezier曲面并添加光照效果说明代码4：用4*4个控制点绘制一个NURBS曲面并添加光照效果写在最后 回到顶部实验目的 理解Bezier曲线、曲面绘制的基本原理；理解OpenGL中一维、二维插值求值器的用法。 掌握OpenGL中曲线、曲面绘图
OpenGL绘图初识总结与简单操作——画线与设置透明度
weixin_46568899的博客
02-16 2627
OpenGL绘图初识总结与简单操作——画线与设置透明度
OpenGL入门：二维图形绘制实战教程
在这个实验中，我们将基于OpenGL，一个广泛使用的跨平台图形库，学习如何在二维空间中进行图形绘制。 实验一着重于OpenGL的基本应用，特别是针对初学者的入门级教程。首先，你需要在Windows环境中安装GLUT（OpenGL ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值