《计算机图形学》实验报告-绘制Bézier曲线

一、实验目的和要求

  1. 熟悉曲线的定义和相关性质、理解生成Bézier曲线的迭代算法;
  2. 使用鼠标在在屏幕中任意设置控制点,并生成曲线。

二、实验内容

利用迭代算法绘制Bézier曲线,并实现鼠标交互:鼠标点击左键出现控制点,达到3次后绘制Bézier曲线。

三、实验过程及代码

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

int SCREEN_HEIGHT = 480;//屏幕高度
						// 跟踪鼠标点击次数,达到3次后绘制Bezier曲线
int NUMPOINTS = 0;

//点
class Point {
public:
	float x, y;
	void setxy(float x2, float y2) { x = x2; y = y2; }
	const Point & operator=(const Point &rPoint) {
		x = rPoint.x;
		y = rPoint.y;

		return *this;
	}

};

Point abc[3];

void myInit() {
	glClearColor(0.0, 0.0, 0.0, 0.0);
	glColor3f(1.0, 0.0, 0.0);
	glPointSize(4.0);
	glMatrixMode(GL_PROJECTION);
	glLoadIdentity();
	gluOrtho2D(0.0, 640.0, 0.0, 480.0);

}

void drawDot(int x, int y) {
	glBegin(GL_POINTS);
	glVertex2i(x, y);
	glEnd();
	glFlush();
}

void drawLine(Point p1, Point p2) {
	glBegin(GL_LINES);
	glVertex2f(p1.x, p1.y);
	glVertex2f(p2.x, p2.y);

	glEnd();
	glFlush();
}

// 计算下一个Bezier曲线上的点
Point drawBezier(Point A, Point B, Point C, double t) {
	Point P;
	P.x = pow((1 - t), 2) * A.x + 2 * t * (1 - t) * B.x + pow(t, 2) * C.x;
	P.y = pow((1 - t), 2) * A.y + 2 * t * (1 - t) * B.y + pow(t, 2) * C.y;
	return P;
}

void myMouse(int button, int state, int x, int y) {
	//左键按下
	if (button == GLUT_LEFT_BUTTON && state == GLUT_DOWN) {
		//存储鼠标点击的点
		abc[NUMPOINTS].setxy((float)x, (float)(SCREEN_HEIGHT - y));
		NUMPOINTS++;

		// 绘制红点
		drawDot(x, SCREEN_HEIGHT - y);

		// 绘制Bezier曲线
		if (NUMPOINTS == 3) {
			glColor3f(1.0, 1.0, 1.0);
			// 绘制控制多边形
			drawLine(abc[0], abc[1]);
			drawLine(abc[1], abc[2]);
			Point POld = abc[0];
			//绘制Bezier曲线段,控制t的增量可以控制曲线精度
			for (double t = 0.0; t <= 1.0; t += 0.1) {
				Point P = drawBezier(abc[0], abc[1], abc[2], t);
				drawLine(POld, P);
				POld = P;
			}
			glColor3f(1.0, 0.0, 0.0);
			NUMPOINTS = 0;
		}
	}
}

void myDisplay() {
	glClear(GL_COLOR_BUFFER_BIT);
	glFlush();


}

int main(int argc, char *argv[]) {
	glutInit(&argc, argv);
	glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);
	glutInitWindowSize(640, 480);
	glutInitWindowPosition(100, 150);
	glutCreateWindow("Bézier曲线-学号姓名");
	glutMouseFunc(myMouse);
	glutDisplayFunc(myDisplay);
	myInit();
	glutMainLoop();
	return 0;
}


