模型、观察及视口变换v1.0——计算机图形学

最新推荐文章于 2023-12-18 11:06:10 发布
最新推荐文章于 2023-12-18 11:06:10 发布
阅读量1.9k 收藏 19
点赞数 3
分类专栏： 头歌计算机视觉代码 文章标签： 计算机视觉 c++ c语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52766015/article/details/127129220
版权
该系列实验旨在学习和掌握OpenGL中三维图形的几何变换、观察变换和视口变换。第一关涉及立方体模型变换，通过`gluLookAt`设置观察坐标；第二关改变观察变换，调整观察位置和视角；第三关则关注视口变换，调整窗口大小并应用`gluPerspective`。实验使用OpenGL库结合FreeGLUT进行图形绘制，并利用OpenCV读取和显示渲染结果。
摘要由CSDN通过智能技术生成

第1关：立方体模型变换

1.本关任务

学习了解三维图形几何变换原理。

理解掌握OpenGL三维图形几何变换的方法。

理解掌握OpenGL程序的模型视图变换。

掌握OpenGL三维图形显示与观察的原理与实现

 

// 提示：在合适的地方修改或添加代码
#include <GL/freeglut.h>
#include<stdio.h>

// 评测代码所用头文件-开始
#include<opencv2/core/core.hpp>
#include<opencv2/highgui/highgui.hpp>
#include<opencv2/imgproc/imgproc.hpp>
// 评测代码所用头文件-结束

GLint winWidth = 400, winHeight =400 ; 	      //设置初始化窗口大小

/*观察坐标系参数设置*/
GLfloat x0 = 0.0, yy = 0.0, z0 = 5.0;	   //设置观察坐标系原点 
GLfloat xref = 0.0, yref = 0.0, zref = 0.0;	//设置观察坐标系参考点（视点） 
GLfloat Vx = 0.0, Vy = 1.0, Vz = 0.0;	   //设置观察坐标系向上向量（y轴） 

/*观察体参数设置 */
GLfloat xwMin = -1.0, ywMin = -1.0, xwMax = 1.0, ywMax = 1.0;//设置裁剪窗口坐标范围
GLfloat dnear = 1.5, dfar = 20.0;	      //设置远、近裁剪面深度范围

void init(void)
{
    glClearColor(0.0, 0.0, 0.0, 0.0);
}
void display(void)
{
    glClear(GL_COLOR_BUFFER_BIT);

    glLoadIdentity();
    /*观察变换*/
    gluLookAt(x0, yy, z0, xref, yref, zref, Vx, Vy, Vz);        //指定三维观察参数

    // 请在此添加你的代码
    /********** Begin ********/
  //

    glColor3f(1.0, 0.0, 0.0);
    glPushMatrix();
    
    glutWireCube(1.0);
     glPopMatrix();
//

    glColor3f(0.0, 1.0, 0.0);
    glLineWidth(2.0);
     glPushMatrix();
    glTranslatef(2.0f,0.0f,0.0f);
    glutWireCube(1.0);
     glPopMatrix();
//
   glColor3f(0.0, 0.0, 1.0);
     glPushMatrix();
    glTranslatef(-2.0f,0.0f,0.0f);
    glutSolidCube(1.0);
     glPopMatrix();


    /********** End **********/
    glFlush();
}

