02160056簡瑜萱Week11

1)timer計時器
2)多個貼圖
3)作業:互動小遊戲
4)總結整體小觀念

TODO先載freeglut /new project GLUT專案/

第一個作業是讓茶壺等速旋轉


#include <GL/glut.h>
float angle=0;
void display()
{
    glEnable(GL_DEPTH_TEST);
    glClear(GL_COLOR_BUFFER_BIT |GL_DEPTH_BUFFER_BIT);
    glPushMatrix();
      glRotatef(angle,0,1,0);
      glutSolidTeapot(0.3);
    glPopMatrix();
    glFlush();
}
void timer(int t)
{
    glutTimerFunc(10,timer,0);
    angle+=1;
    glutPostRedisplay();
}
int main (int argc,char**argv)
{
    glutInit(&argc,argv);
    glutCreateWindow("3D");
    glutDisplayFunc(display);
    glutTimerFunc(10,timer,0);
    glutMainLoop();
}

第二個作業複習上周的地球貼圖旋轉

#include <GL/glut.h> ///我們要使用 GLUT 3D 外掛

#include <opencv/highgui.h> ///要使用 OpenCV的 高級High圖形介面GUI

#include <opencv/cv.h> ///為了 cvCvtColor()而加上 cv.h

#include <stdio.h>

float angle=0; ///為了自動轉的角度angle

GLUquadric * quad;

void display()

{

    glEnable(GL_DEPTH_TEST); ///有深度(depth)測試的功能, 才會有正確的景深/前後關係

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); ///清畫面

    glPushMatrix(); ///備份matrix

        glRotatef(-90, 1,0,0);  ///為了自動轉的角度angle

        glRotatef(angle, 0,0,1);

        gluQuadricTexture(quad,1);

        gluSphere(quad,0.5,30,30);

    glPopMatrix(); ///還原matrix

    glFlush(); ///把馬桶沖出去

    angle+=0.1;  ///為了自動轉的角度angle

}

void init()

{

    quad=gluNewQuadric();

    IplImage * img = cvLoadImage("image.jpg"); ///讀圖檔

    cvCvtColor(img, img, CV_BGR2RGB); /// ConVerT Color 把圖 BGR 變成 RGB

    glEnable(GL_TEXTURE_2D); ///開啟 2D貼圖功能

    GLuint id; /// unsigned int 整數, 要存你的貼圖ID

    glGenTextures(1, & id ); /// Generate 產生貼圖ID

    glBindTexture(GL_TEXTURE_2D, id); /// Bind 綁貼圖ID

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT); ///參數設定 貼圖 S軸 如果超過了, 就REPEAT

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); ///參數設定 貼圖 T軸 如果超過了, 就REPEAT

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST); ///參數設定 貼圖放大時 就用最近點 內插

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST); ///參數設定 貼圖縮小時 就用最近點 內插

    glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, img->width, img->height, 0, GL_RGB, GL_UNSIGNED_BYTE, img->imageData);

}   /// 很長的一行, 把 image的圖, 全部設成貼圖的內容

int main(int argc, char**argv) ///小心,要有 argc, argv哦

{

    glutInit(&argc, argv); ///小心有個 & 哦

    glutCreateWindow("3D"); ///建個3D視窗

    glutDisplayFunc(display); ///畫圖函式

    glutIdleFunc(display); ///閒閒沒事幹, 就重畫

    init(); ///在 MainLoop前, 去做 initial 初始設定 (2D OpenCV, 3D OpenGL Texture)

    glutMainLoop(); ///主要迴圈卡住, 才不會突然程式就結束了

}

第三個作業將地球加上多個貼圖

#include <GL/glut.h> ///我們要使用 GLUT 3D 外掛

#include <opencv/highgui.h> ///要使用 OpenCV的 高級High圖形介面GUI

#include <opencv/cv.h> ///為了 cvCvtColor()而加上 cv.h

#include <stdio.h>

float angle=0; ///為了自動轉的角度angle

GLUquadric * quad;

void display()

{

    glEnable(GL_DEPTH_TEST); ///有深度(depth)測試的功能, 才會有正確的景深/前後關係

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); ///清畫面

    glPushMatrix(); ///備份matrix

        glRotatef(-90, 1,0,0);  ///為了自動轉的角度angle

        glRotatef(angle, 0,0,1);

        gluQuadricTexture(quad,1);

        gluSphere(quad,0.5,30,30);

    glPopMatrix(); ///還原matrix

    glFlush(); ///把馬桶沖出去

    angle+=0.1;  ///為了自動轉的角度angle

}

GLuint id; /// unsigned int 整數, 要存你的貼圖ID

GLuint id2; /// unsigned int 整數, 要存你的貼圖ID

void mouse(int button, int state, int x,int y)

{

    if(state==GLUT_UP)glBindTexture(GL_TEXTURE_2D,id2);

    else if(state==GLUT_DOWN)glBindTexture(GL_TEXTURE_2D, id);

}

void init()

