電腦圖學筆記week11

 筆記

討論

1)主題: 持續實作 glm 模型相關練習
2)主題: 利用 Maya 切割模型
3)主題: 對(特定)旋轉軸轉動(下週作業&下下週考試)
   組合技: T移動、R旋轉、T移動

Step 0 持續實作glm模型相關練習

    0-1 安裝freeglut (libglut32.a要有)

    0-2 安裝opencv2.1(Add path)

    0-3 Setting-compiler 設定 Include (目錄C:\opencv2.1\include)

    0-4 Setting-compiler 設定 Lib (目錄C:\opencv2.1\lib)

    0-5 Setting-compiler 設定 Linker 加入

              cv210, cxcore210, highgui210

    0-6 Seach diretories目錄在哪裡?

            我的位置:C:\Users\meiting\Desktop\freeglut\bin

            (圖片也要放在這，成功設置完後就可以跑程式)

Step 1 上週貼圖+貼到模型--->鋼彈模型

    1-1 需安裝 freeglut、opencv、opencv 咒語

    1-2-開新專案

    1-3 鋼彈.zip(data)解壓縮放freeglut/bin

    1-4 茶壺貼圖(複製上周的程式碼)   myTexture需要放在glutMainLoop前

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

#include <opencv/cv.h>

#include <GL/glut.h>

#include "glm.h"

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.obj");

        glmUnitize(pmodel);

        glmFaceNormal(pmodel);

        glmVertexNormal(pmodel,90);

    }

    glmDraw(pmodel,GLM_TEXTURE);

    glutSwapBuffers(); ///畫好後,交換出來

}

int main(int argc,char**argv) ///main()主函式進階版

{

    glutInit(&argc,argv); ///把參數給glutInit初始化

    glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH); ///雙緩衝區,3D深度功能

    glutCreateWindow("第11的程式鋼彈"); ///開啟GLUT視窗

    glutDisplayFunc(display); ///用來顯示函式

    myTexture("data/Diffuse.jpg");

    glutMainLoop();

}

    1-5 下載source解壓縮 :將glm.h、glm.c、transformation.c複製

            貼到專案將glm.c改成glm.cpp跟main.cpp在同一個目錄下

    1-6 加入檔案glm.cpp

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

#include <opencv/cv.h>

#include <GL/glut.h>

#include "glm.h"

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); ///畫圖前,清畫面

     if(pmodel==NULL)///如果是空指標,代表模型還沒有準備好

    {

        pmodel=glmReadOBJ("data/Gundam.obj");///讀模型

        glmUnitize(pmodel);///換算Unitize大小

        glmFacetNormals(pmodel);///計算模型面的法向量

        glmVertexNormals(pmodel,90);///計算模型頂點的法向量

    }

    glPushMatrix();

        glRotatef(angle,0,1,0);

        glmDraw(pmodel,GLM_TEXTURE);///有模型後,畫面記得貼圖

    glPopMatrix();

    glutSwapBuffers(); ///畫好後,交換出來

    angle+=1;

}

int main(int argc,char**argv) ///main()主函式進階版

{

    glutInit(&argc,argv); ///把參數給glutInit初始化

    glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH); ///雙緩衝區,3D深度功能

    glutCreateWindow("第11的程式鋼彈"); ///開啟GLUT視窗

    glutIdleFunc(display);///需要一直呼叫,這樣才會轉動

    glutDisplayFunc(display); ///用來顯示函式

    myTexture("data/Diffuse.jpg");

    glEnable(GL_DEPTH_TEST);///加入3d測試功能

    glutMainLoop();

}

    1-7Maya切割圖形

            查詢關鍵字: maya obj 檔案，將整個模型分解個別存檔

    1-8 對特定軸轉動

            以body為中心hand做轉動

#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) ///main()主函式進階版

{

    glutInit(&argc,argv); ///把參數給glutInit初始化

    glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH); ///雙緩衝區,3D深度功能

    glutCreateWindow("第02的程式"); ///開啟GLUT視窗

    glutIdleFunc(display);

    glutDisplayFunc(display); ///用來顯示函式

    glutMainLoop();

}