吉親摳ㄎㄎ-Week12

電腦圖學

WEEK12

今天一開始先看看老師厲害的3D Exploration自動生成轉動的鋼彈模型程式

1.1 3D Exploration 安裝 並開啟Gundam模型 (檔案在雲端
1.2 儲存成Open GL檔 Sample APP格式 ，產生cpp 檔

2. CodeBlocks 開 OpenGL專案
2.1. File-New-Project, OpenGL(很後面)
2.2. 把剛剛 gundam.cpp 加入專案
2.3. Build & Run (有些錯誤就修一下)

2.4把匯出的兩個檔案放入openCV檔裡

#define GL_BGR_EXT  0x80E0
#define GL_BGRA_EXT 0x80E1

///以上2行, 可以解決你在 compile時, 找不到 GL_BGR_EXT 及 GL_BGRA_EXT 的問題，並把不認識的註解掉

再來進入本日的重頭戲，來看看是如鶴自己做模型會動的程式，而不是靠外接的軟體

3. 複習 自己的 glm+打光+貼圖 (Week 10 的作業)
3.1. File-New-Project,GLUT專案
3.2. 把 main.cpp 備份(打光)
3.3. 我們先把茶壼做出來(打光)
3.4. 再加上 glm
3.5. 再加上 貼圖

程式碼:

記得把記得把OPEN C.V開起來

3.6. 改變我們的專案的工作執行目錄 . 現在的目錄

     專案設定檔 week12-2.cbp CodeBlocks Project檔 (Notepad++)  working_dir的網誌改成"."，並且把freeglut.dll複製到目錄

3.7 myTexture.txt 裡有 myTexture() 函式把它放在 main()之前。

    把 Diffuse.jpg 放到你的專案目錄中

    在 glutMainLoop() 前 myTexture("Diffuse.jpg");

程式碼:

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

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glutSolidTeapot(0.3);

    glutSwapBuffers();

}

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

int main(int argc, char **argv)

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);

    glutCreateWindow("Week12 all in");

    glutDisplayFunc(display);

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

    myTexture("Diffuse.jpg");

    glutMainLoop();

}

橘色部分為加上的貼圖!!!!!綠色為打光!!!!