C~電腦圖學日誌 Week05

主題: 貼圖 Texture

OpenCV 安裝

下載OpenCV-2.1.0-win32-vs2008

1 選2或3選項別選第1個

2 安裝在預設的目錄

3 安裝完，重開CodeBlocks(讓編譯器讀到檔案)

4 Settings->Compiler 要加3個設定

4.1 search目錄 Compiler的 include目錄  加C:\OpenCV2.1\include

4.2 search目錄 Linker 的 lib目錄  加C:\OpenCV2.1\lib

4.3 加入Linker設定的 3個檔名 cv210 cxcore210 highgui210

week05-1_opencv.cpp

功能是開啟圖檔

1.把下載的圖存到C槽 

#include <opencv/highgui.h>

int main()

{///Intel performance library

    IplImage * img = cvLoadImage("c:/image.png");

    cvShowImage("week05", img);

    cvWaitKey(0);

}

課本教材

1. 去https://jsyeh.org/3dcg10/下載windows跟data檔案

2.執行Texture.exe

///glTexCoord2f(tx, ty)貼圖座標

///glVertex3f(x, y, z)頂點

week05_opencv_cvLoadImage

功能是開圖片檔跟GLUT專案結合

1. 開GLUT專案並取成week05_opencv_cvLoadImage

2. 貼上11行GLUT程式跟3行OpenCV程式

#include <GL/glut.h>

#include <opencv/highgui.h>

void display(){

    glClear(GL_COLOR_BUFFER_BIT |GL_DEPTH_BUFFER_BIT);

    glutSolidTeapot( 0.3 );

    glutSwapBuffers();

}

int main(int argc, char*argv[])

{

    IplImage * img = cvLoadImage("c:/image.png");

    cvShowImage("opencv", img);

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);

    glutCreateWindow("week05");

    glutDisplayFunc(display);

    glutIdleFunc(display);

    glutMainLoop();

}

week05_opencv_opengl_myTexture

功能是在茶壺上有剛才開啟的圖片

1. 開GLUT專案並取成week05_opencv_opengl_myTexture

2. 去老師Github借程式碼先貼18行程式碼

3. 再貼10行GLUT程式並加上呼叫myTexture()函式

///先貼18行程式碼

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

}

///再貼10行GLUT並呼叫myTexture()函式

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("week05");

    glutDisplayFunc(display);

    myTexture("c:/image.png");

    glutMainLoop();

}

week05_opencv_opengl_myTexture_glTexCoord2f

功能是在茶壺上跟背景圖都有剛才開啟的圖片

1. 開GLUT專案並取成week05_opencv_opengl_myTexture_glTexCoord2f

2. 貼上week05_opencv_opengl_myTexture程式並新增課本4行程式

void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glBegin(GL_POLYGON);

        glTexCoord2f(0,0); glVertex2f(-1,-1);

        glTexCoord2f(0,1); glVertex2f(-1,1);

        glTexCoord2f(1,1); glVertex2f(1,1);

        glTexCoord2f(1,0); glVertex2f(1,-1);

    glEnd();

    glutSolidTeapot( 0.3 );

    glutSwapBuffers();

}

week05_rotating_earth

功能是製作會旋轉的地球儀

0.把下載的滿版地球圖存到C槽取名成earth

1. 開GLUT專案並取成week05_rotating_earth

2. 貼上week05_opencv_opengl_myTexture程式

3. 拿week05_opencv_opengl_myTexture程式來修改

#include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可

#include <opencv/cv.h>

#include <GL/glut.h>

GLUquadric * quad = NULL;///要有一顆指標放頭上

float angle = 0;

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;

}

///再貼10行GLUT並呼叫myTexture()函式

void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glEnable(GL_DEPTH_TEST);

    glPushMatrix();

        glRotatef(90, 1, 0, 0);

        glRotatef(angle++, 0, 0, 1);

        gluSphere(quad, 1, 30, 30);

    glPopMatrix();

    glutSwapBuffers();

}

int main(int argc, char**argv)

{

    glutInit( &argc, argv );

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week05");

    glutIdleFunc(display);

    glutDisplayFunc(display);

    myTexture("c:/earth.jpg");

    quad = gluNewQuadric();

    gluQuadricTexture(quad, 1);

    glutMainLoop();

}