2023年4月6日 星期四

Fafa的奇妙冒險

 Week 08

Week 08-1.1

Step 1:先到 3D圖學 下載sorcedatawin32

Step 2:3個壓縮檔解壓縮,並將data拖曳進windows資料夾

Step 3:打開windows/data資料夾中,點選任意obj檔案,以下為obj檔的參數解釋

v 對應 vertex頂點

vt 對應 貼圖座標 glTexCoord2f(tx,ty)

vn 對應 vertex normal法向量

f 對應 面face

obj檔:表示三維幾何圖形的簡單資料格式檔,包含每個頂點位置UV對映法線以及組成面的頂點列表等資料。

Step 4:開啟Maya,先創建一個object,並匯出成obj檔

(創建object)


(匯出成obj檔)

(一定要有mtl檔)










Step 5:使用Notepad++開啟剛剛的obj檔mtl檔




Step 6:查看obj檔mtl檔的程式碼,了解其功用









Week 08-2

Step 1:打開CodeBlock

Step 2:import OpenGL project

Step 3:將下列程式碼複製到main.cpp檔案中
程式碼:
#include<GL/glut.h>
#include "glm.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("Week08");

    glutDisplayFunc(display);
    glutMainLoop();
}

程式碼講解:#include
#include 後面用 角括號<> 包圍,表示到include資料夾中尋找檔案並匯入
#include 後面用 雙引號"" 包圍,表示到當前目錄尋找檔案並匯入

Step 4:到sorce資料夾中,將glm.h檔 複製進main.cpp所在的資料夾中












Step 5:把從source資料夾中把glm.c複製進main.cpp所在的資料夾中











Step 6:把glm.c改成glm.cpp(更改副檔名為cpp)







Step 7:在CodeBlock中,將glm.cpp加入至main.cpp的











Step 8:在Global Scope加入一行程式碼:GLMmodel *pmodel=NULL;





Step 9:在display()加入以下程式碼
程式碼:
if(pmodel == NULL)                        ///第一次會進來
    {
        pmodel = glmReadOBJ("test.obj");      ///剛剛的檔案
        glmUnitize(pmodel);                   ///縮放指令
    }




Step 10:將test.obj和test.mtl複製進freeglut/bin資料夾中





Step 11:執行程式,完成!





Week 08-3.1


Step 1:開啟

Step 2:把Gumdam模型丟入freeglut/bin/

Step 3:將下列程式碼複製貼上進GLUT project中

程式碼:

#include <GL/glut.h>
#include "glm.h"
GLMmodel * pmodel = NULL;
void display()
{
    glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
    if(pmodel ==NULL){
        pmodel = glmReadOBJ("Gundam.obj");
        glmUnitize(pmodel);
        glmFacetNormals(pmodel);
        glmVertexNormals(pmodel,90);
}
    glmDraw(pmodel,GLM_SMOOTH|GLM_MATERIAL);
        glutSolidTeapot(0.3);
        glutSwapBuffers();


}

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

{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("week08");
    glutDisplayFunc(display);
    glutMainLoop();

}


Step 4:執行,會出現Gumdam的剪影


Week08


Week 08-3.2


Step 1:先安裝OpenCV-2.1.0

Step 2:開啟CodeBlock,並import GLUT project,並使用week08-2的程式碼

Step 3:先依照上週的設定,進行Compiler Setting

Compiler Setting:

Search directories-Compiler-Add:C:\OpenCV2.1\include

Search directories-Linker-Add:C:\OpenCV2.1\lib

Linker settings-Add:cv210、cxcore210、highgui210



Step 4:增加glmFaceNormals()和glmVertexNormals()計算正確的法向量


Step 5:貼上myTexture的函式


Step 6:在main加入myTexture("Diffuse.jpg");    ,圖檔要放在freeglut/bin中


Step 7:將下列程式碼複製貼上進GLUT project

程式碼:

#include <GL/glut.h>
#include "glm.h"
#include <opencv/highgui.h>
#include <opencv/cv.h>
#include <GL/glut.h>
int myTexture(char * filename)
{
    IplImage * img = cvLoadImage(filename);
    cvCvtColor(img,img, CV_BGR2RGB);
    glEnable(GL_TEXTURE_2D);
    GLuint id;
    glGenTextures(1, &id);
    glBindTexture(GL_TEXTURE_2D, id);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);
    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;
}
GLMmodel * pmodel = NULL;
void display()
{
    glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
    if(pmodel ==NULL){
        pmodel = glmReadOBJ("Gundam.obj");
        glmUnitize(pmodel);
        glmFacetNormals(pmodel);
        glmVertexNormals(pmodel,90);
    }
    glmDraw(pmodel,GLM_SMOOTH|GLM_MATERIAL|GLM_TEXTURE);
    glutSwapBuffers();
}

int main(int argc, char *argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("week08");
    myTexture("Diffuse.jpg");
    glutDisplayFunc(display);
    glutMainLoop();
}

Step 8:執行程式後,可發現,原本的剪影有了顏色


沒有留言:

張貼留言