【计算机图形学 】绘制圆 | OpenGL+鼠标交互

最新推荐文章于 2024-04-08 23:28:42 发布
最新推荐文章于 2024-04-08 23:28:42 发布
阅读量6k 收藏 74
点赞数 5
分类专栏： 计算机图形学 文章标签： cv opengl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Rover95/article/details/120512907
版权

文章目录

其他计算机图形学实验

传送门

前言

计算机图形学实验二：
实现绘制圆的中点算法和Bresenham算法，并和鼠标进行交互。

具体原理略过，会贴上完整代码，可直接运行。

环境：
vs2019,OpenGL的库（可以搜索如何用vs使用OpenGL的库，可以使用vs自带的插件或者其他方法，很方便）

要点：
1.设计画圆的算法。会设置圆心和半径的全局变量，通过鼠标点击得到两个点，第一个点为圆心，两点之间的距离为半径，再传入函数，进行圆的绘制。
2.改变鼠标点击和鼠标拖拽的响应事件。

最终效果：
用鼠标在界面上拖拽，就会生成一个圆

1.辅助画圆算法

由于圆的对称性，我们只用画出圆的八分之一即可。

请添加图片描述

//辅助画圆算法
void CirclePoints(int x, int y, int x0, int y0)
{
	glVertex2i(x + x0, y + y0); glVertex2i(y + x0, x + y0);
	glVertex2i(-x + x0, y + y0); glVertex2i(y + x0, -x + y0);
	glVertex2i(x + x0, -y + y0); glVertex2i(-y + x0, x + y0);
	glVertex2i(-x + x0, -y + y0); glVertex2i(-y + x0, -x + y0);
}

2.圆的中点算法

/*中心画圆法*/
void MidpointCircle(int x0, int y0, int r)
{
	glClear(GL_COLOR_BUFFER_BIT);//清除窗口显示内容

	int x, y;
	x=0, y = r;
	float d = 1.25 - r;
	//int d = 1 - r; //消除浮点数，将d改为整数
	glVertex2i(x0, y0);

	CirclePoints(x, y, x0, y0);
	while (x <= y) {
		if (d < 0) 
			d += 2 * x + 3;
		else {
			d += 2 * (x - y) + 5;
			y--;
		}
		x++;
		glBegin(GL_POINTS);
		CirclePoints(x, y, x0, y0);
	}
	
	glEnd();
	glFlush();
}

2.1 圆的中点算法的改进：消除浮点数

/*中心画圆法的改进:消除浮点数*/
void MidpointCircle_pro(int x0, int y0, int r)
{
	glClear(GL_COLOR_BUFFER_BIT);//清除窗口显示内容

	int x = 0, y = r;
	int d = 3 - 2 * r; 
	glVertex2i(x0, y0);

	CirclePoints(x, y, x0, y0);
	while (x <= y) {
		CirclePoints(x, y, x0, y0);
		x++;

		if (d < 0)
			d += 4 * x + 6;
		else {
			d += 4 * (x - y) + 10;
			y--;
		}
		glBegin(GL_POINTS);

	}
	glEnd();
	glFlush();
}

3.圆的Bresenham算法

请添加图片描述

请添加图片描述

可以参考这篇文章的思路

/*BresenhamCircle算法*/
void BresenhamCircle(int x0, int y0, int r)
{
	glClear(GL_COLOR_BUFFER_BIT);//清除窗口显示内容

	int x = 0, y = r;
	int delta, delta1, delta2;
	int direction; //表明选取的点，1为H,2为D，3为V
	delta = 2 * (1 - r); //初始值
	int Limit = 0;

	glVertex2i(x0, y0);
	
	while (y>= Limit) {
		glBegin(GL_POINTS);
		CirclePoints(x, y, x0, y0);
		if (delta < 0) {
			delta1 = 2 * (delta + y) - 1;
			if (delta1 < 0) { //取H点
				direction = 1;
			}
			else direction = 2; //取D点
		}
		else if (delta > 0) {
			delta2 = 2 * (delta - x) - 1;
			if (delta2 < 0) {
				direction = 2; //取D点
			}
			else
				direction = 3; //取V点
		}
		else
			direction = 2;//取D点	

		switch (direction)
		{
		case 1:
			x++;
			delta += 2 * x + 1;
			break;
		case 2:
			x++; y--;
			delta += 2 * x - 2 * y + 1;
			break;
		case 3:
			y--;
			delta += -2 * y + 1;
			break;
		}
		//glBegin(GL_POINTS);
	}
	
	glEnd();
	glFlush();
}

