计算机图形学实验五：OpenGL下的几何变换

最新推荐文章于 2023-06-28 22:28:03 发布

寒商

最新推荐文章于 2023-06-28 22:28:03 发布

阅读量4.2k

点赞数 39

分类专栏： c/c++ 文章标签：图形学 c++

本文链接：https://blog.csdn.net/Leon14138/article/details/110686709

版权

c/c++ 专栏收录该内容

3 篇文章 2 订阅

订阅专栏

本来是一个简单的二维变换的题目，老师说做完让他看，于是逐渐加了诸多要求

题目描述

绘制如下图形：
目标图形

提示：

（1）写一个绘制菱形的函数drawDiamond(void)；

void drawDiamond(void) //绘制中心在原点的菱形
{
	glBegin (GL_POLYGON); //顶点指定需要按逆时针方向
	   glVertex2f (0.0f,-1.0f);//下点
	   glVertex2f (2.0f,0.0f);//右点
	   glVertex2f (0.0f, 1.0f);//上点
	   glVertex2f (-2.0f,0.0f);//左点
	glEnd ( );
}

（2）用几何变换绘制三个不同位置、旋转角度、颜色的菱形。

最初版本

#include <GL/glut.h>
#include <math.h>
#include<windows.h>
#include<stdio.h>
#define PI 3.14
#define DEG_TO_RAD 0.017453  //角度转为弧度的参数，即 2*PI/360

void init (void)
{
    glClearColor (1.0, 1.0, 1.0, 0.0);
    glMatrixMode (GL_PROJECTION);
    gluOrtho2D (-5.0, 5.0, -5.0, 5.0);
     glClear (GL_COLOR_BUFFER_BIT);
      glMatrixMode (GL_MODELVIEW);
}

void drawDiamond(void) //绘制中心在原点的菱形
{

	glBegin (GL_POLYGON); //顶点指定需要按逆时针方向
        glVertex2f(0.0f,-1.0f);//下点
        glVertex2f(2.0f,0.0f);//右点
        glVertex2f(0.0f, 1.0f);//上点
        glVertex2f(-2.0f,0.0f);//左点
	glEnd ( );
}
void display(){
    glClear (GL_COLOR_BUFFER_BIT); //清空

	glLoadIdentity();        //将当前矩阵设为单位矩阵
    glRotatef(90.0,0.0,0.0,1.0); //顺时针旋转90角度
    glTranslatef(2.0,0.0,0.0);
    glColor3f(1.0f,0.0f,0.0f);//红色
    drawDiamond();

    glLoadIdentity();        //将当前矩阵设为单位矩阵
    glRotatef(30.0,0.0,0.0,1.0);
    glTranslatef(-2.0,0.0,0.0);
    glColor3f(0.0f,1.0f,0.0f);//绿色
    drawDiamond();

    glLoadIdentity();        //将当前矩阵设为单位矩阵
    glRotatef(-30.0,0.0,0.0,1.0);
    glTranslatef(2.0,0.0,0.0);
    glColor3f(0.0f,0.0f,1.0f);//蓝色
    drawDiamond();


    glFlush();
}

int main (int argc, char** argv)
{
    glutInit (&argc, argv);
    glutInitDisplayMode (GLUT_SINGLE | GLUT_RGB);
    glutInitWindowPosition (50, 100);
    glutInitWindowSize (600, 600);
    glutCreateWindow ("几何变换函数综合示例");

    init ( );
    glutDisplayFunc(display);
    glutMainLoop ( );
    return 0;
}

做完这玩意，我兴冲冲地找老师看，好一鼓作气做完下一个实验。

额外的交互功能

老师看完之后，说：“嗯，很好，你再试试能不能加一些交互功能，让他旋转起来。”

过了一会儿，我做完再次叫老师过来，老师说：“你再试试加上交互的缩放和移动功能，就是把实验4的交互和实验5的几何变换结合下”

又过了一会儿，这次我是真的后悔又叫老师过来看，老师对我说：“嗯，很好，你已经掌握了对图形整体的操作，那现在你试着对每个组成图元进行操作看看”

~~我&%…*%#￥…#￥+%￥#@~~，老师回头补了句“你可以写到报告里算加分项”

至此我们整理下本次实验的要求，然后本着对图形学的热爱，完成它。~~才不是因为加分~~

功能实现要求：

绘制组合图形
对组合图形整体进行交互的平移、旋转、缩放操作
对单个图形进行交互的平移、旋转、缩放操作

实现思路

绘制很简单，在最初的版本中已经完成。现在对交互的平移、旋转、缩放操作进行分析。

交互功能：
初步考虑设置变量theta表示旋转角度，ud表示上下平移量，lr表示左右平移量，s表示缩放比例。
然后是交互分为整体交互和单个交互，该组合图形由三个图元组成，所以我将上述变量改为数组，分别保存操作整体的值和操作单个的值。然后设一个ctr变量来控制交互影响的是整体还是某个图元。
旋转功能：
这个很好实现，我们是通过图形变换得到组合图形的，那么在旋转时，除了初始画图的角度外，对每个图形都加上整体的旋转角度和单个旋转角度就可以了
平移功能：
这个其实也挺简单，但是要考虑二维变换的顺序，如果在单个图形初始变换过程中或者变换后插入后，由于经过变换后的图形矩阵变得很奇怪，按照正常的平移变换是无法得到我们想要的效果的。
所以，这里我们在初始变换前，进行交互平移（包括整体的平移量和单个的平移量）即可
缩放功能：
这个功能实现的关键也是在于变换顺序，和平移功能思路一样，这里要注意的是按不同顺序进行缩放，其效果也会不同

最终版本

