欸冷 電腦圖學week07

   Week07

# soccerball 3D模型範例:

https://jsyeh.org/3dcg10/ 

1下載win32  data  source

2 在下載的資料夾，把windows.zip =>windows資料夾

       把data.zip裡面的data拉到下載windows資料夾裡

3 開啟Transformation.exe 按右上角右鍵切換到soccer

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

 啟動Transformation.exe  切換3D模型

# 研究 /分析今天的檔案:

obj 檔  fbx檔  mtl檔

*OBJ中有三個重要的英文單字縮寫 :

    V: vertex頂點  VN : vertex normal頂點貼圖  F : face面(有人會拼成facet : "比較小的面")

*在maya等動畫軟體裡,習慣用 face(有三角形,四邊形,五邊形...)

其他 : usemt1 XXX 使用 materail XXX

其他 : g XXX 代表 groupe XXX分群組用的

# 研究 Gundam 的模型

## week07-0_sample

## week07-1_obj_gundam

➡先將source.zip 裡的 glm.c 和 glm.h 解壓縮 ,再把 glm.c 改成 glm.cpp

➡File-New-Project,GLUT專案 week07-1_obj_gundam

➡將glm.cpp 和 glm.h 放入week07-1_obj_gundam同一目錄

➡CodeBlocks的week07-1_obj_gundam專案按右鍵,Add把glm.cpp加入

➡把glm使用時 , 需要的3段程式放進來

➡專案,按右鍵,選最下面的properties

➡小數點 . 代表現在專案的目錄

➡把 freeglut/bin/freeglut.dll 放進 week07-1_obj_gundam 目錄

➡把 Cundam.obj Gundam.mtl 放進 week07-1_obj_gundam 目錄

**程式碼 :

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

    ///glutSolidTeapot(0.3);///畫一個實心的茶壺,大小是0.3

glutSwapBuffers();///請GLUT把畫面swap送到顯示的地方

}

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

{ ///上面是特別的main函式,有很多參數

glutInit(&argc, argv);///把GLUT開起來 （GLUT初始化）

glutInitDisplayMode( GLUT_DOUBLE | GLUT_DEPTH);

    ///上面這行是把顯示的模式設定好

glutCreateWindow("week07-1 obj gundam");///要開視窗

glutDisplayFunc(display);///要顯示的對應函式

glutMainLoop();///最後用main迴圈,壓在最後面

}

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