2022年5月3日 星期二

一定是大拇指的啦

 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 開新專案 ,命名為week11_Gundam

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: 開啟Gundam模型

2.1 開啟Gundam 材質
#include <opencv/highgui.h>
int main()
{
    IplImage*img=cvLoadImage("data_Gundam/Diffuse.jpg");///資料夾/圖片名稱
    cvShowImage("week11",img);
    cvWaitKey(0);
}

2.2 茶壺上秀出Gundam
#include <opencv/highgui.h>
#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);
    glutSolidTeapot(0.3);
    glutSwapBuffers();
}
int main(int argc , char**argv)

{

    glutInit( &argc , argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week11_Gundam");

    glutDisplayFunc(display);

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

    glutMainLoop();



}

step 3 : 讀入資源包

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

      teams 有Gandam.zip 解壓縮

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

3.2 glm.h 要使用當標題檔

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

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

3.4 將glm.h 、 glm.cpp 放到week11_Gundam資料夾中


step 4 : Gundam

4.1 貼出Gundam模型

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

#include <GL/glut.h>

#include <opencv/cv.h>

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

GLMmodel * pmodel = 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);

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

    glutSwapBuffers();

  

}


int main(int argc , char**argv)

{

    glutInit( &argc , argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week11_Gundam");

    glutDisplayFunc(display);

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

    glutMainLoop();

}



4.2  新增角度旋轉

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

#include <GL/glut.h>

#include <opencv/cv.h>

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

GLMmodel * pmodel = 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);

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

}

4.3 一個會旋轉的鋼彈完成!!

step 5 : 關節(Bonus)

5.1 茶壺接茶壺

#include <GL/glut.h>
void hand(){///小茶壺
    glColor3f(0,1,0);
    glutSolidTeapot(0.2);
}
void body(){///大茶壺
    glColor3f(1,1,0);
    glutSolidTeapot(0.3);
}
float angle=0;
void display()
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    body();///身體不動
    glPushMatrix();///小茶壺旋轉
        glTranslatef(0.5,0.2,0);
        glRotatef(angle,0,0,1);
        glTranslatef(0.3,0,0);
        hand();
    glPopMatrix();
    glutSwapBuffers();
    angle++;
}
int main(int argc , char**argv)

{

    glutInit( &argc , argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week11_TRT");

    glutIdleFunc(display);///呼叫display
    glutDisplayFunc(display);

    glutMainLoop();



}

5.2 獲得一個會旋轉的茶壺!!


沒有留言:

張貼留言

VERY BEAUTIFUL, VERY POWERFUL

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