4.改变鼠标动作响应函数

void dragmouse(int x, int y) {
	m1 = x;
	n1 = y;
	r = sqrt((m1 - m0) * (m1 - m0) + (n1 - n0) * (n1 - n0));
	//printf("待定圆心坐标为：（%d，%d），半径为 %.2f 。\n", m0, n0, r);//把坐标打印出来
	DrawCircle(); //画线
	glFlush();
	//flag = 0;
}


//鼠标监听，画点
void mymouse(int button, int state, int x, int y) {
	if (button == GLUT_LEFT_BUTTON && state == GLUT_UP) {
		m1 = x;
		n1 = y;
		r = sqrt((m1 - m0) * (m1 - m0) + (n1 - n0) * (n1 - n0));
		printf("圆心坐标为：（%d，%d），半径为 %.2f \n", m0, n0, r);//把坐标打印出来
		DrawCircle(); //画圆
		glFlush();
	}
	if (button == GLUT_LEFT_BUTTON && state == GLUT_DOWN) { //按下鼠标，是起点
		m0 = x;
		n0 = y;
	}
}

5. 完整代码

#include<cstdio>
#include<cstdlib>
#include<cmath>
#include<gl\glut.h>
using namespace std;

int m0, n0, m1, n1;//声明全局变量，圆的坐标
float r; //圆的半径
int a, b; //椭圆的长半轴和短半轴
//int winwidth = 1024, winheight = 720;//窗口长宽
int winwidth = 800, winheight = 500;//窗口长宽
void DrawCircle(); //实际上画圆的函数
void MidpointCircle(int, int, int);
void MidpointCircle_pro(int, int, int);
void BresenhamCircle(int, int, int);

//数据交换
void swap(GLint& a, GLint& b) { GLint t = a; a = b; b = t; }

//在屏幕上画一个点
void setPixel(GLint x, GLint y)
{
	glBegin(GL_POINTS);
	glVertex2i(x, y);
	glEnd();
}

//实际上画圆的函数
void DrawCircle() {
	MidpointCircle(m0, n0, r);//中点划线法
	//MidpointCircle_pro(m0, n0, r);//中点划线法
	//BresenhamCircle(m0, n0, r);//BresenhamLine算法
}

//辅助画圆算法
void CirclePoints(int x, int y, int x0, int y0)
{
	glVertex2i(x + x0, y + y0); glVertex2i(y + x0, x + y0);
	glVertex2i(-x + x0, y + y0); glVertex2i(y + x0, -x + y0);
	glVertex2i(x + x0, -y + y0); glVertex2i(-y + x0, x + y0);
	glVertex2i(-x + x0, -y + y0); glVertex2i(-y + x0, -x + y0);
}

/*中心画圆法*/
void MidpointCircle(int x0, int y0, int r)
{
	glClear(GL_COLOR_BUFFER_BIT);//清除窗口显示内容

	int x, y;
	x=0, y = r;
	float d = 1.25 - r;
	//int d = 1 - r; //消除浮点数，将d改为整数
	glVertex2i(x0, y0);

	CirclePoints(x, y, x0, y0);
	while (x <= y) {
		if (d < 0) 
			d += 2 * x + 3;
		else {
			d += 2 * (x - y) + 5;
			y--;
		}
		x++;
		glBegin(GL_POINTS);
		CirclePoints(x, y, x0, y0);
	}
	
	glEnd();
	glFlush();
}

/*中心画圆法的改进:消除浮点数*/
void MidpointCircle_pro(int x0, int y0, int r)
{
	glClear(GL_COLOR_BUFFER_BIT);//清除窗口显示内容

	int x = 0, y = r;
	int d = 3 - 2 * r; 
	glVertex2i(x0, y0);

	CirclePoints(x, y, x0, y0);
	while (x <= y) {
		CirclePoints(x, y, x0, y0);
		x++;

		if (d < 0)
			d += 4 * x + 6;
		else {
			d += 4 * (x - y) + 10;
			y--;
		}
		glBegin(GL_POINTS);

	}
	glEnd();
	glFlush();
}

