周承翰_計圖學習筆記_Week08

Week08 

上課主軸 :  

(1) Texture 貼圖

(2) OpenCV 安裝、讀圖

(3) OpenGL 貼圖設定

(4) 範例 : 轉動地球

--------------------------------------------------------------------------------------------------

軟體安裝 :

網址 : jsyeh.org/3dcg10

(1) data.zip --->桌面\windows\data\*.sgi

(2) windows.zip --->桌面\windows\Texture.exe (glTexCoord2f(tx,ty))

(3) glut32.dll --->桌面\windows\glut32.dll

(4) source.zip

網址 : NTNU moodle2.8 

(1) opencv-2.1.0-win32-vs2008.exe 安裝
小提醒 : PATH 要勾 2、3 

--------------------------------------------------------------------------------------------------------

啟動程式 OpenCV : 

(1) 開啟 CodeBlocks --> File --> New --> Project

(2) 選擇 Console App

(3) 複製以下程式碼進main.cpp

#include <opencv/highgui.h>

int main()

{

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

    cvNamedWindow("Hello opencv");

    cvShowImage("Hello opencv", img);

    cvWaitKey(0);

}

(4) 到 google 找一張 earth map 的圖

      改名為earth.jpg，並放進week08資料夾

      

(5) 在Codeblocks中對 week08.cbp 按右鍵 -->  Build Option --> Search directories

      

     Compiler --> Add --> 輸入 : 【c:\\opencv2.1\include】

     Linker     --> Add --> 輸入 : 【c:\\opencv2.1\lib】

     

      

      點選 Linker setting --> Link Libraries 

      Add --> 輸入 --> 【cv210】

      Add --> 輸入 --> 【cxcore210】

      Add --> 輸入 --> 【highgui210】

      點選OK                                

      

(6) 按下F9執行看看 Go ! 

---------------------------------------------------------------------------------------------------------------

啟動程式 OpenGL : 

(1) 開啟 CodeBlocks --> File --> New --> Project

(2) 選擇 GLUT project 專案檔，取名 week08-2
(3) 重複上述 OpenCV 第 (5) 點
(4) 將上述 OpenCV 第 (3) 點的程式碼複製到 GLUT 專案檔的 int main中

(5) 此時按下 F9 應該會 掛點 !   原因：earth.jpg沒放進GLUT專案檔
(6) 將 earth.jpg 複製到 桌面\freeglut\bin 

(7) 此時回到CodeBlocks按下F9、按下一個空白建
      能成功開啟OpenCV與OpenGL檔


幹 ! 超感動的拉 !

-------------------------------------------------------------------------------------------------------------------

啟動程式 OpenGL (設定貼圖) : 

複製以下程式碼到 main.cpp

#include <opencv/highgui.h> ///for cvLoadImage()

#include <opencv/cv.h> ///for cvCvtColor()

#include <GL/glut.h> ///3D glut

#include <stdio.h>

GLUquadric * quad;

GLuint id;

float angle=0;

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);///自動轉很帥

        gluQuadricTexture(quad, 1);

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

    glPopMatrix();///自動轉很帥

    glFlush();

}

void timer(int t)

{   glutTimerFunc(20, timer, 0);/// 1000 msec   50fps:20msec

    angle+=1;///自動轉很帥

    glutPostRedisplay();

}

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 myInit()

{   quad = gluNewQuadric();

    id = myTexture("earth.jpg");

}

int main(int argc, char**argv)

{   glutInit(&argc, argv);

    glutCreateWindow("3D");

    glutDisplayFunc(display); ///顯示

    glutTimerFunc(0, timer, 0);

    myInit(); ///我的 init 初始化 把貼圖準備好 前面OpenCV 2行, 後面 OpenGL 9行

    glutMainLoop();

}

小葉老師背不起來，大家上moodle複製main.cpp

按下F9執行 


會轉的地球誕生了