*嗚嗚* Week09

 # week09

今日主題是貼圖

今天有先進行期中考試，考OpenGL必背的10個函式，總共有11行。

主題一:跑課本範例

至網頁下載檔案 網址:    https://jsyeh.org/3dcg10/

下載windows.zip，data.zip和source.zip，把解壓縮後的data資料夾放在解壓縮後的window資料夾裡。執行Texture.exe範例，最重要的程式碼觀念是glTexCoord2f(tx,ty);貼圖座標。

主題二:實作貼圖

第一步驟:要先下載貼圖需要的OpenCV

去moodle上課用軟體，下載OpenCV 2.1.0，(不是最新的版本，但舊版檔案小，簡單好用，各個版本都互通)

##注意!安裝執行的時候，有一步PATH要設定，要點選第二個(Add PATH...)&預設安裝位置一定要在C:\OpenCV2.1(C槽裡)

第二步驟:OpenCV安裝完後，要重啟CodeBlocks

第三步驟:設定CodeBlocks

1.打開新的File-New-EmptyFile，檔案名稱存為week09_opencv.cpp

接下來是一連串設定:

2.Setting-Compiler-Search directories-Compiler-Add C:\OpenCV2.1\include

3.                            -Search directories-Linker-Add C:\OpenCV2.1\lib

4.Setting-Compiler Setting-Linker setting 輸入:cv210 按下Add & cxcore210 按下Add & highgui210 按下Add

第四步驟:輸入簡單的程式碼(讀入並秀出圖片):

```C++

#include <opencv/highgui.h>

int main()

{

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

    cvShowImage("week09",img);

    cvWaitKey(0);

}

```

接下來，正式實作今天的程式:

我們要把OpenCV和OpenGL的程式碼結合。

1.打開新的GLUT專案，然後下載freeglut資料夾(步驟都跟之前上課一樣)，然後把專案放在桌面的freeglut資料夾裡。然後把原先的程式碼都刪除，然後去GitHub倉庫裡，複製貼上簡單秀出茶壺的程式。

2.程式可秀出茶壺後，接下來，我們定義myTexture()函式(讀入照片並秀出)，並在main()裡加入myTexture();(glutMainLoop()之前)，這個函式，會讀入earth.jpg地圖(地圖圖片要放在桌面(放這個GLUT專案的freeglut)的bin目錄裡面)。就成功結合程式碼了。

```C++

#include <GL/glut.h>

#include <opencv/highgui.h>

void myTexture()

{

    IplImage * img = cvLoadImage("earth.jpg");///去找地圖!!

    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_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week09 texture");

    glutDisplayFunc(display);

    myTexture();

    glutMainLoop();

}

```

3.最後我們把照片貼在茶壺上，當作是一種材質，首先複製貼上老師給的函式，然後在main()裡的myTexture()裡輸入檔案名稱。並會顯示出結果。

複製的程式碼如下:

```C++

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

}  

```

The End