void reshape(GLint newWidth, GLint newHeight)
{
    /*视口变换*/
    glViewport(0, 0, newWidth, newHeight);	//定义视口大小

    /*投影变换*/
    glMatrixMode(GL_PROJECTION);

    glLoadIdentity();

    /*透视投影，设置透视观察体*/
	glFrustum(xwMin, xwMax, ywMin, ywMax, dnear, dfar);

    /*模型变换*/
    glMatrixMode(GL_MODELVIEW);
    
    winWidth = newWidth;
    winHeight = newHeight;
}
int main(int argc, char* argv[])
{

    glutInit(&argc, argv);
    glutInitWindowPosition(100, 100);
    glutInitWindowSize( 400 , 400 );        //设置初始化窗口大小
    glutCreateWindow("三维观察");
    init();
    glutDisplayFunc(display);
    glutReshapeFunc(reshape);
    glutMainLoopEvent();





    /*************以下为评测代码，与本次实验内容无关，请勿修改**************/
    GLubyte* pPixelData = (GLubyte*)malloc(800 * 400 * 3);//分配内存
    GLint viewport[4] = { 0 };
    glReadBuffer(GL_FRONT);
    glPixelStorei(GL_UNPACK_ALIGNMENT, 4);
    glGetIntegerv(GL_VIEWPORT, viewport);
    glReadPixels(viewport[0], viewport[1], viewport[2], viewport[3], GL_RGB, GL_UNSIGNED_BYTE, pPixelData);
    cv::Mat img;
    std::vector<cv::Mat> imgPlanes;
    img.create(400, 400, CV_8UC3);
    cv::split(img, imgPlanes);

    for (int i = 0; i < 400; i++) {
        unsigned char* plane0Ptr = imgPlanes[0].ptr<unsigned char>(i);
        unsigned char* plane1Ptr = imgPlanes[1].ptr<unsigned char>(i);
        unsigned char* plane2Ptr = imgPlanes[2].ptr<unsigned char>(i);
        for (int j = 0; j < 400; j++) {
            int k = 3 * (i * 400 + j);
            plane2Ptr[j] = pPixelData[k];
            plane1Ptr[j] = pPixelData[k + 1];
            plane0Ptr[j] = pPixelData[k + 2];
        }
    }
    cv::merge(imgPlanes, img);
    cv::flip(img, img, 0);
    cv::namedWindow("openglGrab");
    cv::imshow("openglGrab", img);
    //cv::waitKey();
    cv::imwrite("../img_step1/test.jpg", img);
    return 0;
}

第2关：立方体观察变换

1.本关任务

学习了解三维图形几何变换原理。

理解掌握OpenGL三维图形几何变换的方法

 理解掌握OpenGL程序的模型视图变换。

掌握OpenGL三维图形显示与观察的原理与实现

 

// 提示：在合适的地方修改或添加代码
#include <GL/freeglut.h>
#include<stdio.h>

// 评测代码所用头文件-开始
#include<opencv2/core/core.hpp>
#include<opencv2/highgui/highgui.hpp>
#include<opencv2/imgproc/imgproc.hpp>
// 评测代码所用头文件-结束

GLint winWidth = 400, winHeight =400 ; 	      //设置初始化窗口大小

/*观察坐标系参数设置*/
GLfloat x0 = 0.0, yy = 0.0, z0 = 5.0;	   //设置观察坐标系原点 
GLfloat xref = 0.0, yref = 0.0, zref = 0.0;	//设置观察坐标系参考点（视点） 
GLfloat Vx = 0.0, Vy = 1.0, Vz = 0.0;	   //设置观察坐标系向上向量（y轴） 

/*观察体参数设置 */
GLfloat xwMin = -1.0, ywMin = -1.0, xwMax = 1.0, ywMax = 1.0;//设置裁剪窗口坐标范围
GLfloat dnear = 1.5, dfar = 20.0;	      //设置远、近裁剪面深度范围

void init(void)
{
    glClearColor(0.0, 0.0, 0.0, 0.0);
}
void display(void)
{
    glClear(GL_COLOR_BUFFER_BIT);

    glLoadIdentity();
    /*观察变换*/
    gluLookAt(1.0,1.5, 8.0, 0, 0, 0, 0, 1, 0);        //指定三维观察参数

    // 请在此添加你的代码
    /********** Begin ********/
    glColor3f(1.0, 0.0, 0.0);
    glPushMatrix();
    
    glutWireCube(1.0);
     glPopMatrix();
//

    glColor3f(0.0, 1.0, 0.0);
    glLineWidth(2.0);
     glPushMatrix();
    glTranslatef(2.0f,0.0f,0.0f);
    glutWireCube(1.0);
     glPopMatrix();
//
   glColor3f(0.0, 0.0, 1.0);
     glPushMatrix();
    glTranslatef(-2.0f,0.0f,0.0f);
    glutSolidCube(1.0);
     glPopMatrix();

    /********** End **********/
    glFlush();
}

