Xian筆記-Week07

Week07

(1) 主題: 貼圖 Texture

(2) 主題: OpenCV讀圖

(3) 主題: 貼圖設定

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

1.OpenCV下載 (Moodle)

opencv-2.1.0-...vs2008.exe

安裝過程要記得 Add Path (Path選第二個 all users)

記得重開CodeBlocks

2.秀圖出來

要去CodeBlocks-Setting-Compiler設定東西!!!

Search directories加入

Compiler: C:\OpenCV2.1\include

Linker: C:\OpenCV2.1\lib

Linker setting 中要加入三個檔案

cv210 , cxcore210 , highgui210

#include <opencv/highgui.h> ///使用OpenCV外掛 int main() { ///小心大小寫，圖檔要放在freeglut 的 bin 裡面 IplImage * img = cvLoadImage("XD.jpg"); ///"圖檔的檔名" cvShowImage("07361092 photo", img); ///"某個視窗名稱" cvWaitKey(0); ///等待任意鍵才會繼續 }

3.把圖片貼到茶壺上

#include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可 #include <opencv/cv.h> #include <GL/glut.h> void init() ///從老師那邊幹來的 https://hackmd.io/@jsyeh/opengl { IplImage * img = cvLoadImage("XD.jpg"); ///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); } ///最後一行最難/最重要, 所貼圖影像的資料都設定好 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("07361092!!!"); glutDisplayFunc(display); init();///上面把OpenGL都設定好後，才設定OpenCV的貼圖到OpenGL上面 glutMainLoop();

}

4.把釘子釘在四個角落，圖片放上去!!

#include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可 #include <opencv/cv.h> #include <GL/glut.h> void init() ///從老師那邊幹來的 https://hackmd.io/@jsyeh/opengl { IplImage * img = cvLoadImage("XD.jpg"); ///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); } ///最後一行最難/最重要, 所貼圖影像的資料都設定好 void display() { glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); glBegin(GL_POLYGON); ///釘在四個角落 glTexCoord2f(0,1); glVertex2f(-1,-1); glTexCoord2f(1,1); glVertex2f(+1,-1); glTexCoord2f(1,0); glVertex2f(+1,+1); glTexCoord2f(0,0); glVertex2f(-1,+1); glEnd(); glutSolidTeapot(0.3); glutSwapBuffers(); } int main(int argc, char*argv[]) { glutInit( &argc, argv ); glutInitDisplayMode( GLUT_DOUBLE | GLUT_DEPTH ); glutCreateWindow("07361092!!!"); glutDisplayFunc(display); init();///上面把OpenGL都設定好後，才設定OpenCV的貼圖到OpenGL上面 glutMainLoop(); }

5.做個會轉的地球:)

#include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可 #include <opencv/cv.h> #include <GL/glut.h> GLUquadric * quad;///TODO: Quad void init()///copy 自 http://hackmd.io/@jsyeh/opengl { IplImage * img = cvLoadImage("earth.jpg"); ///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); quad = gluNewQuadric();///TODO: Quad } ///最後一行最難/最重要, 所貼圖影像的資料都設定好 float angle=0;///TODO: void display() { glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); glPushMatrix();///自動轉很帥///TODO: glRotatef(90, 1,0,0);///TODO: glRotatef(angle, 0,0,1);///自動轉很帥///TODO: gluQuadricTexture(quad, 1);///TODO: gluSphere(quad, 0.5, 30, 30);///glutSolidTeapot(0.3);///TODO: glPopMatrix();///自動轉很帥///TODO: ///glutSolidTeapot(0.3); glutSwapBuffers(); angle++;///TODO: } int main(int argc, char** argv) { glutInit(&argc, argv); glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH); glutCreateWindow("week07 texture"); glutDisplayFunc(display); glutIdleFunc(display);///TODO: glEnable(GL_DEPTH_TEST);///TODO: 有3D的深度測試(前面會蓋掉後面) init();///上面把OpenGL都設好後, 才設定 OpenCV 的貼圖到 OpenGL上面 glutMainLoop(); }