2022年4月26日 星期二

一定是大拇指的啦

step 0 : 下載OpenCV

0.1 moodle 下載 opencv 2.1.0 win32 vs2008

0.2 安裝時 Add PATH 選第2個 



0.3 目錄不要改

0.4 CodeBlock要重開 ( PATH安裝完後便會修改PATH的設定)

step 1 : 開啟、設定

1.1 開新專案 ,命名為week10_texture_background

1.2 設定 Include 、 Lib 、 Linker

1.3.1 Setting-Compiler  -> Search directories-Compiler -> Add 輸入 C:OpenCV2.1\include ->OK



1.3.2 Setting-Compiler  -> Search directories-Linker -> Add 輸入 C:OpenCV2.1\lib ->OK



1.3.3 Setting-Compiler  -> Linker setting -> Add 輸入 cv210 、 cxcore210 、 highgui210 ->OK

step 2 : 剪貼上週內容

2.0 將圖片放入freeglut/bin

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

#include <GL/glut.h>

#include <opencv/cv.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;

}

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

    glutDisplayFunc(display);

    myTexture("1.jpg");///輸入圖片名稱

    glutMainLoop();


}


step 3 : 新增貼圖、頂點

3.1 修改void display內容
void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

        ///glutSolidTeapot(0.3);
        ///因為左上角圖片是0,0  所以會是顛倒
        ///左邊貼圖座標  右邊頂點座標
        glBegin(GL_POLYGON);  
            glTexCoord2f(0,0); glVertex2f(-1,-1);
            glTexCoord2f(1,0); glVertex2f(+1,-1);
            glTexCoord2f(0,1); glVertex2f(+1,+1);
            glTexCoord2f(1,1); glVertex2f(-1,+1);
        glEnd();

    glutSwapBuffers();



}
step 4 : 貼上、解釋程式碼
4.1 貼上程式碼
#include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可
#include <GL/glut.h>
#include <opencv/cv.h>
GLUquadric * sphere = NULL; ///指標 ，指到二次曲面
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 display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    gluQuadricTexture(sphere , 1);///設好貼圖
    
    ///gluSphere( *quad , radius , slices , stacks )
 ///gluSphere( 指標, 半徑 , 經度 , 緯度 )
    gluSphere( sphere , 1 , 30 , 30 );///畫圓球

    glutSwapBuffers();



}

int main(int argc , char**argv)

{

    glutInit( &argc , argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week10 Texture");

    glutDisplayFunc(display);

    myTexture("earth.jpeg");///輸入圖片名稱

    sphere=gluNewQuadric();///準備好二次曲面

    glutMainLoop();


}

4.2 結果



step 5 : 新增旋轉

5.1貼上、解釋
#include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可
#include <GL/glut.h>
#include <opencv/cv.h>
GLUquadric * sphere = NULL; ///指標 ，指到二次曲面
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;

}
float angle = 0;///旋轉角度
void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glPushMatrix();///備份矩陣

        glRotatef(angle , 0 , 0 , 1); /// 旋轉
        gluQuadricTexture(sphere , 1);///設好貼圖
        gluSphere(sphere,1,30,30);///畫圓球

    glPopMatrix();///還原矩陣
    glutSwapBuffers();
    angle+=1;///每執行一次display 加1度

}

int main(int argc , char**argv)

{

    glutInit( &argc , argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week10 Texture");

    glutIdleFunc(display);///有空idle 呼叫display

    glutDisplayFunc(display);

    myTexture("earth.jpeg");///輸入圖片名稱

    sphere=gluNewQuadric();///準備好二次曲面

    glutMainLoop();



}

5.2 旋轉軸調整
void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glPushMatrix();
        glRotatef(90 , 1 , 0 , 0);///轉90度 並對x軸旋轉
        glRotatef(angle , 0 , 0 , 1);
        gluQuadricTexture(sphere , 1);///設好貼圖
        gluSphere(sphere,1,30,30);///畫圓球

    glPopMatrix();
    glutSwapBuffers();
    angle+=0.3;

}

5.3 main函式內新增程式碼
int main(int argc , char**argv)

{

    glutInit( &argc , argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week10 Texture");

    glEnable(GL_DEPTH_TEST);///開3D深度測試 才會有3D的感覺

    glutIdleFunc(display);///有空idle 呼叫display

    glutDisplayFunc(display);

    myTexture("earth.jpeg");///輸入圖片名稱

    sphere=gluNewQuadric();///準備好二次曲面

    glutMainLoop();



}

step 5 : 鋼彈(Bonus) 

5.1 source.zip裡面有三個程式 glm.h  glm.c

      teams 有Gandam.zip 解壓縮

      拿裡面的程式來用 便能讀入3D模型

5.2 glm.h 要使用當標題檔

      glm.c 改名成glm.cpp  並加入到CodeBlock中的week10_texture_model

5.3 將Gandam.zip/data放在desktop/freeglut/bin裡面

5.4 將glm.h 、 glm.cpp 放到week10_texture_model資料夾中

step 6 : 貼上、解釋程式碼

6.1銜接上面程式碼，修改並匯入鋼彈資源包

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

#include <GL/glut.h>

#include <opencv/cv.h>

#include "glm.h"///使用3d模型

GLMmodel * pmodel = NULL;///指標指到GLMmodel模型的指標

GLUquadric * sphere = NULL; ///指標 ，指到二次曲面

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;

}

float angle = 0;

void display()


{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glPushMatrix();

        glRotatef(angle ,0, 1, 0);///每次執行display都會旋轉


        if ( pmodel==NULL){///如果是空指標 代表模型沒問題了

                pmodel=glmReadOBJ("data_Gundam/Gundam.obj");

                glmUnitize(pmodel); ///使用3D模型 ,縮放到-1...+1才看的到

                glmFacetNormals(pmodel);///使用3d模型，面的法向量

                glmVertexNormals(pmodel,90); ///使用3D模型，頂點的法向量

      }

      glmDraw(pmodel , GLM_TEXTURE);

    glPopMatrix();

    glutSwapBuffers();

    angle+=0.3;

}


int main(int argc , char**argv)

{

    glutInit( &argc , argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week10_Texture_model");

    glEnable(GL_DEPTH_TEST);

    glutIdleFunc(display);

    glutDisplayFunc(display);

    myTexture("data_Gundam/Diffuse.jpg");///輸入圖片名稱 

    glutMainLoop();

}

6.2 成果，會轉動的鋼彈!!!(只有圖片)








於
標籤： ,

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)

VERY BEAUTIFUL, VERY POWERFUL

一.     一樣先安裝且設定好freeglut,OpecCV， 開啟CodeBlocks建立新專案 week11_gundam，                 把 MyGundam.zip下載解壓縮後的data資料夾放到freeglut/bin裡面 把week09_openc...

  • 諺哥圖學筆記 week01
     第一個OPENGL程式 0.Codeblocks 17.12 mingw裝好 1.File-New-Project ,選OPENGL專案 2.在[...]的目錄中,選[桌面] Projectsje nir 01_OPENGL 3.下一步,完成後Build&Run 4.可...
  • 豪哥的圖學筆記 week1
     第一個OpenGL程式 1.安裝好 CodeBlocks 17.12 2. File-New-Project, 選OpenGL專案 2.在[點點點]的目錄中, 選「桌面」,Projectsje nir 01_OPENGL 3.下一步下一步,完成後,Build&Run 4...
  • END之書 Week01
     First OpenGL 0. "CodeBlocks 17.12 mingw" set up 1. File - New - Project , "OpenGL  Project" 2. [...]目錄，選[桌面]， Week 01_O...