void reshape(GLint newWidth, GLint newHeight)
{
    /*视口变换*/
    glViewport(0, 0, newWidth, newHeight);	//定义视口大小

    /*投影变换*/
    glMatrixMode(GL_PROJECTION);

    glLoadIdentity();

    /*透视投影，设置透视观察体*/
	 gluPerspective(45 ,1 ,1 ,100 );

    /*模型变换*/
    glMatrixMode(GL_MODELVIEW);
    
    winWidth = newWidth;
    winHeight = newHeight;
}
int main(int argc, char* argv[])
{

    glutInit(&argc, argv);
    glutInitWindowPosition(100, 100);
    glutInitWindowSize( 400 , 400 );        //设置初始化窗口大小
    glutCreateWindow("三维观察");
    init();
    glutDisplayFunc(display);
    glutReshapeFunc(reshape);
    glutMainLoopEvent();





    /*************以下为评测代码，与本次实验内容无关，请勿修改**************/
    GLubyte* pPixelData = (GLubyte*)malloc(800 * 400 * 3);//分配内存
    GLint viewport[4] = { 0 };   
    glReadBuffer(GL_FRONT);
    glPixelStorei(GL_UNPACK_ALIGNMENT, 4);
    glGetIntegerv(GL_VIEWPORT, viewport);
    glReadPixels(viewport[0], viewport[1], viewport[2], viewport[3], GL_RGB, GL_UNSIGNED_BYTE, pPixelData);
    cv::Mat img;
    std::vector<cv::Mat> imgPlanes;
    img.create(400, 400, CV_8UC3);
    cv::split(img, imgPlanes);

    for (int i = 0; i < 400; i++) {
        unsigned char* plane0Ptr = imgPlanes[0].ptr<unsigned char>(i);
        unsigned char* plane1Ptr = imgPlanes[1].ptr<unsigned char>(i);
        unsigned char* plane2Ptr = imgPlanes[2].ptr<unsigned char>(i);
        for (int j = 0; j < 400; j++) {
            int k = 3 * (i * 400 + j);
            plane2Ptr[j] = pPixelData[k];
            plane1Ptr[j] = pPixelData[k + 1];
            plane0Ptr[j] = pPixelData[k + 2];
        }
    }
    cv::merge(imgPlanes, img);
    cv::flip(img, img, 0);
    cv::namedWindow("openglGrab");
    cv::imshow("openglGrab", img);
    //cv::waitKey();
    cv::imwrite("../img_step2/test.jpg", img);
    return 0;
}

第3关：立方体视口变换

 

// 提示：在合适的地方修改或添加代码
#include <GL/freeglut.h>
#include<stdio.h>

// 评测代码所用头文件-开始
#include<opencv2/core/core.hpp>
#include<opencv2/highgui/highgui.hpp>
#include<opencv2/imgproc/imgproc.hpp>
// 评测代码所用头文件-结束

GLint winWidth =800 , winHeight =400 ; 	      //设置初始化窗口大小

/*观察坐标系参数设置*/
GLfloat x0 = 0.0, yy = 0.0, z0 = 5.0;	   //设置观察坐标系原点 
GLfloat xref = 0.0, yref = 0.0, zref = 0.0;	//设置观察坐标系参考点（视点） 
GLfloat Vx = 0.0, Vy = 1.0, Vz = 0.0;	   //设置观察坐标系向上向量（y轴） 

/*观察体参数设置 */
GLfloat xwMin = -1.0, ywMin = -1.0, xwMax = 1.0, ywMax = 1.0;//设置裁剪窗口坐标范围
GLfloat dnear = 1.5, dfar = 20.0;	      //设置远、近裁剪面深度范围