/*BresenhamCircle算法*/
void BresenhamCircle(int x0, int y0, int r)
{
	glClear(GL_COLOR_BUFFER_BIT);//清除窗口显示内容

	int x = 0, y = r;
	int delta, delta1, delta2;
	int direction; //表明选取的点，1为H,2为D，3为V
	delta = 2 * (1 - r); //初始值
	int Limit = 0;

	glVertex2i(x0, y0);
	
	while (y>= Limit) {
		glBegin(GL_POINTS);
		CirclePoints(x, y, x0, y0);
		if (delta < 0) {
			delta1 = 2 * (delta + y) - 1;
			if (delta1 < 0) { //取H点
				direction = 1;
			}
			else direction = 2; //取D点
		}
		else if (delta > 0) {
			delta2 = 2 * (delta - x) - 1;
			if (delta2 < 0) {
				direction = 2; //取D点
			}
			else
				direction = 3; //取V点
		}
		else
			direction = 2;//取D点	

		switch (direction)
		{
		case 1:
			x++;
			delta += 2 * x + 1;
			break;
		case 2:
			x++; y--;
			delta += 2 * x - 2 * y + 1;
			break;
		case 3:
			y--;
			delta += -2 * y + 1;
			break;
		}
		//glBegin(GL_POINTS);
	}
	
	glEnd();
	glFlush();
}

//int flag = 0; //flag为0时表示是圆心
//鼠标拖动
void dragmouse(int x, int y) {
	m1 = x;
	n1 = y;
	r = sqrt((m1 - m0) * (m1 - m0) + (n1 - n0) * (n1 - n0));
	//printf("待定圆心坐标为：（%d，%d），半径为 %.2f 。\n", m0, n0, r);//把坐标打印出来
	DrawCircle(); //画线
	glFlush();
	//flag = 0;
}

//鼠标监听，画点
void mymouse(int button, int state, int x, int y) {
	if (button == GLUT_LEFT_BUTTON && state == GLUT_UP) {
		m1 = x;
		n1 = y;
		r = sqrt((m1 - m0) * (m1 - m0) + (n1 - n0) * (n1 - n0));
		printf("圆心坐标为：（%d，%d），半径为 %.2f \n", m0, n0, r);//把坐标打印出来
		DrawCircle(); //画圆
		glFlush();
	}
	if (button == GLUT_LEFT_BUTTON && state == GLUT_DOWN) { //按下鼠标，是起点
		m0 = x;
		n0 = y;
	}
}

void init() {
	glClearColor(1, 1, 1, 1);//设置绘制窗口颜色为白色
	glClear(GL_COLOR_BUFFER_BIT);//清除窗口内容
	glPointSize(3.0f);//设置点的大小
	/*设置为投影类型模式和其他观察参数*/
	glMatrixMode(GL_PROJECTION);
	glLoadIdentity();
	gluOrtho2D(0, winwidth, winheight, 0);
	glColor3f(0, 1, 1);//设置画点的颜色
}

int main(int argc, char** argv) {
	glutInit(&argc, argv);//初始化
	glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);//设置绘制模式
	glutInitWindowPosition(350, 200);//设置窗口出现的位置
	glutInitWindowSize(winwidth, winheight);//设置窗口大小
	glutCreateWindow("画圆");//创建窗口
	init();

	glutDisplayFunc(DrawCircle);//绘制回调函数,glut机制，它觉得需要重新绘制的时候就会执行
	glutMouseFunc(mymouse);//鼠标监听回调函数
	glutMotionFunc(dragmouse);//鼠标拖动
	glutMainLoop();
}

6.总结

画圆和画直线很类似，只不过圆要多一个变量r（半径），然后只画八分之一部分，其余思想是很接近的。
中点画圆算法比较简单，Bresenham算法相对之下更难理解。

