第1关:正方形的平移与缩放
一.任务描述
根据提示,在右侧修改代码,并自己绘制出图形。平台会对你编写的代码进行测试。
1.本关任务
理解并掌握OpenGL二维平移、旋转、缩放变换的方法;
阅读实验原理,掌握OpenGL程序平移、旋转、缩放变换的方法。
2.预期输出
3.具体要求
(1).背景色为黑色,用 glClearColor() 来完成;
(2).以中心为绘制原点,设计一个边长为2的正方形将正方形设置为红色glColor3f(1.0, 0.0, 0.0);
(3).将原正方形保留下来并以正方形为基础,然后进行二维几何变换。将正方形向上平移2.0,同时将正方形沿X方向放大3倍,沿Y方向缩小成原来的0.5倍。新生成的矩形颜色为白色glColor3f (1.0, 1.0, 1.0)。
4.本关提示
(1).用glRectf()函数来绘制正方形;
(2).每进行一个矩阵操作时,需要先保存这个矩阵,调用glPushMatrix()函数,把当前矩阵压入堆栈。当需要恢复最近一次的保存时,调用glPopMatrix()函数,它相当于从堆栈栈顶弹出一个矩阵为当前矩阵(后边的三关都会用到)。
// 提示:写完代码请保存之后再进行评测
#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)
{
glClearColor(0.0, 0.0, 0.0, 0.0); //设置背景颜色
glMatrixMode(GL_PROJECTION);
gluOrtho2D(-5.0, 5.0, -5.0, 5.0); //设置显示的范围是X:-5.0~5.0, Y:-5.0~5.0
glMatrixMode(GL_MODELVIEW);
}
void drawDiamond(void) //绘制一个菱形
{
// 请在此添加你的代码
/********** Begin ********/
glBegin(GL_POLYGON);//nb,这哥们就是想像画在中心的菱形。
glVertex2f(-1.0f,0.0f);
glVertex2f(0.0f,-2.0f);
glVertex2f(1.0f,0.0f);
glVertex2f(0.0f,2.0f);
glEnd();
/********** End **********/
}
void myDraw(void) //二维几何变换
{
// 请在此添加你的代码
/********** Begin ********/
glClearColor(0.0, 0.0, 0.0, 0.0);
//红色的
glPushMatrix();
glLoadIdentity();
glTranslatef(0.0f,2.0f,0.0f);
glColor3f (1.0, 0.0, 0.0);
drawDiamond();
//蓝色的
glPushMatrix();
glLoadIdentity();
glRotatef(120.0f, 0.0, 0.0, 1.0);//图形的变换都是按照
glTranslatef(0.0f,2.0f,0.0f);
glColor3f (0.0, 1.0, 0.0);
drawDiamond();
//绿色的
glPushMatrix();
glLoadIdentity();
glRotatef(-120.0f, 0.0, 0.0, 1.0);
glTranslatef(0.0f,2.0f,0.0f);
glColor3f (0.0, 0.0, 1.0);
drawDiamond();
/********** End **********/
glFlush();
}
int main(int argc, char *argv[])
{
glutInit(&argc, argv);
glutInitWindowPosition(100, 100);
glutInitWindowSize(400, 400);
glutCreateWindow("几何变换示例");
init();
glutDisplayFunc(&myDraw);
glutMainLoopEvent();
/*************以下为评测代码,与本次实验内容无关,请勿修改**************/
GLubyte* pPixelData = (GLubyte*)malloc(400 * 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_step4/test.jpg", img);
return 0;
}
第2关:正方形的平移和旋转
一.任务描述
根据提示,在右侧修改代码,并自己绘制出图形。平台会对你编写的代码进行测试。
1.本关任务
理解并掌握OpenGL二维平移、旋转、缩放变换的方法;
阅读实验原理,掌握OpenGL程序平移、旋转、缩放变换的方法。
2.预期输出
3.具体要求
(1).背景色为黑色,用 glclearcolor 来完成;
(2).以中心为绘制原点,设计一个边长为2的正方形将正方形设置为红色glColor3f(1.0, 0.0, 0.0);
(3).将原正方形保留下来并以正方形为基础,然后进行二维几何变换。将正方形向左平移3.0,同时将正方形沿Z轴逆时针旋转45度,生成新的图形颜色为glColor3f (0.0, 1.0, 0.0);
(4).再进行二维几何变换,将原正方形向右平移3.0,同时将正方形沿Z轴逆时针旋转45度,生成新的图形颜色为glColor3f (0.0, 0.7, 0.0);
// 提示:写完代码请保存之后再进行评测
#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)
{
glClearColor(0.0, 0.0, 0.0, 0.0); //设置背景颜色
glMatrixMode(GL_PROJECTION);
gluOrtho2D(-5.0, 5.0, -5.0, 5.0); //设置显示的范围是X:-5.0~5.0, Y:-5.0~5.0
glMatrixMode(GL_MODELVIEW);
}
void myDraw(void) //二维几何变换
{
// 请在此添加你的代码
/********** Begin ********/
glPushMatrix();
glClearColor(0.0, 0.0, 0.0, 0.0); //
glColor3f(1.0,0.0,0.0);
glRectf(-1,-1,1,1);
glPushMatrix();
glLoadIdentity();
glTranslatef(-3.0f,0.0f,0.0f);
glRotatef(45.0f, 0.0, 0.0, 1.0);//这和老师讲的不一样。
glColor3f (0.0, 1.0, 0.0);
glRectf(-1,-1,1,1);
//后面三个参数为给定轴的
glPopMatrix();
glPushMatrix();
glLoadIdentity();
glTranslatef(3.0f,0.0f,0.0f);
glRotatef(45.0f, 0.0, 0.0, 1.0);
glColor3f(0.0,0.7,0.0);
glRectf(-1,-1,1,1);
/********** End **********/
glFlush();
}
int main(int argc, char *argv[])
{
glutInit(&argc, argv);
glutInitWindowPosition(100, 100);
glutInitWindowSize(400, 400);
glutCreateWindow("几何变换示例");
init();
glutDisplayFunc(&myDraw);
glutMainLoopEvent();
/*************以下为评测代码,与本次实验内容无关,请勿修改**************/
GLubyte* pPixelData = (GLubyte*)malloc(400 * 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关:正方形的变换组合
一.任务描述
根据提示,在右侧修改代码,并自己绘制出图形。平台会对你编写的代码进行测试。
1.本关任务
理解并掌握OpenGL二维平移、旋转、缩放变换的方法;
阅读实验原理,掌握OpenGL程序平移、旋转、缩放变换的方法。
2.预期输出
3.具体要求
(1).背景色为黑色,用 glClearColor() 来完成;
(2).以中心为绘制原点,设计一个边长为2的正方形将正方形设置为红色glColor3f(1.0, 0.0, 0.0);
(3).完成前两关的内容;
(4).将原正方形进行二维几何变换。将正方形向下平移3.0,同时将正方形沿X方向放大4倍,沿Y方向扩大成原来的1.5倍。新生成的矩形颜色为蓝色glColor3f (0.0, 0.0, 1.0)。
// 提示:写完代码请保存之后再进行评测
#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)
{
glClearColor(0.0, 0.0, 0.0, 0.0); //设置背景颜色
glMatrixMode(GL_PROJECTION);
gluOrtho2D(-5.0, 5.0, -5.0, 5.0); //设置显示的范围是X:-5.0~5.0, Y:-5.0~5.0
glMatrixMode(GL_MODELVIEW);
}
void myDraw(void) //二维几何变换
{
// 请在此添加你的代码
/********** Begin ********/
glClearColor(0.0, 0.0, 0.0, 0.0);
glColor3f(1.0, 0.0, 0.0);
glRectf(-1.0,-1.0,1.0,1.0);
glTranslatef(0.0f,2.0f,0.0f);
glScalef(3.0f,-0.5f,0.0f);
glColor3f (1.0, 1.0, 1.0);
glRectf(-1.0,-1.0,1.0,1.0);
glPopMatrix();
glPushMatrix();
glLoadIdentity();
glTranslatef(-3.0f,0.0f,0.0f);
glRotatef(45.0f, 0.0, 0.0, 1.0);//这和老师讲的不一样。
glColor3f (0.0, 1.0, 0.0);
glRectf(-1,-1,1,1);
//后面三个参数为给定轴的
glPopMatrix();
glPushMatrix();
glLoadIdentity();
glTranslatef(3.0f,0.0f,0.0f);
glRotatef(45.0f, 0.0, 0.0, 1.0);
glColor3f(0.0,0.7,0.0);
glRectf(-1,-1,1,1);
glPopMatrix();
glPushMatrix();
glLoadIdentity();
glTranslatef(0.0f,-3.0f,0.0f);
glScalef(4.0f,1.5f,0.0f);
glColor3f(0.0,0.0,1.0);
glRectf(-1,-1,1,1);
glPopMatrix();
/********** End **********/
glFlush();
}
int main(int argc, char *argv[])
{
glutInit(&argc, argv);
glutInitWindowPosition(100, 100);
glutInitWindowSize(400, 400);
glutCreateWindow("几何变换示例");
init();
glutDisplayFunc(&myDraw);
glutMainLoopEvent();
/*************以下为评测代码,与本次实验内容无关,请勿修改**************/
GLubyte* pPixelData = (GLubyte*)malloc(400 * 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_step3/test.jpg", img);
return 0;
}
第4关:三菱形状
一.任务描述
根据提示,在右侧修改代码,并自己绘制出图形。平台会对你编写的代码进行测试。
1.本关任务
理解并掌握OpenGL二维平移、旋转、缩放变换的方法;
阅读实验原理,掌握OpenGL程序平移、旋转、缩放变换的方法;
利用虚拟机进行编程,以OpenGL为开发平台设计程序,设计二维几何变换图形。
2.预期输出
设计如图所示二维图形
3.具体要求
(1).背景色为黑色,用 glClearColor() 来完成;
(2).三个菱形图形通过二维平移和旋转完成。颜色分别为红色(1.0, 0.0, 0.0)、蓝色(0.0, 0.0, 1.0)和绿色(0.0, 1.0, 0.0);
(3).三个菱形的长对角线长度为4.0,短对角线长度为2.0,三个菱形的交点为原点(0.0,0.0);
(4).红色菱形的长对角线与Y轴重合,每个菱形的长对角线夹角为120度。
// 提示:写完代码请保存之后再进行评测
#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)
{
glClearColor(0.0, 0.0, 0.0, 0.0); //设置背景颜色
glMatrixMode(GL_PROJECTION);
gluOrtho2D(-5.0, 5.0, -5.0, 5.0); //设置显示的范围是X:-5.0~5.0, Y:-5.0~5.0
glMatrixMode(GL_MODELVIEW);
}
void drawDiamond(void) //绘制一个菱形
{
// 请在此添加你的代码
/********** Begin ********/
glBegin(GL_POLYGON);//nb,这哥们就是想像画在中心的菱形。
glVertex2f(-1.0f,0.0f);
glVertex2f(0.0f,-2.0f);
glVertex2f(1.0f,0.0f);
glVertex2f(0.0f,2.0f);
glEnd();
/********** End **********/
}
void myDraw(void) //二维几何变换
{
// 请在此添加你的代码
/********** Begin ********/
glClearColor(0.0, 0.0, 0.0, 0.0);
//红色的
glPushMatrix();
glLoadIdentity();
glTranslatef(0.0f,2.0f,0.0f);
glColor3f (1.0, 0.0, 0.0);
drawDiamond();
//蓝色的
glPushMatrix();
glLoadIdentity();
glRotatef(120.0f, 0.0, 0.0, 1.0);//图形的变换都是按照
glTranslatef(0.0f,2.0f,0.0f);
glColor3f (0.0, 1.0, 0.0);
drawDiamond();
//绿色的
glPushMatrix();
glLoadIdentity();
glRotatef(-120.0f, 0.0, 0.0, 1.0);
glTranslatef(0.0f,2.0f,0.0f);
glColor3f (0.0, 0.0, 1.0);
drawDiamond();
/********** End **********/
glFlush();
}
int main(int argc, char *argv[])
{
glutInit(&argc, argv);
glutInitWindowPosition(100, 100);
glutInitWindowSize(400, 400);
glutCreateWindow("几何变换示例");
init();
glutDisplayFunc(&myDraw);
glutMainLoopEvent();
/*************以下为评测代码,与本次实验内容无关,请勿修改**************/
GLubyte* pPixelData = (GLubyte*)malloc(400 * 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_step4/test.jpg", img);
return 0;
}