【OpenGL】绘制表情并实现二维基本变换：平移、旋转、缩放

最新推荐文章于 2021-07-16 19:03:38 发布
最新推荐文章于 2021-07-16 19:03:38 发布
阅读量1.7k 收藏 11
点赞数 2
文章标签： OpenGL
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Gyangxixi/article/details/115188305
版权
该博客介绍了使用OpenGL进行二维基本变换，包括平移、旋转和缩放，通过GL_TRIANGLE_FAN和GL_LINE_STRIP绘制圆面、圆弧和脸蛋来创建表情，并实现了键盘控制的动态变换。代码详细展示了如何绘制圆面、圆弧和脸蛋，以及如何响应键盘事件进行视角调整。
摘要由CSDN通过智能技术生成

【OpenGL】绘制表情并实现二维基本变换：平移、旋转、缩放

1.绘制目标

二维基本变换：平移、旋转、缩放
• glTranslate*()
• glRotate*()
• glScale*()
• 小提示：对圆盘进行三角化，然后基于GL_TRIANGLE_FAN绘制。
在这里插入图片描述

2.核心代码

2.1 绘制圆面

/// <summary>
/// 绘制圆面
/// </summary>
/// <param name="r">圆面半径</param>
/// <param name="circle_x">圆面x坐标</param>
/// <param name="circle_y">圆面y坐标</param>
/// <param name="_R">颜色R</param>
/// <param name="_G">颜色G</param>
/// <param name="_B">颜色B</param>
void DrawCirclePointGpBlackSet(double r, double circle_x, double circle_y, double _R, double _G, double _B)
{
	glColor3f(_R, _G, _B);
	glBegin(GL_TRIANGLE_FAN);

	for (double i = -r; i <= r; i += 0.001)
	{
		double x = i;
		double y = sqrt(r * r - x * x);
		glVertex2f(x + circle_x, y + circle_y);
	}
	for (double i = r; i >= -r; i -= 0.001)
	{
		double x = i;
		double y = sqrt(r * r - x * x);
		glVertex2f(x + circle_x, -y + circle_y);
	}
	for (double i = -r; i <= r; i += 0.001)
	{
		double x = i;
		double y = sqrt(r * r - x * x);
		glVertex2f(x + circle_x, y + circle_y);
	}
	glEnd();
}

2.2 绘制圆弧

/// <summary>
/// 绘制圆弧
/// </summary>
/// <param name="r">圆面半径</param>
/// <param name="circle_x">圆面x坐标</param>
/// <param name="circle_y">圆面y坐标</param>
/// <param name="_R">颜色R</param>
/// <param name="_G">颜色G</param>
/// <param name="_B">颜色B</param>
void DrawArcPointGpSet(double r, double circle_x, double circle_y, double _R, double _G, double _B)
{
	glColor3f(_R, _G, _B);
	glBegin(GL_LINE_STRIP);

	for (double i = r; i >= -r; i -= 0.001)
	{
		double x = i;
		double y = sqrt(r * r - x * x);
		glVertex2f(x + circle_x, -y + circle_y);
	}
	glEnd();
}

2.3 绘制脸蛋

/// <summary>
/// 绘制脸蛋
/// </summary>
/// <param name="face_x">脸蛋的x坐标</param>
/// <param name="face_y">脸蛋的y坐标</param>
/// <param name="face_r">脸蛋的半径坐标</param>
void DrawFace(double face_x, double face_y, double face_r)
{
	glPushMatrix();
	// 黄色的脸蛋
	DrawCirclePointGpBlackSet(face_r, face_x, face_y, 255, 215, 0);
	// 黑色的眼睛
	DrawCirclePointGpBlackSet(face_r / 6, face_x - face_r / 3, face_r / 10, 0, 0, 0);
	DrawCirclePointGpBlackSet(face_r / 6, face_x + face_r / 3, face_r / 10, 0, 0, 0);
	// 红色嘴巴
	DrawArcPointGpSet(face_r / 3, face_x, face_y - face_r / 3, 255, 0, 0);

	glPopMatrix();
}

2.4 键盘操作

