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

最新推荐文章于 2024-07-30 18:00:16 发布
最新推荐文章于 2024-07-30 18:00:16 发布
阅读量8.1k 收藏 133
点赞数 11
分类专栏： 计算机图形学 vscode 文章标签： c++ cv opengl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Rover95/article/details/120512100
版权

文章目录

其他计算机图形学实验

传送门

前言

计算机图形学实验一
用 DDA、Bresenham、中点画线法 三种方法实现直线绘制，并和鼠标点击事件进行交互。

在网上看了很久，有很多方法，最终选定了OpenGL，感觉最为简单。具体原理就不介绍了，会贴上完整代码，可以直接运行。

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

要点：
1.设计画直线的算法。会设置起点和终点的全局变量，通过鼠标点击得到起点和终点的值，再传入函数，进行直线绘制。
2.改变鼠标点击和鼠标拖拽的响应事件。

最终效果：
用鼠标在界面上点击两点，就会生成一条直线

请添加图片描述

1.DDA 直线绘制法

任意斜率都可以实现

/*DDA画线法*/
void DDALine(int x0, int y0, int x1, int y1)
{
	glClear(GL_COLOR_BUFFER_BIT);//清除窗口显示内容
	int dx, dy, steps, i;
	float x, y, delta_x, delta_y;
	dx = x1 - x0;
	dy = y1 - y0;
	x = x0;
	y = y0;

	//解决斜率问题:选定（x2-x1)和(y2-y1)中较大者为步进方向。
	if (abs(dx) > abs(dy))
		steps = abs(dx);
	else
		steps = abs(dy);
	delta_x = (float)dx / (float)steps;
	delta_y = (float)dy / (float)steps;
	//glPointSize(2);
	glBegin(GL_POINTS);
	for (i = 0; i <= steps; i++)
	{
		glColor3f(1.0f, 0.0f, 0.0f); //选择颜色
		glVertex2f(int(x + 0.5), int(y + 0.5));  //四舍五入
		//SetPixel(int(x + 0.5), int(y + 0.5),RED);  //四舍五入
		x += delta_x;
		y += delta_y;
	}
	glEnd();
	glFlush();
}

2.Bresenham 直线绘制法

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

	int x, y, dx, dy, e;
	x = x0, y = y0;
	dx = x1 - x0, dy = y1 - y0;
	/*e = -dx;*/

	int flag = 0;  //斜率绝对值标志，0表示斜率绝对值小于1
	if (abs(dy) > abs(dx))//斜率绝对值大于1
	{
		flag = 1;
	}
	//确定步长tx，ty，斜率为正或为负，且只考虑左/右上or左/右下，左/右边的情况不加步长即可
	int tx = (x1 > x0 ? 1 : (dx = -dx, -1));
	int ty = (y1 > y0 ? 1 : (dy = -dy, -1));

	glBegin(GL_POINTS);
	glVertex2i(x, y);
	if (flag == 0) {
		e = -dx;
		while (x != x1)
		{
			x += tx;
			e += 2 * dy;
			if (e >= 0)
			{
				y += ty;
				e -= 2 * dx;
			}
			glVertex2i(x, y);
			//setPixel(x, y);
		}
	}
	else {
		e = -dy;
		while (y != y1)
		{
			y += ty;
			e += 2 * dx;
			if (e >= 0)
			{
				x += tx;
				e -= 2 * dy;
			}
			glVertex2i(x, y);
			//setPixel(x, y);
		}
	}
	glEnd();
	glFlush();
}

3.中点画线法

/*中心画线法*/
void MidpointLine(int x0, int y0, int x1, int y1)
{
	glClear(GL_COLOR_BUFFER_BIT);//清除窗口显示内容

	int a, b, d1, d2, d, x, y;
	a = y0 - y1, b = x1 - x0;
	x = x0, y = y0;

	int dx, dy;
	dx = abs(x1 - x0), dy = abs(y1 - y0);
	int flag = 0;  //斜率绝对值标志，0表示斜率绝对值小于1
	if (dy > dx)//斜率绝对值大于1
	{
		flag = 1;
	}
	//确定步长tx，ty，斜率为正或为负，且只考虑左/右上or左/右下，左/右边的情况不加步长即可
	int tx = (x1 > x0 ? 1 : (b = -b, -1));
	int ty = (y1 > y0 ? 1 : (a = -a, -1));

	glBegin(GL_POINTS);
	glVertex2i(x, y);
	if (flag == 0) {
		d = 2 * a + b, d1 = 2 * a, d2 = 2 * (a + b);
		while (x != x1)
		{
			if (d < 0)
			{
				y += ty;
				d += d2;
			}
			else
			{
				d += d1;
			}
			x += tx;
			glVertex2i(x, y);
			//setPixel(x, y);
		}
	}
	else {
		d = 2 * b + a, d1 = 2 * b, d2 = 2 * (a + b);
		while (y != y1)
		{
			if (d > 0) //注意
			{
				x += tx;
				d += d2;
			}
			else
			{
				d += d1;
			}
			y += ty;
			glVertex2i(x, y);
			//setPixel(x, y);
		}
	}
	glEnd();
	glFlush();

}