{

    quad=gluNewQuadric();

    IplImage * img = cvLoadImage("image.jpg"); ///讀圖檔

    cvCvtColor(img, img, CV_BGR2RGB); /// ConVerT Color 把圖 BGR 變成 RGB

    glEnable(GL_TEXTURE_2D); ///開啟 2D貼圖功能

    glGenTextures(1, & id ); /// Generate 產生貼圖ID

    glBindTexture(GL_TEXTURE_2D, id); /// Bind 綁貼圖ID

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT); ///參數設定 貼圖 S軸 如果超過了, 就REPEAT

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); ///參數設定 貼圖 T軸 如果超過了, 就REPEAT

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST); ///參數設定 貼圖放大時 就用最近點 內插

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST); ///參數設定 貼圖縮小時 就用最近點 內插

    glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, img->width, img->height, 0, GL_RGB, GL_UNSIGNED_BYTE, img->imageData);

    IplImage * img2 = cvLoadImage("image2.jpg"); ///讀圖檔

    cvCvtColor(img2, img2, CV_BGR2RGB); /// ConVerT Color 把圖 BGR 變成 RGB

    glEnable(GL_TEXTURE_2D); ///開啟 2D貼圖功能

    glGenTextures(1, & id2 ); /// Generate 產生貼圖ID

    glBindTexture(GL_TEXTURE_2D, id2); /// Bind 綁貼圖ID

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT); ///參數設定 貼圖 S軸 如果超過了, 就REPEAT

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); ///參數設定 貼圖 T軸 如果超過了, 就REPEAT

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST); ///參數設定 貼圖放大時 就用最近點 內插

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST); ///參數設定 貼圖縮小時 就用最近點 內插

    glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, img2->width, img2->height, 0, GL_RGB, GL_UNSIGNED_BYTE, img2->imageData);

}   /// 很長的一行, 把 image的圖, 全部設成貼圖的內容

void timer(int t)

{/// 1000 msec   50fps:20msec

    glutTimerFunc(2, timer, 0);

    //printf("timer now\n");

    glutPostRedisplay();

}

int main(int argc, char**argv) ///小心,要有 argc, argv哦

{

    glutInit(&argc, argv); ///小心有個 & 哦

    glutCreateWindow("3D"); ///建個3D視窗

    glutDisplayFunc(display); ///畫圖函式

    //glutIdleFunc(display); ///閒閒沒事幹, 就重畫

    glutTimerFunc(0, timer,0);

    glutMouseFunc(mouse);

    init(); ///在 MainLoop前, 去做 initial 初始設定 (2D OpenCV, 3D OpenGL Texture)

    glutMainLoop(); ///主要迴圈卡住, 才不會突然程式就結束了

}

加入函式簡化多個貼圖程式碼

#include <GL/glut.h> ///我們要使用 GLUT 3D 外掛

#include <opencv/highgui.h> ///要使用 OpenCV的 高級High圖形介面GUI

#include <opencv/cv.h> ///為了 cvCvtColor()而加上 cv.h

#include <stdio.h>

float angle=0; ///為了自動轉的角度angle

GLUquadric * quad;

void display()

{

    glEnable(GL_DEPTH_TEST); ///有深度(depth)測試的功能, 才會有正確的景深/前後關係

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); ///清畫面

    glPushMatrix(); ///備份matrix

        glRotatef(-90, 1,0,0);  ///為了自動轉的角度angle

        glRotatef(angle, 0,0,1);

        gluQuadricTexture(quad,1);

        gluSphere(quad,0.5,30,30);

    glPopMatrix(); ///還原matrix

    glFlush(); ///把馬桶沖出去

    angle+=0.1;  ///為了自動轉的角度angle

}

GLuint id; /// unsigned int 整數, 要存你的貼圖ID

GLuint id2; /// unsigned int 整數, 要存你的貼圖ID

void mouse(int button, int state, int x,int y)

{

    if(state==GLUT_UP)glBindTexture(GL_TEXTURE_2D,id2);

    else if(state==GLUT_DOWN)glBindTexture(GL_TEXTURE_2D, id);

}

int myTexture(char *filename)

{

    IplImage * img = cvLoadImage(filename); ///讀圖檔

    cvCvtColor(img, img, CV_BGR2RGB); /// ConVerT Color 把圖 BGR 變成 RGB

    glEnable(GL_TEXTURE_2D); ///開啟 2D貼圖功能

    GLuint id;

    glGenTextures(1, & id ); /// Generate 產生貼圖ID

    glBindTexture(GL_TEXTURE_2D, id); /// Bind 綁貼圖ID

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT); ///參數設定 貼圖 S軸 如果超過了, 就REPEAT

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); ///參數設定 貼圖 T軸 如果超過了, 就REPEAT

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST); ///參數設定 貼圖放大時 就用最近點 內插

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST); ///參數設定 貼圖縮小時 就用最近點 內插

    glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, img->width, img->height, 0, GL_RGB, GL_UNSIGNED_BYTE, img->imageData);

     return id;

}   /// 很長的一行, 把 image的圖, 全部設成貼圖的內容

void myInit()

{

    quad = gluNewQuadric();

    id = myTexture("image.jpg");

    id2 = myTexture("image2.jpg");

}

void timer(int t)

{/// 1000 msec   50fps:20msec

    glutTimerFunc(2, timer, 0);

    //printf("timer now\n");

    glutPostRedisplay();

}

int main(int argc, char**argv) ///小心,要有 argc, argv哦

{

    glutInit(&argc, argv); ///小心有個 & 哦

    glutCreateWindow("3D"); ///建個3D視窗

    glutDisplayFunc(display); ///畫圖函式

    //glutIdleFunc(display); ///閒閒沒事幹, 就重畫

    glutTimerFunc(0, timer,0);

    glutMouseFunc(mouse);

    myInit(); ///在 MainLoop前, 去做 initial 初始設定 (2D OpenCV, 3D OpenGL Texture)

    glutMainLoop(); ///主要迴圈卡住, 才不會突然程式就結束了

}