void KeyBoards(int key, int x, int y)
{
	switch (key)
	{
	case GLUT_KEY_UP:
		glMatrixMode(GL_MODELVIEW);
		glTranslated(xDir, ++yDir, zDir);
		glutPostRedisplay();
		break;
	case GLUT_KEY_LEFT:
		glMatrixMode(GL_MODELVIEW);
		glTranslated(--xDir, yDir, zDir);
		glutPostRedisplay();
		break;
	case GLUT_KEY_DOWN:
		glMatrixMode(GL_MODELVIEW);
		glTranslated(xDir, --yDir, zDir);
		glutPostRedisplay();
		break;
	case GLUT_KEY_RIGHT:
		glMatrixMode(GL_MODELVIEW);
		glTranslated(++xDir, yDir, zDir);
		glutPostRedisplay();
		break;
	case GLUT_KEY_INSERT:
		glMatrixMode(GL_MODELVIEW);
		glRotatef(++angle, 0, 0, 1);
		glutPostRedisplay();
		break;

	case GLUT_KEY_END:
		glMatrixMode(GL_MODELVIEW);
		glRotatef(--angle, 0, 0, 1);
		glutPostRedisplay();
		break;
	}
}

3.全部代码

#define GLEW_STATIC
#define FREEGLUT_STATIC

#include <GL/glew.h>
#include <GL/freeglut.h>
#include <GL/glext.h>
#include <math.h>

GLdouble xDir = 0.0;
GLdouble yDir = 0.0;
GLdouble zDir = 0.0;
GLfloat angle = 0.0;

void _init()
{
	glClearColor(1.0f, 1.0f, 1.0f, 1.0f);
}

/// <summary>
/// 绘制圆面
/// </summary>
/// <param name="r">圆面半径</param>
/// <param name="circle_x">圆面x坐标</param>
/// <param name="circle_y">圆面y坐标</param>
/// <param name="_R">颜色R</param>
/// <param name="_G">颜色G</param>
/// <param name="_B">颜色B</param>
void DrawCirclePointGpBlackSet(double r, double circle_x, double circle_y, double _R, double _G, double _B)
{
	glColor3f(_R, _G, _B);
	glBegin(GL_TRIANGLE_FAN);

	for (double i = -r; i <= r; i += 0.001)
	{
		double x = i;
		double y = sqrt(r * r - x * x);
		glVertex2f(x + circle_x, y + circle_y);
	}
	for (double i = r; i >= -r; i -= 0.001)
	{
		double x = i;
		double y = sqrt(r * r - x * x);
		glVertex2f(x + circle_x, -y + circle_y);
	}
	for (double i = -r; i <= r; i += 0.001)
	{
		double x = i;
		double y = sqrt(r * r - x * x);
		glVertex2f(x + circle_x, y + circle_y);
	}
	glEnd();
}

/// <summary>
/// 绘制圆弧
/// </summary>
/// <param name="r">圆面半径</param>
/// <param name="circle_x">圆面x坐标</param>
/// <param name="circle_y">圆面y坐标</param>
/// <param name="_R">颜色R</param>
/// <param name="_G">颜色G</param>
/// <param name="_B">颜色B</param>
void DrawArcPointGpSet(double r, double circle_x, double circle_y, double _R, double _G, double _B)
{
	glColor3f(_R, _G, _B);
	glBegin(GL_LINE_STRIP);

	for (double i = r; i >= -r; i -= 0.001)
	{
		double x = i;
		double y = sqrt(r * r - x * x);
		glVertex2f(x + circle_x, -y + circle_y);
	}
	glEnd();
}

/// <summary>
/// 绘制脸蛋
/// </summary>
/// <param name="face_x">脸蛋的x坐标</param>
/// <param name="face_y">脸蛋的y坐标</param>
/// <param name="face_r">脸蛋的半径坐标</param>
void DrawFace(double face_x, double face_y, double face_r)
{
	glPushMatrix();
	// 黄色的脸蛋
	DrawCirclePointGpBlackSet(face_r, face_x, face_y, 255, 215, 0);
	// 黑色的眼睛
	DrawCirclePointGpBlackSet(face_r / 6, face_x - face_r / 3, face_r / 10, 0, 0, 0);
	DrawCirclePointGpBlackSet(face_r / 6, face_x + face_r / 3, face_r / 10, 0, 0, 0);
	// 红色嘴巴
	DrawArcPointGpSet(face_r / 3, face_x, face_y - face_r / 3, 255, 0, 0);

	glPopMatrix();
}

void KeyBoards(int key, int x, int y)
{
	switch (key)
	{
	case GLUT_KEY_UP:
		glMatrixMode(GL_MODELVIEW);
		glTranslated(xDir, ++yDir, zDir);
		glutPostRedisplay();
		break;
	case GLUT_KEY_LEFT:
		glMatrixMode(GL_MODELVIEW);
		glTranslated(--xDir, yDir, zDir);
		glutPostRedisplay();
		break;
	case GLUT_KEY_DOWN:
		glMatrixMode(GL_MODELVIEW);
		glTranslated(xDir, --yDir, zDir);
		glutPostRedisplay();
		break;
	case GLUT_KEY_RIGHT:
		glMatrixMode(GL_MODELVIEW);
		glTranslated(++xDir, yDir, zDir);
		glutPostRedisplay();
		break;
	case GLUT_KEY_INSERT:
		glMatrixMode(GL_MODELVIEW);
		glRotatef(++angle, 0, 0, 1);
		glutPostRedisplay();
		break;

	case GLUT_KEY_END:
		glMatrixMode(GL_MODELVIEW);
		glRotatef(--angle, 0, 0, 1);
		glutPostRedisplay();
		break;
	}
}

