Orangutan - 第七週 - Texture&OpenCV

=========================================================================

SEVENTH

老師的網站網址(https://jsyeh.org/3dcg10/)

一、試著用老師的上課教材來理解新主題

1.先將data、win32檔案下載下來

2.將windows解壓縮，並將data拉進去windows資料夾中

3.調整glColor4f();可以改變圖片的顏色

4.座標系統

5.在3D的世界，圖學都用三角形(Unity、3dsMax、OpenGL)，又快又好

   在人類理解的世界，四角形(Maya)比較好用，人類比較好理解

6.老師講解OpenGL圖學期中考(模擬考網址:https://jsyeh.org/gl/)

glPushMatrix();//備份矩陣
    glTranslatef(x,y,z);//移動
    glRotatef(angle,x,y,z);//轉動
    glScalef(x,y,z);//縮放
    glBegin(GL_POLYGON);//開始畫
        glColor3f(r,g,b);//色彩
        glTexCoord2f(tx,ty);//貼圖座標
        glNormal3f(nx,ny,nz);//打光的法向量
        glVertex2f(x,y);//頂點
    glEnd();//結束畫
glPopMatrix();//還原矩陣

二、寫人生中第一個OpenCV程式

1.將桌面上的2022葉正聖老師上課軟體資料夾打開，並下載裡面的OpenCV2.1版本

2.不能點選最上面的選項，下面兩個選項選擇其中一個都可以

3.點選Settings=>Compiler

4.先選擇Search directories

5.Add => C:\OpenCV2.1\include

6.Add => C:\OpenCV2.1\lib

7.Add => cv210、cxcore210、highgui210

8.新增一個File => Empty file

9.Show出一個圖檔(使用下方程式碼)

#include <OpenCV/highgui.h>

int main()

{

    IplImage * img = cvLoadImage("Image.jpg");

    cvShowImage("week07",img);

    cvWaitKey(0);

}

三、

1.開一個GLUT專案，並命名為week07-2_myTexture

2.確認能夠執行

8.到老師的github網站裡面找到myTexture程式碼(https://gist.github.com/jsyeh)

9.找一個地球圖片，並命名為earth.jpg儲存到freeglut=>bin裡面

10.將老師的程式碼複製貼上並執行

11.將void display()裡面程式碼改為下方程式碼，可是它是反的

///glutSolidTeapot( 0.3 );

    glBegin(GL_POLYGON);

        glTexCoord2f(0, 0); glVertex2f(-1,-1);

        glTexCoord2f(1, 0); glVertex2f(+1,-1);

        glTexCoord2f(1, 1); glVertex2f(+1,+1);

        glTexCoord2f(0, 1); glVertex2f(-1,+1);

    glEnd();

12.將void display()裡面程式碼改為下方程式碼，他就變成正的了

///glutSolidTeapot( 0.3 );

    glBegin(GL_POLYGON);

        glTexCoord2f(0, 0); glVertex2f(-1,+1);

        glTexCoord2f(1, 0); glVertex2f(+1,+1);

        glTexCoord2f(1, 1); glVertex2f(+1,-1);

        glTexCoord2f(0, 1); glVertex2f(-1,-1);

    glEnd();

以下為上方的全部程式碼

#include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可

#include <opencv/cv.h>

#include <GL/glut.h>

int myTexture(char * filename)

{

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

    cvCvtColor(img,img, CV_BGR2RGB); ///OpenCV轉色彩 (需要cv.h)

    glEnable(GL_TEXTURE_2D); ///1. 開啟貼圖功能

    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); /// 貼圖參數, 超過包裝的範圖T, 就重覆貼圖

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); /// 貼圖參數, 超過包裝的範圖S, 就重覆貼圖

    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;

}

void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    ///glutSolidTeapot( 0.3 );

    glBegin(GL_POLYGON);

        glTexCoord2f(0, 0); glVertex2f(-1,+1);

        glTexCoord2f(1, 0); glVertex2f(+1,+1);

        glTexCoord2f(1, 1); glVertex2f(+1,-1);

        glTexCoord2f(0, 1); glVertex2f(-1,-1);

    glEnd();

    glutSwapBuffers();

}

int main(int argc, char**argv)

{

    glutInit( &argc, argv );

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week09 texture");

    glutDisplayFunc(display);

    myTexture("earth.jpg");

    glutMainLoop();

}

13.到老師的github網站裡面找到myearth程式碼

14.新開一個GLUT專案並命名為week07-3_myearth

15.將myearth程式碼貼上並執行，可以看到一個會轉動的地球

以下為上方的全部程式碼

#include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可

#include <opencv/cv.h>

#include <GL/glut.h>

GLUquadric * sphere = NULL;///一個指到二次曲面的指標

int myTexture(char * filename)

{

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

    cvCvtColor(img,img, CV_BGR2RGB); ///OpenCV轉色彩 (需要cv.h)

    glEnable(GL_TEXTURE_2D); ///1. 開啟貼圖功能

    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); /// 貼圖參數, 超過包裝的範圖T, 就重覆貼圖

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); /// 貼圖參數, 超過包裝的範圖S, 就重覆貼圖

    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;

}

float angle=0;

void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glPushMatrix();

        glRotatef(angle, 0,-1,0);

        glRotatef(90, 1,0,0);

        gluQuadricTexture(sphere, 1);

        gluSphere(sphere, 1, 30, 30);///glutSolidTeapot(0.3);

    glPopMatrix();

    glutSwapBuffers();

    angle++;

}

int main(int argc,char**argv)

{

    glutInit(&argc,argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week7 texture background");

    glutIdleFunc(display);

    glutDisplayFunc(display);

    myTexture("earth.jpg");

    sphere = gluNewQuadric();

    glEnable(GL_DEPTH_TEST);

    glutMainLoop();

}