四、实验运行结果截图
在这里插入图片描述

  • 2
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,这里提供一个绘制二次Bézier曲线的示例代码,使用OpenGL和C++实现。 首先,需要定义一个点结构体来存储控制点坐标: ```cpp struct Point { float x; float y; Point(float x, float y) : x(x), y(y) {} }; ``` 接下来,定义全局变量来存储控制点和特征多边形的绘制信息: ```cpp std::vector<Point> controlPoints; // 存储控制点 std::vector<Point> polygonPoints; // 存储特征多边形点 bool isDrawingPolygon = false; // 是否正在绘制特征多边形 ``` 然后,定义一个函数来计算二次Bézier曲线上的点。这里使用De Casteljau算法: ```cpp Point calculateBezierPoint(float t, const std::vector<Point>& points) { if (points.size() == 2) { // 递归结束条件:只剩两个点 return Point((1 - t) * points[0].x + t * points[1].x, (1 - t) * points[0].y + t * points[1].y); } else { // 递归计算中间点 std::vector<Point> newPoints; for (int i = 0; i < points.size() - 1; i++) { Point newPoint((1 - t) * points[i].x + t * points[i + 1].x, (1 - t) * points[i].y + t * points[i + 1].y); newPoints.push_back(newPoint); } return calculateBezierPoint(t, newPoints); } } ``` 接下来,实现绘制函数。首先绘制控制点和特征多边形,然后根据控制点计算曲线上的点,并绘制出来: ```cpp void draw() { glClear(GL_COLOR_BUFFER_BIT); // 绘制控制点和特征多边形 glPointSize(5); glBegin(GL_POINTS); for (const auto& point : controlPoints) { glVertex2f(point.x, point.y); if (!isDrawingPolygon) { // 记录特征多边形的点 polygonPoints.push_back(point); } } glEnd(); if (isDrawingPolygon) { // 绘制特征多边形 glBegin(GL_LINE_LOOP); for (const auto& point : polygonPoints) { glVertex2f(point.x, point.y); } glEnd(); } if (controlPoints.size() >= 2) { // 绘制曲线 glBegin(GL_LINE_STRIP); for (int i = 0; i <= 100; i++) { float t = static_cast<float>(i) / 100; Point point = calculateBezierPoint(t, controlPoints); glVertex2f(point.x, point.y); } glEnd(); } glFlush(); } ``` 最后,实现鼠标回调函数。当鼠标左键按下时,添加控制点并重新计算特征多边形。当鼠标右键按下时,清空控制点和特征多边形,并开始绘制特征多边形: ```cpp void mouse(int button, int state, int x, int y) { if (button == GLUT_LEFT_BUTTON && state == GLUT_DOWN) { // 添加控制点并重新计算特征多边形 controlPoints.push_back(Point(x, height - y)); polygonPoints.clear(); } else if (button == GLUT_RIGHT_BUTTON && state == GLUT_DOWN) { // 清空控制点和特征多边形,并开始绘制特征多边形 controlPoints.clear(); polygonPoints.clear(); isDrawingPolygon = true; } glutPostRedisplay(); } ``` 完整代码如下所示: ```cpp #include <GL/glut.h> #include <vector> const int width = 800; const int height = 600; struct Point { float x; float y; Point(float x, float y) : x(x), y(y) {} }; std::vector<Point> controlPoints; std::vector<Point> polygonPoints; bool isDrawingPolygon = false; Point calculateBezierPoint(float t, const std::vector<Point>& points) { if (points.size() == 2) { // 递归结束条件:只剩两个点 return Point((1 - t) * points[0].x + t * points[1].x, (1 - t) * points[0].y + t * points[1].y); } else { // 递归计算中间点 std::vector<Point> newPoints; for (int i = 0; i < points.size() - 1; i++) { Point newPoint((1 - t) * points[i].x + t * points[i + 1].x, (1 - t) * points[i].y + t * points[i + 1].y); newPoints.push_back(newPoint); } return calculateBezierPoint(t, newPoints); } } void draw() { glClear(GL_COLOR_BUFFER_BIT); // 绘制控制点和特征多边形 glPointSize(5); glBegin(GL_POINTS); for (const auto& point : controlPoints) { glVertex2f(point.x, point.y); if (!isDrawingPolygon) { // 记录特征多边形的点 polygonPoints.push_back(point); } } glEnd(); if (isDrawingPolygon) { // 绘制特征多边形 glBegin(GL_LINE_LOOP); for (const auto& point : polygonPoints) { glVertex2f(point.x, point.y); } glEnd(); } if (controlPoints.size() >= 2) { // 绘制曲线 glBegin(GL_LINE_STRIP); for (int i = 0; i <= 100; i++) { float t = static_cast<float>(i) / 100; Point point = calculateBezierPoint(t, controlPoints); glVertex2f(point.x, point.y); } glEnd(); } glFlush(); } void mouse(int button, int state, int x, int y) { if (button == GLUT_LEFT_BUTTON && state == GLUT_DOWN) { // 添加控制点并重新计算特征多边形 controlPoints.push_back(Point(x, height - y)); polygonPoints.clear(); } else if (button == GLUT_RIGHT_BUTTON && state == GLUT_DOWN) { // 清空控制点和特征多边形,并开始绘制特征多边形 controlPoints.clear(); polygonPoints.clear(); isDrawingPolygon = true; } glutPostRedisplay(); } int main(int argc, char** argv) { glutInit(&argc, argv); glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB); glutInitWindowSize(width, height); glutCreateWindow("Bezier Curve"); glClearColor(1, 1, 1, 1); glMatrixMode(GL_PROJECTION); glLoadIdentity(); gluOrtho2D(0, width, 0, height); glMatrixMode(GL_MODELVIEW); glutDisplayFunc(draw); glutMouseFunc(mouse); glutMainLoop(); return 0; } ```

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值