void display() {
	glClear(GL_COLOR_BUFFER_BIT);

	DrawFace(0, 0, 3);

	glutSwapBuffers();
}

void reshape(int w, int h) {
	glViewport(0, 0, w, h);

	glMatrixMode(GL_PROJECTION);

	glLoadIdentity();

	gluOrtho2D(-8.f, 8.f, -8.f, 8.f);
}

int main(int argc, char** argv) {

	glutInit(&argc, argv);

	glutInitContextVersion(3, 3);

	glutInitContextProfile(GLUT_COMPATIBILITY_PROFILE);

	glutInitDisplayMode(GLUT_RGBA | GLUT_DOUBLE);

	glutInitWindowPosition(0, 0); // 左上角相对位置
	glutInitWindowSize(600, 600); // 窗口大小
	glutCreateWindow("OpenGL");

	glutDisplayFunc(display);
	glutReshapeFunc(reshape);

	glewExperimental = GL_TRUE;
	glewInit();

	_init();

	glutSpecialFunc(&KeyBoards);  //注册键盘事件(特殊字符)
	glutDisplayFunc(&display);   //回调函数 

	glutMainLoop();
	return 0;
}

4.运行结果

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

敲代码两年半的练习生
关注
openGL构造二维旋转矩阵
07-28
openGL构造二维旋转矩阵
二维图形学的变换-平移、旋转、缩放 OpenGL
热门推荐
神风飘月の博客
12-14 3万+
这里实现的是多点画多边形，然后把这个多边形进行二维的变换。 首先，多点画多边形，为了方便起见，我直接调用了Opengl的库函数。其次，就是如何进行多边形的二维变换。在这里我有两种方法。第一种是直接根据数学三角等公式推断得到结果。第二种方法是用矩阵相乘的方法。 先讲第一种： 平移 假如我要平移a到b的位置： 那么操作就是：把这个多边形的n个顶点从一个位置移动到另外一个位置，然后
计算机图形与OpenGL学习五(二维几何变换1.平移、旋转、缩放)
lhs322的博客
04-12 1万+
二维几何变换（平移、旋转、缩放）本章涉及数学变换比较多，代码是次要的，数学理论可自己推导一下。【二维平移】通过将二维量加到一个点的坐标上来生成一个新的坐标位置，可以实现一次平移。将平移距离加到原始坐标上获得一个新的坐标,实现一个二维位置的平移。为平移向量，使用列向量来表示各点坐标的话：实例：对一个四边形进行平移，平移量自己输入，结果图平移量为(200，200)，代码：#include&lt;GL/...
opengl二维几何变换实例
o83290102o5的博客
01-21 4949
opengl二维几何变换 opengl提供的几何变换函数和绘图函数是完全分开的，并没有指定一个变换矩阵然后再绘图的API。 opengl是先使用几何变换函数，此时相当于永久改变了坐标系，此后的所有绘图操作都相当于在新坐标系下进行。 如 glTranslatef(100, 100, 0); 相当于把当前坐标轴向x轴正向和y轴正向同时移动100个单位，此后所有的绘图函数都参照此新坐标系进行。此时如果在新坐标系原点绘制一个点，相当于在原坐标系的(100,100)处绘制一个点 opengl一共有四个矩阵栈，应用于不
Android OpenGL射线拾取&手势旋转（一）
weixin_34289454的博客
02-27 285
Android OpenGL射线拾取&手势旋转 实现这个工程，主要参考了《OPhone 3D开发之射线拾取》一文。这次又是在家写的，没网T^T，所以需要的还劳烦自己Google吧。 一是通过射线拾取监听正方体各面的点击事件，二是使用绕任意轴旋转实现正方体一直按手势方向进行旋转（即无论正方体如何翻转，旋转方向一直跟随手势方向）。...
OpenGL程序平移、旋转、缩放变换_OpenGL程序平移、旋转、缩放变换_
10-01
在OpenGL中，对物体进行平移、旋转和缩放变换是图形处理的基础。这些变换可以帮助我们创建动态和交互式的场景。下面我们将详细讲解OpenGL中的这些基本变换。 **一、平移变换** 平移变换是将物体在三维空间中移动到...
计算机图形学 图形变换，二维图形变换包括：平移、旋转、缩放；三维图形变换：投影
02-09
在二维空间中，图形变换主要包括三种基本操作：平移（Translation）、旋转（Rotation）和缩放（Scaling）。平移是沿着坐标轴的移动，它可以通过向图形的每个顶点添加一个常量向量来实现。旋转则是围绕一个固定点...
C++实现二维图形基本变换：平移、旋转、缩放与对称
这个代码示例展示了如何在C++中使用OpenGL进行二维图形的变换，包括平移、缩放、旋转等基本操作，这对于任何希望在图形界面开发或游戏编程中实现动态效果的开发者来说，都是一个很好的学习起点。理解并掌握这些基础...
opengl绘制简单场景，实现平移旋转缩放和灯光
10-15
本教程将深入探讨如何使用OpenGL绘制简单的场景，并实现物体的平移、旋转和缩放，以及添加灯光效果。 首先，理解OpenGL的基础概念至关重要。它是一个状态机，意味着它的行为取决于当前设置的状态，如颜色、深度测试...
opengl自定义函数实现平移旋转缩放
05-27
在给定的“opengl自定义函数实现平移旋转缩放”的主题中，我们探讨的是如何不依赖OpenGL内置的几何变换函数，而是通过自定义代码来处理图形的位置、角度和大小变化。这种做法通常涉及矩阵运算，尤其是利用齐次坐标...
opengl实现图形平移旋转缩放
02-26
华科图形学作业，opengl实现图形平移旋转缩放
计算机图形学源码（DDA直线、中点圆、多边形、填充、支持不同图层二维变换如旋转、平移、缩放、对称变换；光照与消隐）
09-17
直线、圆、多边形 这是针对09年所写计算机图形学源码重构后的版本。新版本在实现用多种算法生成直线、圆、多边形等图形图像的同时，使用了双缓存绘图防止图像闪烁，并使用自定义结构扫描线存储所绘连块图形区域提高了二次绘图效率。 同时将所有图形图像封装成类，便于图形的重绘以及旋转、平移、缩放、对称变换等几何操作。 这是真正意义上实现了二维图层操作，而不是一个演示性的算法。 光照实验与消隐借用已有代码，因此代码变量命名风格与之前的不统一。
Xcode opengl一个笑脸
05-20
一个笑脸在拖动窗口大小的时候，笑脸的大小不变并且始终保持在中心，此代码为xcode OpenGL环境下运行
opengl 2-D笑脸简单实现
03-12
Opengl 2-D笑脸简单实现 其中包括键盘相应，鼠标右键以及运动
OpenGL实现二维图的平移
liji_digital的博客
09-08 2593
在前面的博客《OpenGL实现二维图的缩放》中，我提到了gluLookAt的作用是定义观察者的位置和视线方向。在本文中，我们正好利用这个功能来实现二维图的平移。 #ifndef WIDGET_H #define WIDGET_H #include #include #include class Widget : public QGLWidget { Q_OBJECT pub
计算机图形学运用变换程序绘制二维动画,【计算机图形学】c++ OpenGL 二维变换（包括多边形绘制、平移、旋转及缩放）...
weixin_39612896的博客
07-16 874
// 二维变换.cpp : 定义控制台应用程序的入口点。//#include "stdafx.h"#include#include#include#include#include#include#define PI 3.14159265358//q,w,e,r分别为平移，绘制多边形，旋转，缩放#define TRANSLATE 0#define DRAWPOLYGON 1#define ROTAT...
计算机图形学——OpenGL二维旋转，缩放，平移（课堂备份）
qq_42319367的博客
12-16 1284
// ====== Computer Graphics Experiment #5 ====== // |       Two-Dimensional Transformation      | // ============================================= // // Requirement: // (1) Implement functions to gene...
Android opengl 正方形 手势三维旋转、缩小、放大
only_you_zj的博客
06-02 4267
MainActivity 类 package com.example.administrator.opengl_1; import android.app.Activity; import android.content.Context; import android.graphics.Point; import android.opengl.GLSurfaceView; import
【计算机图形学】c++ OpenGL 二维变换（包括多边形绘制、平移、旋转及缩放）
Arana的博客
05-16 6641
运行结果演示 源代码 // 二维变换.cpp : 定义控制台应用程序的入口点。 // #include "stdafx.h" #include<GL/glut.h> #include<GL/gl.h> #include<GL/glu.h> #include<iostream> #include<cmath> #include<vector> #define PI 3.14159265358 //q,w,e,r分别为平移，绘制多边形
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

敲代码两年半的练习生

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值