詠銓_Week08_Note

Class: Texture

1.先從moodle下載openCV2.1，安裝
 Note: 注意!PATH請選第3個: Add OpenCV to the system PATH for current user

2.打開codeblocks開起Console application專案


3.打入以下程式碼
#include<opencv/highgui.h>
int main()
{
    IplImage *img = cvLoadImage("earth.jpg");
    cvNamedWindow("hello opencv");
    cvShowImage("hello opencv", img);
    cvWaitKey(0);
    
    return 0;
}

4.執行，發現error，找不到 opencv/highgui.h


4.為了解決此問題，在專案點右鍵，點Build option，點選Search directories


5.分別在compiler和linker中增加C:\OpenCV2.1\include及C:\OpenCV2.1\lib


6.接著點Linker settings中增加cv210, cxcore210, 及highgui210


7.設定完後，執行如圖


 Note: 記得要有圖片檔在專案資料夾中

8.接著打開一個GLUT專案，同樣在此專案上設定上述設定，則此專案即可執行openCV的程式碼


9.接著想要做出一個會轉動的地球，首先我們重寫GLUT專案，先寫出3D圖形的基本框架。


Note:記得此專案也要如先前一樣設定openCV，且要多#include <opencv/cv.h>

10.接著準備貼圖副程式，程式碼如下:
 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;
 }

11.為了能讓地球自轉，我們先準備全域變數:
 
  float angle=0;
接著準備一個timer副程式如下:
  void timer(int t)
  {
      glutTimerFunc(20, timer, 0);/// 1000 msec   50fps:20msec
      angle+=1;///隨著時間轉動角度增加
      glutPostRedisplay();
  }

12.接著初始化貼圖副程式，程式碼如下
  GLUquadric * quad;
  GLuint id;
  void myInit()
  {
      quad = gluNewQuadric(); ///用剛才宣告的quad變數，將2D座標轉到2次曲面的座標上
      id = myTexture("earth.jpg"); ///將貼圖副程式回傳的貼圖ID直送給全域變數id
  }
  Note:這個id變數可再多張貼圖的時候依照id的值用glBindTexture(GL_TEXTURE_2D, id); 綁定
  不同的id來更換貼圖。

13.而這次的display()函式為:
  void display()
  {
      glEnable(GL_DEPTH_TEST); ///要啟動 Detph Test 深度值的測試,3D顯示才正確
      glClear(GL_COLOR_BUFFER_BIT  | GL_DEPTH_BUFFER_BIT);
      glPushMatrix();
          glRotatef(90, 1,0,0);
          glRotatef(angle, 0,0,1);//依Z軸轉angle的角度，angle會隨時間增加，有自轉效果
          gluQuadricTexture(quad, 1);
          gluSphere(quad, 1, 30, 30);
      glPopMatrix();
      glFlush();
  }

14.最後完成主程式:
int main(int argc, char**argv)
{
    glutInit(&argc, argv);
    glutCreateWindow("3D");

    glutDisplayFunc(display);
    glutTimerFunc(0, timer, 0);
    myInit(); ///初始化 把貼圖準備好 前面OpenCV 2行, 後面 OpenGL 9行

    glutMainLoop();
}

15.執行結果如圖