功能描述：

按 A、D 进行旋转

按方向键进行移动

滚动滑轮进行缩放

数字键进行操作图元的切换，0（整体）、1（红色）、2（绿色）、3（蓝色），以下为操作红色的演示动画，

操作红色

完整C++代码：

#include <GL/glut.h>
#include <math.h>
#include<windows.h>
#include<stdio.h>
#define PI 3.14
#define DEG_TO_RAD 0.017453  //角度转为弧度的参数，即 2*PI/360
float theta[4];
float ud[4],lr[4];
float s[4]={1.0,1.0,1.0,1.0};
int ctr=0;//0整体，1红色，2绿色，3蓝色
void init (void)
{
    glClearColor (1.0, 1.0, 1.0, 0.0);
    glMatrixMode (GL_PROJECTION);
    gluOrtho2D (-5.0, 5.0, -5.0, 5.0);
    glClear (GL_COLOR_BUFFER_BIT);
    glMatrixMode (GL_MODELVIEW);
}

void drawDiamond(void) //绘制中心在原点的菱形
{

	glBegin (GL_POLYGON); //顶点指定需要按逆时针方向
        glVertex2f(0.0f,-1.0f);//下点
        glVertex2f(2.0f,0.0f);//右点
        glVertex2f(0.0f, 1.0f);//上点
        glVertex2f(-2.0f,0.0f);//左点
	glEnd ( );
}
void display(){
    glClear (GL_COLOR_BUFFER_BIT); //清空
	glLoadIdentity();        //将当前矩阵设为单位矩阵
	glScalef(s[0],s[0],s[0]);
	glScalef(s[1],s[1],s[1]);
    glTranslatef(lr[0],ud[0],0.0);
    glTranslatef(lr[1],ud[1],0.0);
    glRotatef(90.0+theta[0]+theta[1],0.0,0.0,1.0); //顺时针旋转90角度
    glTranslatef(2.0,0.0,0.0);
    glColor3f(1.0f,0.0f,0.0f);//红色
    drawDiamond();

    glLoadIdentity();        //将当前矩阵设为单位矩阵
    glScalef(s[0],s[0],s[0]);
    glScalef(s[2],s[2],s[2]);
    glTranslatef(lr[0],ud[0],0.0);
    glTranslatef(lr[2],ud[2],0.0);
    glRotatef(30.0+theta[0]+theta[2],0.0,0.0,1.0);
    glTranslatef(-2.0,0.0,0.0);
    glColor3f(0.0f,1.0f,0.0f);//绿色
    drawDiamond();

    glLoadIdentity();        //将当前矩阵设为单位矩阵
    glScalef(s[0],s[0],s[0]);
    glScalef(s[3],s[3],s[3]);
    glTranslatef(lr[0],ud[0],0.0);
    glTranslatef(lr[3],ud[3],0.0);
    glRotatef(-30.0+theta[0]+theta[3],0.0,0.0,1.0);
    glTranslatef(2.0,0.0,0.0);
    glColor3f(0.0f,0.0f,1.0f);//蓝色
    drawDiamond();
    
    glFlush();
}

void myKeyboard(unsigned char key,  int x, int y)//ad控制旋转
{
	if(key>='0'&& key<='3') ctr=key-'0';
	if(key == 'a' || key == 'A')
		theta[ctr] += 5.0;
	if(key == 'd' || key == 'D')
		theta[ctr] -= 5.0;
    if(key == 'c' || key == 'C')
		exit(0);
	if (theta[ctr]>360) theta[ctr] -=360;
	if (theta[ctr]<0) theta[ctr] +=360;
	glutPostRedisplay(); //重新调用绘制函数
}
void mySpecialKeyboard(int key,  int x, int y)//方向控制移动
{

    if(key == GLUT_KEY_UP)   ud[ctr]+=0.1;//上
    if(key == GLUT_KEY_DOWN)   ud[ctr]-=0.1;//下
    if(key == GLUT_KEY_LEFT)   lr[ctr]-=0.1;//左
    if(key == GLUT_KEY_RIGHT)   lr[ctr]+=0.1;//右
    glutPostRedisplay(); //重新调用绘制函数
}
void myMouse(int button, int state, int x, int y){//滑轮控制缩放
    if(button== 3 ){
        s[ctr] += 0.05;
    }
    if(button== 4 && s[ctr]>0.1){
        s[ctr]-=0.05;
    }
    glutPostRedisplay(); //重新调用绘制函数
}
int main (int argc, char** argv)
{
    glutInit (&argc, argv);
    glutInitDisplayMode (GLUT_SINGLE | GLUT_RGB);
    glutInitWindowPosition (50, 100);
    glutInitWindowSize (600, 600);
    glutCreateWindow ("几何变换函数综合示例");

    init ( );
    glutKeyboardFunc( myKeyboard);
    glutSpecialFunc(mySpecialKeyboard);
    glutMouseFunc(myMouse);
    glutDisplayFunc(display);
    glutMainLoop ( );
    return 0;
}

寒商

关注

39
点赞
踩
107

收藏

觉得还不错? 一键收藏
打赏
7
评论
计算机图形学实验五：OpenGL下的几何变换

本来是一个简单的二维变换的题目，老师说做完让他看，于是逐渐加了诸多要求题目描述绘制如下图形：提示：（1）写一个绘制菱形的函数drawDiamond(void)；void drawDiamond(void) //绘制中心在原点的菱形{ glBegin (GL_POLYGON); //顶点指定需要按逆时针方向 glVertex2f (0.0f,-1.0f);//下点 glVertex2f (2.0f,0.0f);//右点 glVertex2f (0.0f, 1.0f).
复制链接

扫一扫