Timer95
关注
  • 5
    点赞
  • 踩
  • 74
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
计算机图形学实验-基于OpenGL实现椭圆 Bresenham 算法和橡皮筋交互技术
12-23
在这个实验中，我们将关注两个关键概念：Bresenham椭圆算法和橡皮筋交互技术，这些都是在计算机图形学中用于实现用户交互和高效绘图的重要方法。 Bresenham算法是一种在像素级别上近似绘制几何形状的算法，尤其适用...
山东大学计算机图形学OpenGL卡通人物交互
04-28
实现基于鼠标交互的卡通人物设计与绘制。使用颜色填充与反走样技术对卡通人物进行绘制。实现对卡通人物轮廓的交互控制，点击鼠标左键可以对人物五官位置进行拖拽移动调整。通过键盘热键可以对卡通人物进行放缩等操作...
OpenGL-绘制一个圆
u014723479的博客
01-06 1311
OpenGL-绘制一个圆。
在opengl中使用线段绘制一个圆
星空_MAX
02-03 1762
opengl使用线段绘制一个圆
OpenGL绘制三个及以上物体，并实现交互（鼠标键盘菜单）——Visual Studio2022
最新发布
m0_65939341的博客
04-08 399
对物体总体可以进行键盘交互，左键左旋转，右键右移，上键往前移，下键往后移。对图中所有物体整体有鼠标交互，按住鼠标左键能够改变视点位置。如图，我绘制了一张床，一张桌，床上有个人，桌上有个壶。绘制三个或三个以上的物体，并实现交互。
【计算机图形学】实验汇总 | OpenGL+鼠标交互
Rover95的博客
10-21 5821
文章目录前言实验汇总1.三种绘制直线的算法2.两种绘制圆的算法3. 绘制椭圆的中点算法（两种）4.多边形种子填充算法5.扫描线多边形填充算法6.Cohen-Sutherland 直线裁剪算法7.SutherlandHodgmanClip 多边形裁剪算法及其改进 前言 以下是这段时间所有的计算机图形学实验，做了整理和汇总。方便自己再次查看，也希望能给别人提供一点思路。 都贴上了完整代码，代码里也有详细的注释，但是并没有写算法的具体思路，可能其中有一些提及了我在做实验时参考的别人的思路 另外需要说明的是，里面的
OpenGL画圆
热门推荐
deniece1的博客
09-17 1万+
画圆： /* 正四边形，正五边形，正六边形，……，直到正n边形，当n越大时，这个图形就越接近圆 当n大到一定程度后，人眼将无法把它跟真正的圆相区别 这时我们已经成功的画出了一个“圆” （注：画圆的方法很多，这里使用的是比较简单，但效率较低的一种） */ 程序： #include <GL/glut.h> #include <math.h> const int n = 6;...
计算机图形学——实验一 VS+OpenGL绘图环境及基本图形绘制
加载中.......
02-24 5103
VS+OpenGL绘图环境及基本图形绘制 1、 熟悉OpenGL的主要功能； 2、 掌握OpenGL的绘图流程和原理； 3、 掌握OpenGL核心函数的使用； 4、 熟悉OpenGL基本图形元素的绘制函数。 二． 实验内容 1、 如预备知识所述，创建一个OpenGL工程，修改第一个程序中的Display()函数，如下： 该程序是在窗口中画两条线，分别用黄色和红色绘制。如上所述，OpenGL是一个状态机，glBegin(UINT State)可以设定如下状态： GL_POINTS 画点 GL_LINES 画线
计算机图形学设计鼠标实验
01-05
计算机图形学设计鼠标实验是计算机科学领域中一个重要的实践环节，它主要涉及到计算机图形学的基本原理、交互式设计以及输入设备的应用。在这个实验中，学生将深入理解如何利用计算机图形技术来实现鼠标的动态模拟与...
福州大学计算机图形学综合实验（代码+报告）.zip
08-09
《福州大学计算机图形学综合实验解析》 计算机图形学是一门深入探讨如何在计算设备上创建、处理和显示图像的学科。在这个领域，福州大学开展的综合实验旨在让学生通过实践来掌握计算机图形学的核心概念和技术。这个...
opengl画圆的多种方法
01-06
基于opengl的各种画圆方法，相信看完之后会大有所悟。
opengl的鼠标画线，圆，矩形，还有个菜单，很适合opengl初学者学习
08-21
opengl的鼠标画线，圆，矩形，还有个菜单，很适合opengl初学者学习
鼠标交互画圆及椭圆（基于Bresenham、中点）
05-06
支持Visual Studio 2013 及以上版本，c语言实现代码，中点算法及Bresenham算法画圆，中点算法画椭圆，鼠标的交互方式利用OpenGL实现。
利用鼠标绘制圆和椭圆
12-03
编写应用程序，利用鼠标在视图区内绘制圆和椭圆。要求在工具 条上创建两个按钮，分别代表绘制圆和绘制椭圆。实现代码中仅允许 使用 SetPixel 一种绘图函数，不可以使用其他绘图函数。 绘制图形的鼠标操作方式可自行决定，此处给出一种方式作为参 考：类似于绘制直线段，按下鼠标左键时的点假设为 P，按住鼠标左 键不放，移动鼠标到另一点处抬起鼠标左键，该点假设为 Q。绘制圆 的时候，以 P 为圆心，PQ 为圆的半径。绘制椭圆时，将 PQ 作为一个 矩形的对角线，绘制该矩形的内切椭圆。
Android OpenGl ES绘制圆点与优化圆点锯齿
01-13
Android OpenGl ES用点绘制的方式绘制圆点，并对圆点进行抗锯齿优化。
src_opengl_QT_计算机图形学_locationnj3_
10-03
【标题】"src_opengl_QT_计算机图形学_locationnj3_" 涉及到的知识点主要集中在使用OpenGL和QT Creator这两个强大的工具进行计算机图形学的实践应用。OpenGL是一个跨语言、跨平台的编程接口，用于渲染2D、3D矢量图形...
opengl鼠标交互实现中点画圆法
weixin_42557512的博客
11-23 1145
鼠标交互主要就是点击处为圆心 #include<GL/glut.h> #include<iostream> using namespace std; #define WIDTH 200 #define HEIGHT 200 #define r 50 void MidPointCircle(int x, int y); void initial() { glClearCol...
OpenGL 基本图元 （点、线、圆、三角形、四边形、多边形）
qq_45228525的博客
05-14 1950
1.利用opengl画一个背景为黑色，白色的圆–Circle.cpp #include <GL/glut.h> #include <math.h> int main(int argc, char* argv[]) { void myDisplay(void); glutInit(&argc, argv); glutInitDisplayMode(GLUT_RGB | GLUT_SINGLE); glutInitWindowPosition(100, 100); glut
OpenGL-基本图元（包括点、线、圆形等）
关注网络安全、云原生安全
04-10 5052
目录 点 常用函数 代码 线 常用函数 代码 圆 代码 五角星 代码 正弦函数图像 代码 所有代码 部分截图 全部代码下载 点 常用函数 点的常用函数 函数 解释 void glPointSize(GLfloat size) 控制点的大小 glVertex2f(GLfloat x, GLfloat y) 点的坐标 点的大小默认为1...
计算机图形学 大作业
12-13
根据提供的引用内容，计算机图形学大作业需要完成三维可编程绘制流水线的相关任务，包括模型的坐标值计算、材质贴图赋予、三维场景的绘制、光照效果、纹理映射、透视投影、动画、鼠标和键盘交互等。这是一个相对复杂的任务，需要掌握一定的图形学知识和编程技能。 以下是一些可能有用的资源和建议： 1. 学习OpenGL或DirectX等图形学API，这些API提供了一些基本的绘图函数和工具，可以帮助你完成大部分的图形学任务。 2. 学习计算机图形学的基本概念，例如坐标系、变换、光照、纹理映射等，这些概念是理解和实现图形学任务的基础。 3. 学习一些图形学工具和软件，例如Blender、Maya等，这些工具可以帮助你创建和编辑三维模型，并导出到你的程序中使用。 4. 学习一些编程语言和框架，例如C++、Python、Unity等，这些语言和框架可以帮助你实现图形学任务。 5. 参考一些图形学教程和示例代码，例如LearnOpenGL、OpenGL教程、DirectX教程等，这些教程和示例代码可以帮助你理解和实现图形学任务。 6. 在实现过程中，可以使用调试工具和日志记录来帮助你发现和解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值