⚝ YI-ZHEN的筆記 week09

•  課堂範例: https://jsyeh.org/3dcg10/ 

1. 下載 [source][data][win32] 並解壓縮

2.  將data資料夾拉進解壓縮後的window資料夾

3.  點擊 Texture 開始實作

• 貼圖

1. 在Moodle上課用軟體資料夾中下載OpenCV 2.1.0

2. 安裝過程中，path原本為 Do not...要記得改為 Add path...

3. 預設安裝一定要在C槽，不然之後會亂掉 很麻煩

* 安裝完成後，會出現 C:\OpenCV2.1\bin代表可成功使用OpenCV了

4. 安裝好後 CodeBlocks 要重開，重開後，新增一個空文件

5. 進行設定

    5.1 Setting - Compiler裡面有三個地方要修正 

    5.2 Search directories 中， Compiler 要 Add C:\OpenCV2.1\include

    5.3 Search directories 中， Linker 要 Add C:\OpenCV2.1\lib

    5.4 Linker Add cv210 、cxcore210 、highgui210

6. 設定好後，可以開始寫程式碼了

    #include <opencv/highgui.h>

    int main()

    {       /// Ipl 是 Intel performance library 的縮寫

    IplImage * img = cvLoadImage("3.png");  //讀圖(圖要和檔案放在同一個地方)

    cvShowImage("week09", img);  //在week09視窗中 顯示圖

    cvWaitKey(0);  //等待任意鍵繼續

    }

• 貼圖專案

1. 先建立一個新專案

2. 將基本的十行程式先複製貼上

    #include <GL/glut.h>

     void display()

     {

        glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

            glutSolidTeapot(0.3);

        glutSwapBuffers();

     }

    int main(int argc,char**argv)

    {

        glutInit(&argc, argv);

        glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);

        glutCreateWindow("Week09 texture");

        glutDisplayFunc(display);

        glutMainLoop();

    }

3. 將基本的十行程式先複製貼上

4. 尋找earth圖片(圖片要儲存在freeglut資料夾中的bin資料夾裡)

5. 加入貼圖程式

    #include <GL/glut.h>

    #include <opencv/highgui.h>

    void myTexture()

    {

         IplImage * img = cvLoadImage("earth.jpg"); //找到earth圖片

    cvShowImage("img", img); //在img視窗中放img圖

    cvWaitKey(0); //等待任意鍵繼續

    }

     void display()

    {

        glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

            glutSolidTeapot(0.3);

        glutSwapBuffers();

    }

    int main(int argc,char**argv)

    {

        glutInit(&argc, argv);

        glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);

        glutCreateWindow("Week09 texture");

        glutDisplayFunc(display);

        myTexture();

        glutMainLoop();

    }

* 執行後會跳出茶壺、地球及小黑視窗。但茶壺並不會跑出來，要先關掉地圖才有能看到茶壺

6. 刪掉原本的myTexture函式，加入老師給的程式複製貼上

    得到一張印有地球貼圖的茶壺

#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);

    glutSwapBuffers();

}

int main(int argc,char**argv)

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("Week09 texture");

    glutDisplayFunc(display);

    myTexture("earth.jpg");

    glutMainLoop();

}