2024年4月11日 星期四

C~電腦圖學日誌 Week08

Week08主題: OBJ模型

資料理解

1去https://jsyeh.org/3dcg10/下載 source, data, win32三個檔案

2用Notepad++打開al.mtl, al.obj來研究一下有什麼資料在裡面

al.mtl中Ka,Kd代表打光的顏色

Ka 0.2 0.2 0.2

Kd 0.1 0.1 0.1


al.obj

v代表頂點(vertex),3個參數XYZ
f代表面(face),
g代表group


week08-1 glm_gundam

功能是呈現剛彈模型

1開新GLUT專案week08-1 glm_gundam

2專案要做設定
將glm.c(改成cpp)跟glm.h放入桌面week08-1 glm_gundam專案資料夾中
於GLUT專案中右鍵新增glm.cpp這個檔案

3貼上11行GLUT程式

4把Gundam的模型加入專案資料夾中(新增data資料夾存在裡面)


5把freeglut資料夾bin中的freeglut.dll複製到glm_gumdam專案資料夾中
6把專案的工作執行目錄改成    .    (清除歷史餘毒!!)


7插入Week06讀模型的3段程式碼
#include "glm.h"///新增1

GLMmodel* pmodel = NULL;///新增2

void drawmodel(void)///新增3
{
    if (!pmodel) {
pmodel = glmReadOBJ("data/gundam.obj");///這裡改成3D檔的檔名
if (!pmodel) exit(0);
glmUnitize(pmodel);
glmFacetNormals(pmodel);
glmVertexNormals(pmodel, 90.0);
    }

    glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
}
把void display(){}中的
glutSolidTeapot( 0.3 );改成=>drawmodel();



week08-2_glm_gundam_opencv_textrue

功能是把剛彈模型上貼圖

1安裝OpenCV 2.1,要Add PATH,不要改目錄

2重開CodeBlocks(為了PATH重設好

3開新GLUT專案week08-2_glm_gundam_opencv_textrue

4一樣是freeglut.dll、data資料夾(多了Diffuse貼圖檔)、兩個glm.檔案複製到專案資料夾

5一樣是清歷史餘毒

6一樣是專案中右鍵新增glm.cpp

7去設定 Settings->Compiler 要加3個設定

7.1 search目錄 Compiler的 include目錄  加C:\OpenCV2.1\include

7.2 search目錄 Linker 的 lib目錄  加C:\OpenCV2.1\lib

7.3 加入Linker設定的 3個檔名 cv210 cxcore210 highgui210

8用week08-1 glm_gundam來改
///貼上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;
}

void drawmodel(void){
glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL | GLM_TEXTURE);//加了才會有貼圖
}

myTexture("data/Diffuse.jpg");///在迴圈前呼叫貼圖
glutMainLoop();



week08-3_glm_gundam_opencv_textrue_lighting

功能是把剛彈上的貼圖、打光調到正常,並旋轉

1開新GLUT專案week08-3_glm_gundam_opencv_textrue_lighting

2把檔案放入專案資料夾

3一樣是freeglut.dll、data資料夾(多了Diffuse貼圖檔)、兩個glm.檔案複製到專案資料夾

4一樣是清歷史餘毒

5一樣是專案中右鍵新增glm.cpp

6貼上week08-2_glm_gundam_opencv_textrue

7加入8+12+2行打光程式碼
且剛彈塗層變正常的版本
glmDraw(pmodel, GLM_SMOOTH  | GLM_TEXTURE);/// GLM_MATERIAL刪除

const GLfloat light_ambient[]  = { 0.0f, 0.0f, 0.0f, 1.0f };
const GLfloat light_diffuse[]  = { 1.0f, 1.0f, 1.0f, 1.0f };
const GLfloat light_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f };
const GLfloat light_position[] = { 2.0f, 5.0f, 5.0f, 0.0f };

const GLfloat mat_ambient[]    = { 0.7f, 0.7f, 0.7f, 1.0f };
const GLfloat mat_diffuse[]    = { 0.8f, 0.8f, 0.8f, 1.0f };
const GLfloat mat_specular[]   = { 1.0f, 1.0f, 1.0f, 1.0f };
const GLfloat high_shininess[] = { 100.0f };

    glEnable(GL_DEPTH_TEST);
    glDepthFunc(GL_LESS);

    glEnable(GL_LIGHT0);
    glEnable(GL_NORMALIZE);
    glEnable(GL_COLOR_MATERIAL);
    glEnable(GL_LIGHTING);

    glLightfv(GL_LIGHT0, GL_AMBIENT,  light_ambient);
    glLightfv(GL_LIGHT0, GL_DIFFUSE,  light_diffuse);
    glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular);
    glLightfv(GL_LIGHT0, GL_POSITION, light_position);

    glMaterialfv(GL_FRONT, GL_AMBIENT,   mat_ambient);
    glMaterialfv(GL_FRONT, GL_DIFFUSE,   mat_diffuse);
    glMaterialfv(GL_FRONT, GL_SPECULAR,  mat_specular);
    glMaterialfv(GL_FRONT, GL_SHININESS, high_shininess);


8增加亮度
const GLfloat light_position[] = { 2.0f, 5.0f, -5.0f, 0.0f };

自動旋轉
float angle=0;
void display(){
    glClear(GL_COLOR_BUFFER_BIT |GL_DEPTH_BUFFER_BIT);
    glPushMatrix();
        glRotated(angle++, 0, 1, 0);
        drawmodel();
    glPopMatrix();
    glutSwapBuffers();
}

int main(){}中加
glutIdleFunc(display); ///加這行, 讓它轉動



沒有留言:

張貼留言