4.改变鼠标点击和鼠标拖拽的响应函数

//鼠标拖动
void dragmouse(int x, int y) {
	m1 = x;
	n1 = y;
	//printf("%d %d %d %d\n", m0, n0, m1, n1);//把两个坐标打印出来
	DrawLine();//画线
	glFlush();

}
int flag = 0; //flag为0时表示是起点

//鼠标监听，画点
void mymouse(int button, int state, int x, int y) {
	//flag = 0;

	if (flag == 0) {
		if (button == GLUT_LEFT_BUTTON && state == GLUT_UP) {
			m0 = x;
			n0 = y;
			setPixel(m0, n0);
			//glVertex2i(m0, n0);
			printf("起点：%d %d      ", m0, n0);//把两个坐标打印出来	
			flag = 1;
		}
	}
	else {
		if (button == GLUT_LEFT_BUTTON && state == GLUT_UP) {
			m1 = x;
			n1 = y;
			setPixel(m1, n1);
			//glVertex2i(m1, n1);
			printf("终点：%d %d\n", m1, n1);//把两个坐标打印出来
			DrawLine();//画线
			glFlush();
			glEnd();
			flag = 0;
		}
	}
}

5.完整代码，可以直接使用

Line.cpp

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

int m0, m1, n0, n1;//声明全局变量，起始坐标和终止坐标
//int winwidth = 1024, winheight = 720;//窗口长宽
int winwidth = 800, winheight = 500;//窗口长宽
void DrawLine(); //实际上画直线的函数
void DDALine(int, int, int, int);
void MidpointLine(int, int, int, int);
void BresenhamLine(int, 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 DrawLine() {
	/*自己选择要用的方法*/
	//DDALine(m0, n0, m1, n1);  //DDA画线法
	//MidpointLine(m0,n0,m1,n1);//中点划线法
	BresenhamLine(m0, n0, m1, n1);//BresenhamLine算法
}

/*DDA画线法*/
void DDALine(int x0, int y0, int x1, int y1)
{
	glClear(GL_COLOR_BUFFER_BIT);//清除窗口显示内容
	int dx, dy, steps, i;
	float x, y, delta_x, delta_y;
	dx = x1 - x0;
	dy = y1 - y0;
	x = x0;
	y = y0;

	//解决斜率问题:选定（x2-x1)和(y2-y1)中较大者为步进方向。
	if (abs(dx) > abs(dy))
		steps = abs(dx);
	else
		steps = abs(dy);
	delta_x = (float)dx / (float)steps;
	delta_y = (float)dy / (float)steps;
	//glPointSize(2);
	glBegin(GL_POINTS);
	for (i = 0; i <= steps; i++)
	{
		glColor3f(1.0f, 0.0f, 0.0f); //选择颜色
		glVertex2f(int(x + 0.5), int(y + 0.5));  //四舍五入
		//SetPixel(int(x + 0.5), int(y + 0.5),RED);  //四舍五入
		x += delta_x;
		y += delta_y;
	}
	glEnd();
	glFlush();
}

/*中心画线法*/
void MidpointLine(int x0, int y0, int x1, int y1)
{
	glClear(GL_COLOR_BUFFER_BIT);//清除窗口显示内容

	int a, b, d1, d2, d, x, y;
	a = y0 - y1, b = x1 - x0;
	x = x0, y = y0;

	int dx, dy;
	dx = abs(x1 - x0), dy = abs(y1 - y0);
	int flag = 0;  //斜率绝对值标志，0表示斜率绝对值小于1
	if (dy > dx)//斜率绝对值大于1
	{
		flag = 1;
	}
	//确定步长tx，ty，斜率为正或为负，且只考虑左/右上or左/右下，左/右边的情况不加步长即可
	int tx = (x1 > x0 ? 1 : (b = -b, -1));
	int ty = (y1 > y0 ? 1 : (a = -a, -1));

	glBegin(GL_POINTS);
	glVertex2i(x, y);
	if (flag == 0) {
		d = 2 * a + b, d1 = 2 * a, d2 = 2 * (a + b);
		while (x != x1)
		{
			if (d < 0)
			{
				y += ty;
				d += d2;
			}
			else
			{
				d += d1;
			}
			x += tx;
			glVertex2i(x, y);
			//setPixel(x, y);
		}
	}
	else {
		d = 2 * b + a, d1 = 2 * b, d2 = 2 * (a + b);
		while (y != y1)
		{
			if (d > 0) //注意
			{
				x += tx;
				d += d2;
			}
			else
			{
				d += d1;
			}
			y += ty;
			glVertex2i(x, y);
			//setPixel(x, y);
		}
	}
	glEnd();
	glFlush();

}

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

	int x, y, dx, dy, e;
	x = x0, y = y0;
	dx = x1 - x0, dy = y1 - y0;
	/*e = -dx;*/

	int flag = 0;  //斜率绝对值标志，0表示斜率绝对值小于1
	if (abs(dy) > abs(dx))//斜率绝对值大于1
	{
		flag = 1;
	}
	//确定步长tx，ty，斜率为正或为负，且只考虑左/右上or左/右下，左/右边的情况不加步长即可
	int tx = (x1 > x0 ? 1 : (dx = -dx, -1));
	int ty = (y1 > y0 ? 1 : (dy = -dy, -1));

	glBegin(GL_POINTS);
	glVertex2i(x, y);
	if (flag == 0) {
		e = -dx;
		while (x != x1)
		{
			x += tx;
			e += 2 * dy;
			if (e >= 0)
			{
				y += ty;
				e -= 2 * dx;
			}
			glVertex2i(x, y);
			//setPixel(x, y);
		}
	}
	else {
		e = -dy;
		while (y != y1)
		{
			y += ty;
			e += 2 * dx;
			if (e >= 0)
			{
				x += tx;
				e -= 2 * dy;
			}
			glVertex2i(x, y);
			//setPixel(x, y);
		}
	}
	glEnd();
	glFlush();
}