void init(void)
{
    glClearColor(0.0, 0.0, 0.0, 0.0);
}
void display(void)
{
    glClear(GL_COLOR_BUFFER_BIT);

    glLoadIdentity();
    /*观察变换*/
    gluLookAt(x0, yy, z0, xref, yref, zref, Vx, Vy, Vz);        //指定三维观察参数

    // 请在此添加你的代码
    /********** Begin ********/
    glColor3f(1.0, 0.0, 0.0);
    glPushMatrix();
    
    glutWireCube(1.0);
     glPopMatrix();
//

    glColor3f(0.0, 1.0, 0.0);
    glLineWidth(2.0);
     glPushMatrix();
    glTranslatef(2.0f,0.0f,0.0f);
    glutWireCube(1.0);
     glPopMatrix();
//
   glColor3f(0.0, 0.0, 1.0);
     glPushMatrix();
    glTranslatef(-2.0f,0.0f,0.0f);
    glutSolidCube(1.0);
     glPopMatrix();





    /********** End **********/
    glFlush();
}

void reshape(GLint newWidth, GLint newHeight)
{
    /*视口变换*/
    glViewport(0, 0, newWidth, newHeight);	//定义视口大小

    /*投影变换*/
    glMatrixMode(GL_PROJECTION);

    glLoadIdentity();

    /*透视投影，设置透视观察体*/
    gluPerspective( 45,2 ,1 ,100 );

    /*模型变换*/
    glMatrixMode(GL_MODELVIEW);
    
    winWidth = newWidth;
    winHeight = newHeight;
}
int main(int argc, char* argv[])
{

    glutInit(&argc, argv);
    glutInitWindowPosition(100, 100);
    glutInitWindowSize( 800 ,400  );        //设置初始化窗口大小
    glutCreateWindow("三维观察");
    init();
    glutDisplayFunc(display);
    glutReshapeFunc(reshape);
    glutMainLoopEvent();





    /*************以下为评测代码，与本次实验内容无关，请勿修改**************/
    GLubyte* pPixelData = (GLubyte*)malloc(800 * 400 * 3);//分配内存
    GLint viewport[4] = { 0 }; 
    glReadBuffer(GL_FRONT);
    glPixelStorei(GL_UNPACK_ALIGNMENT, 4);
    glGetIntegerv(GL_VIEWPORT, viewport);
    glReadPixels(viewport[0], viewport[1], viewport[2], viewport[3], GL_RGB, GL_UNSIGNED_BYTE, pPixelData);
    cv::Mat img;
    std::vector<cv::Mat> imgPlanes;
    img.create(400, 800, CV_8UC3);
    cv::split(img, imgPlanes);

    for (int i = 0; i < 400; i++) {
        unsigned char* plane0Ptr = imgPlanes[0].ptr<unsigned char>(i);
        unsigned char* plane1Ptr = imgPlanes[1].ptr<unsigned char>(i);
        unsigned char* plane2Ptr = imgPlanes[2].ptr<unsigned char>(i);
        for (int j = 0; j < 800; j++) {
            int k = 3 * (i * 800 + j);
            plane2Ptr[j] = pPixelData[k];
            plane1Ptr[j] = pPixelData[k + 1];
            plane0Ptr[j] = pPixelData[k + 2];
        }
    }
    cv::merge(imgPlanes, img);
    cv::flip(img, img, 0);
    cv::namedWindow("openglGrab");
    cv::imshow("openglGrab", img);
    //cv::waitKey();
    cv::imwrite("../img_step5/test.jpg", img);
    return 0;
}

