cyuu week07

 #week07 

#OBJ模型

obj 檔, fbx檔,mtl檔

檔案格式: v頂點  vt頂點貼圖  vn頂點向量法

複習貼圖  glm模型

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

##上課用軟體 

1.打開  jsyeh.org/3dcg10/

2.下載  source data win32 解壓縮

3.研究data目錄

用Notepad++ 研究 socerball.obj   socerball.mtl

啟動Transformation.exe  切換3D模型

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

##研究 分析檔案

OBJ裡面 3個英文單字縮寫

-v 代表 vertex頂點

-vn代表 vertex normal 和打光相關的頂點法向量

-f 代表 face面 (有人拚facet 比較小的面)

-解釋:3dxMax 習慣叫 triangles三角形 (有效率)

-maya裡  習慣用face (三角形 四邊形 五邊形....)

-#代表註解 給人看

-其他: usemtl XXX使用 materail XXX

-其他: g XXX 代表 group XXX 分群用

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

##研究 Gundam 的模型

- Gundam.obj

- Gundam.mtl

-Diffuse.jpg 是主要的 material 材質貼圖

-AO.jpg 另一張貼圖 

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

##week07_0_sample

1.安裝freeglut ,將lib\libfreeglut.a 複製成 liglut32.a

2.新增GLUT專案 week07_0_sample

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

##10行程式

#include <GL/glut.h>

 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("week06-1_lighting");

    glutDisplayFunc(display);

    glutMainLoop();

}

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

##week07-1_obj_gundam

1.將 source.zip 裡的 glm.h 和 glm.c 解壓縮 glm.c 改成 glm.cpp

2.新增GLUT專案 week07-1_obj_gundam

3.將.glm.h  glm.cpp 放入 week07-1_obj_gundam同一個目錄

4. 專案week07-1_obj_gundam加入 glm.cpp

5.把11行程式放進來

6.把glm 使用時 需要的3段程式放進來

7.更改工作執行目錄-專案，右鍵，選最下面properties 跳出視窗 選Build target

8.把 Execution working dir 工作執行目錄 改成小數點

9.小數點 . 代表gundam.obj  gundam.mtl 和 freeglut.dll 放進目錄

##程式碼

#include <GL/glut.h>

#include"glm.h"

GLMmodel*pmodel=NULL;

void drawmodel(void)

{

    if(!pmodel){

        pmodel = glmReadOBJ("gundam.obj");

        if (!pmodel) exit(0);

glmUnitize(pmodel);

glmFacetNormals(pmodel);

glmVertexNormals(pmodel, 90.0);

    }

    glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);

}

 void display()

 {

     glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);

     drawmodel();

     glutSwapBuffers();

 }

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

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week07-1_obj_gundam");

    glutDisplayFunc(display);

    glutMainLoop();

}

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

##week07-2_obj_gundam_lighting

0.安裝 open-2.1  要加path 用預設目錄

1.重開 Codeblocks 設定貼圖3個設定 settings-compiler

    在search directiories 加入兩個目錄

-compiler 加入 C:\OpenCV2.1\include

-linker 加入 C:\OpenCV2.1\lib

1-1 在 linker setting 裡 加入 cv210  cxcore210  highgui210 

2.新增GLUT專案  week07-2_obj_gundam_lighting

3.模仿上一個程式作法  全部重做一次

4.把diffuse.jpg 也貼上

5.貼上week05-2  18行程式

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

}

6. glutMainLoop() 之前 加入myTexture("Diffuse.ipg");

##程式碼

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

}

#include <GL/glut.h>

#include"glm.h"

GLMmodel*pmodel=NULL;

void drawmodel(void)

{

    if(!pmodel){

        pmodel = glmReadOBJ("gundam.obj");

        if (!pmodel) exit(0);

glmUnitize(pmodel);

glmFacetNormals(pmodel);

glmVertexNormals(pmodel, 90.0);

    }

    glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL | GLM_TEXTURE);

}

 void display()

 {

     glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);

     drawmodel();

     glutSwapBuffers();

 }

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

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week07-1_obj_gundam");

    glutDisplayFunc(display);

    myTexture("Diffuse.jpg");

    glutMainLoop();

}

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

##week07-3_obj_gundam_opencv_texture

##week07-4_obj_gundam