//鼠标拖动
void dragmouse(int x, int y) {
	m1 = x;
	n1 = y;
	//printf("%d %d %d %d\n", m0, n0, m1, n1);//把两个坐标打印出来
	DrawLine();//画线
	glFlush();

}
int flag = 0; //flag为0时表示是起点

//鼠标监听，画点
void mymouse(int button, int state, int x, int y) {
	//flag = 0;

	if (flag == 0) {
		if (button == GLUT_LEFT_BUTTON && state == GLUT_UP) {
			m0 = x;
			n0 = y;
			setPixel(m0, n0);
			//glVertex2i(m0, n0);
			printf("起点：%d %d      ", m0, n0);//把两个坐标打印出来	
			flag = 1;
		}
	}
	else {
		if (button == GLUT_LEFT_BUTTON && state == GLUT_UP) {
			m1 = x;
			n1 = y;
			setPixel(m1, n1);
			//glVertex2i(m1, n1);
			printf("终点：%d %d\n", m1, n1);//把两个坐标打印出来
			DrawLine();//画线
			glFlush();
			glEnd();
			flag = 0;
		}
	}
}

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(1, 0, 0);//设置画点的颜色
}

int main(int argc, char** argv) {
	glutInit(&argc, argv);//初始化
//	scanf("%d%d",&m0,&n0);
//	m1=m0,n1=n0;//让起始点与目标点重合

	glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);//设置绘制模式
	glutInitWindowPosition(150, 100);//设置窗口出现的位置
	glutInitWindowSize(winwidth, winheight);//设置窗口大小
	glutCreateWindow("画直线");//创建窗口
	init();

	glutDisplayFunc(DrawLine);//绘制回调函数,glut机制，它觉得需要重新绘制的时候就会执行
	glutMouseFunc(mymouse);//鼠标监听回调函数
	glutMotionFunc(dragmouse);//鼠标拖动
	glutMainLoop();
}
Timer95
关注
专栏目录
计算机图形学实验四 OpenGL的鼠标交互绘制
m0_51576163的博客
05-16 2177
一、实验目的 1.掌握OpenGL的鼠标按钮响应函数。 2.掌握OpenGL的鼠标移动响应函数。 3.进一步巩固OpenGL的基本图元绘制基础。 二、实验内容 1.鼠标画草图——实现鼠标点到哪，线就画到哪。 思路： 1)在主程序注册鼠标响应和鼠标移动子函数： glutMouseFunc(mymouse); glutMotionFunc(mymotion); 放在display注册之后和mainloop之前。 在程序头部声明鼠标响应和鼠标移动子函数： voidmyMouse(int..
计算机图形学OpenGL学习实验三——交互操作
qq_37996608的博客
04-23 2763
写在开头： 相关实验是学校开设课程的相关实验，本人所作较为粗浅，若有同校师弟浏览，望看懂借鉴而非照搬全抄。 实验目的： 利用鼠标、键盘，菜单等方式对图元进行交互操作 实验内容： 1、用鼠标拖动画直线，线段终点始终跟随鼠标移动； 2、使用菜单界面修改直线的颜色； 3、利用键盘控制直线在屏幕上移动； 实现效果及步骤（或流程） 实现效果： 1.鼠标左键选取直线，通...
计算机图形学-绘制直线
04-13
该代码为计算机图形学的一个实验，实验内容：绘制任意斜率直线
计算机图形学——实验一 WebGL基本图形绘制
最新发布
weixin_50780569的博客
07-30 565
任务3：对canvas画布进行onclick事件绑定，发生点击事件后，通过点击事件的坐标，计算出点击的点在画布中的坐标{ (x,y)|x∈[-1,1]，y∈[-1,1] }，并将该点记录到indices数组中。设置三个改变颜色的button，点击后会向着色器程序传入对应的颜色数据，并进行重新绘制。注：由于只有实验相关的文档，给我提供文档的人没有给我相关的示例代码，因此所有的程序都是自己编写，非常可能与示例程序有较大出入，但是实现的原理基本一致。任务1：最基本的webgl在canvas上进行图形绘制操作。
OpenGL绘制直线
热门推荐
lixiaoguang20的博客
11-10 1万+
// main.c // opengl_ animationRect_0002 // // Created by ch_soft on 12-1-16. // Copyright (c) 2012年 __MyCompanyName__. All rights reserved. // #include #include #include #include //用于绘制窗口需要的
计算机图形学02：中点BH算法绘制直线
你的问题在于，读书太少而想得太多。
02-05 5991
计算机图形学之中点BH算法绘制直线——附原理及详细代码
计算机图形学三种直线画法
12-01
这是关于计算机图形学三种直线的基本画法，对计算机图形学的初学者有较大的帮助，这是我中介的实验以及其详细代码。
opengl的鼠标画线，圆，矩形，还有个菜单，很适合opengl初学者学习
11-30
opengl的鼠标画线，圆，矩形，还有个菜单，很适合opengl初学者学习
计算机图形学实验-基于OpenGL实现椭圆 Bresenham 算法和橡皮筋交互技术
12-23
在这个实验中，我们将关注两个关键概念：Bresenham椭圆算法和橡皮筋交互技术，这些都是在计算机图形学中用于实现用户交互和高效绘图的重要方法。 Bresenham算法是一种在像素级别上近似绘制几何形状的算法，尤其适用...
计算机图形学直线扫描和区域填充实现实验代码
10-29
首先，直线扫描是计算机图形学中用于绘制直线的一种方法，通常采用DDA（Digital Differential Analyzer，数字微分分析器）算法。DDA算法是一种简单的逐点生成算法，它通过计算直线的增量来决定每一步画点的位置。在...
计算机图形学的三种直线画法
10-18
计算机图形学的三种直线画法，bresenham直线画法，DDA直线画法，中点画线算法。都是完整版的，在桌面上直接绘制。
计算机图形学画直线
01-04
计算机图形学画直线
opengl画直线
01-06
opengl画直线原理及方法，里面大多属于基础知识，自学起来方便好用。
opengl画直线（增量法）
10-12
今天上机刚做的，自己用点来画直线，这边用的是增量法，这种方法程序跑的会比较快
利用OpenGL绘制直线、圆和多边形
11-23
本资源为OpenGL实现的源码，可用于OpenGL框架的搭建及绘制简单的图形。
计算机图形学之OpenGL基础图形函数使用及基本图素的生成算法实现的实验
06-05
设计一个二维卡通任务交互设计系统，实现直线，多边形绘制算法（橡皮筋效果），实现基于鼠标交互的卡通人物设计与绘制。使用颜色填充与反走样技术对卡通人物外貌以及衣着进行绘制。实现对卡通人物轮廓的交互控制，...
实验8 OpenGL交互
weixin_33744854的博客
10-23 897
1．实验目的： 理解掌握一个OpenGL程序的常见交互方法。 2．实验内容： （1） 运行示范实验代码1，掌握程序鼠标交互方法，尝试为其添加键盘与菜单控制，实现同样功能； （2）运行示范实验代码2，掌握程序鼠标坐标获取与绘图方法，尝试为其添加绘制直线功能； （3）结合上述两步，能否实现通过鼠标右键菜单切换实现一个简单的绘图程序，可以绘制直线、三角形、正方形等常见图形？ 3．实验原...
计算机图形学-----画直线
qdbhuiop的专栏
03-21 1273
#includeGL/glut.h>void init(void){    glClearColor(1.0,1.0,1.0,0.0);    glMatrixMode(GL_PROJECTION);    gluOrtho2D(0.0,200.0,0.0,150.0);}void lineSegment(void){    glClear(GL_COLOR_BUFFER_BIT);    g
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值