正在变秃的程序猿
关注
专栏目录
OpenGL模型视图变换，投影变换及视口变换
SandonWang的专栏
11-19 5827
 用照相机比喻从绘制三维物体到二维屏幕显示的变换过程：1 视图（视点）变换：把相机放在三角架上，并对准场景；2 模型变换：对场景进行安排，使物体在照片中位于你所希望的位置；3 投影变换：选择相机的镜头，调整放大倍数；4 视口变换：确定照片的大小。在代码中，视图变换必须放在模型变换之前，但可以在绘图之前的任何时候执行投影变换和视口变换。视图变换函数gluLookAt(
计算机图形学（4.1）——OpenGL模型视图变换
you_hao_zi的博客
04-28 1960
实验原理我们生活在一个三维的世界——如果要观察一个物体，我们可以：1、从不同的位置去观察它（人运动，选定某个位置去看）。（视图变换）2、移动或者旋转它，当然了，如果它只是计算机里面的物体，我们还可以放大或缩小它（物体运动，让人看它的不同部分）。（模型变换）3、如果把物体画下来，我们可以选择：是否需要一种“近大远小”的透视效果。另外，我们可能只希望看到物体的一部分，而不是全部（指定看的范围）。（投影...
计算机图形学——实验三
weixin_44049693的博客
12-09 1853
题1 // 提示：在合适的地方修改或添加代码 #include <GL/freeglut.h> #include<stdio.h> // 评测代码所用头文件-开始 #include<opencv2/core/core.hpp> #include<opencv2/highgui/highgui.hpp> #include<opencv2/imgproc/imgproc.hpp> // 评测代码所用头文件-结束 GLint winWidth = 4
模型、观察及视口变换v2.0——计算机图形学实验
weixin_52766015的博客
09-30 2210
模型、观察及视口变换v2.0
视图、模型、投影、视口变换
time-flies
10-19 982
1、(1)视图变换：对象是照相机 glLookAt()函数指定视图变换，即设置视点 gluLookAt(GLdoble eyex,GLdouble eyey,GLdouble eyez,GLdouble centerx,GLdouble centery,GLdouble centerz,GLdouble upx,GLdouble upy,GLdouble upz); 它共接受三对坐标
计算机图形学三维造型 简单机器人构建
qq_46686742的博客
11-23 1471
// 提示：在合适的地方修改或添加代码 #include <GL/freeglut.h>#include<stdio.h>// 评测代码所用头文件-开始#include<opencv2/core/core.hpp>#include<opencv2/highgui/highgui.hpp>#include<opencv2/imgproc/imgproc.hpp>// 评测代码所用头文件-结束GLint winWidth = 500, winHeigh
《Computer Graphics with OpenGL》计算机图形学读书笔记 02——计算机图形学软件
SUNYJ0902的博客
01-05 1603
这里是《Computer Graphics with OpenGL》英文原版第四版的读书笔记，预计每一章写一篇读书笔记。 本篇为第二章，简要介绍计算机图形学的相关软件。 图形学相关软件可分为两类——专业类、综合类。其中，专业类为非编程人员准备，可提供如美术、CAD绘图等功能。综合类为编程人员使用，可以通过代码直接控制绘图过程。 坐标表示 将放置好的物体显示在屏幕上要经历一系列
计算机图形学笔记---GPU图形绘制管线
zys91011_muse的博客
07-16 1007
暑假到啦，大三博主选了可视化方向，就想着在暑假提前进行学习啦。而且哦，博主前几天偶然看到了一个研究生小姐姐写的关于shader的特别棒的博客教程，简直像个天使！博主觉得如果自己在学习过程中记录下的笔记也能帮助到其他人，给大家一个大致的框架与总结，那就再好不过了。所以，出于抛砖引玉的本意，博主觉得不能这样懒啦！要更博，努力记录下重点，同时也能激励下自己嘛φ(>ω<*) 好的，我们一起加油！ 呃作为
SCARA——OpenGL入门学习五六（三维变换、动画）
Peter-H
06-14 4327
OpenGL入门学习（五） 此课为三维变换的内容，比较枯燥。主要是因为很多函数在单独使用时都不好描述其效果， 在前面绘制几何图形的时候，大家是否觉得我们绘图的范围太狭隘了呢？坐标只能从-1到1，还只能是X轴向右，Y轴向上，Z轴垂直屏幕。这些限制给我们的绘图带来了很多不便。 我们生活在一个三维的世界——如果要观察一个物体，我们可以： 1、从不同的位置去观察它。（视图变换） 2、移动
地球绕太阳旋转
04-10
### 地球绕太阳旋转——计算机图形学中的三维动画实现 #### 一、知识点概述 本文将基于一个具体的计算机图形学实验案例，介绍如何利用C语言结合OpenGL库来实现地球绕太阳旋转的动画效果。本实验不仅涉及到了基础的...
计算机图形学综合实验
11-15
该资源为计算机图形学课程综合实验内容，是在visualstudio平台下用OpenGL编写的程序。该程序综合了坐标变换、键盘鼠标交互控制、视点移动、光源、纹理贴图等图形学基本要求，主要实现了以下功能：1、在三维空间内绘制立体图形（在本实验中为三只小猪），2、用键盘控制小猪沿头部方向前进和后退、左转和右转、上移和下移、放大和缩小、跳跃前进等功能，3、实现鼠标右键菜单，并通过右键菜单选项实现第一人称视角和第三人称视角的转换，4、在场景中设置光源，本实验中设置了一个点光源和一个聚光灯光源，其中点光源可见且其位置可由键盘控制移动，且可开关，5、在场景中和动物表面进行贴图，主要运用了平面贴图和球面贴图以及BMP图像文件的导入，6、实现在场景中用鼠标点击任意位置即可使动物移动到相应位置。该代码仅供学习交流，谢谢~
计算机图形学实验平台
01-08
该程序为计算机图形学实验平台，无源码，仅作为参考示例，可实现bresenham等算法操作。
OpenGl学习笔记3之模型变换、视图变换、投影变换、视口变换介绍
追尋ゝ
04-11 2380
模型变换、视图变换、投影变换、视口变换介绍 opengl中存在四种变换，分别是模型变换，视图变换，投影变换，视口变换。这四种变换是图形渲染的基本操作，实质上这四种变换都是由矩阵乘法表示（这些操作都是由一个4*4的矩阵来完成的），通过变换，我们可以看到各种通的显示效果，最简单的效果就是让图元沿着某个方向变换（放大，缩小，翻转等）或者对所要显示的图元进行裁剪。接下来我们就详细介绍这四种变换以及相互之
头歌-计算机图形学-点和直线的绘制
weixin_52766015的博客
09-12 9239
头歌-计算机图形学-CG1-v1.0-点和直线的绘制
计算机图形学头歌合集（题集附解）
最新发布
醉蕤的博客
12-18 5667
别找啦openGL,你们要的答案都在这 点赞
计算机图形学-二维变换
weixin_44049693的博客
12-02 1179
实验一 // 提示：写完代码请保存之后再进行评测 #include <GL/freeglut.h> #include<stdio.h> // 评测代码所用头文件-开始 #include<opencv2/core/core.hpp> #include<opencv2/highgui/highgui.hpp> #include<opencv2/imgproc/imgproc.hpp> // 评测代码所用头文件-结束 void init(void) {
计算机图形学头歌实训平台——点和直线的绘制
weixin_51329675的博客
01-05 2115
计算机图形学头歌实训平台——点和直线的绘制
计算机图形学头歌实训平台作业OpenGL初识&直线光栅化
qq_52497285的博客
04-03 3722
计算机图形学头歌
计算机图形学头歌实训平台作业OpenGL简单光照效果
qq_52497285的博客
06-01 2683
简单光照效果第1关 OpenGL球体漫反射第2关 OpenGL球体镜面反射第3关 OpenGL茶壶光照 第1关 OpenGL球体漫反射 // 提示：在合适的地方修改或添加代码 #include <GL/freeglut.h> #include<stdlib.h> // 评测代码所用头文件-开始 #include<opencv2/core/core.hpp> #include<opencv2/highgui/highgui.hpp> #include<op
二次贝塞尔曲线：从定义到应用——计算机图形学基础
【标题】"同时当t=1/2时"提及了二次贝塞尔曲线的特性，这种经典的数学模型在计算机图形学中扮演着关键角色，特别是在动画和曲线绘制中，它能够平滑地连接两个控制点（P0和P2）并经过它们之间的中点P1的延长线，形成...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

正在变秃的程序猿

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

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

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

打赏作者

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

抵扣说明：

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

余额充值