Claire's Note #8

WEEK08

Topic:

1. Texture貼圖
2. OpenCV安裝、讀圖
3. OpenGL貼圖設定
4. 範例：轉動地球

A. Texture貼圖

STEP 1: 下載data.zip、windows.zip、glut32.dll、source.zip

至http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/

STEP 2: 下載並安裝OpenCV2.1

至課程moodle下載安裝檔

安裝程式

＊Path選擇第2或3個選項

STEP 3: 設定

project右鍵build options

Search drection - Complier：Add：C:\OpenCV2.1\include

Search drection - Linker：Add：C:\OpenCV2.1\lib

Linker settings：Add：

C:\OpenCV2.1\lib\cv210.lb

C:\OpenCV2.1\lib\cxcore210.lib

C:\OpenCV2.1\lib\highgui210.lib

STEP 4: 執行

STEP 5: Result

B. OpenGL貼圖設定

STEP 1: 設定(同上)

project右鍵build options

Search drection - Complier：Add：C:\OpenCV2.1\include

Search drection - Linker：Add：C:\OpenCV2.1\lib

Linker settings：Add：

C:\OpenCV2.1\lib\cv210.lb

C:\OpenCV2.1\lib\cxcore210.lib

C:\OpenCV2.1\lib\highgui210.lib

STEP 2: 將A.的程式碼放入main.cpp中

＊更改earth.jpg的路徑

STEP 3: Result

關閉第一張圖後跳出第二張

＊同時顯示兩張圖：將 cvWaitKey(0); 註解

C. 轉動地球

STEP 1: 程式碼

#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("C:/Users/Violet/Documents/Program/Week08_3/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();

}

STEP 2: Result