2022年5月2日 星期一

⚝ YI-ZHEN的筆記 week11

 

  • 貼圖+模型
1. 重複上週，先下載freeglut及openCV 2.1 (add path要記得改(.dll檔案))
2. 每次安裝好要記得再重開一次
3. 建立一個GLUT專案
4.下載鋼彈模型的zip檔，其中的data資料夾拉到工作目錄 freeglut的bin資料夾
5. https://jsyeh.org/3dcg10/ 下載 [source] 裡面的glm.h  glm.c放到專案目錄

6. 在Week11_gundam右鍵Add file...新增檔案，加入glm.cpp並點OK
7. 將 main.cpp原有程式刪除，貼上第九周的貼圖程式(記得咒語要加!!!)
    7.1 Setting - Compiler裡面有三個地方要修正 
    7.2 Search directories 中， Compiler 要 Add C:\OpenCV2.1\include
    7.3 Search directories 中， Linker 要 Add C:\OpenCV2.1\lib
    7.4 Linker Add cv210 、cxcore210 、highgui210
8. 貼上第九周的myTexture程式碼
9. 再貼上10行GLUT程式，main函式裡加入一行myTexture放入Diffuse圖片
    執行後會出現有鋼彈圖片的茶壺

#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();
}
int main(int argc,char**argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("Week11 gundam");

    glutDisplayFunc(display);
    myTexture("data/Diffuse.jpg"); ///貼圖

    glutMainLoop();
}

10.  將 glm 模型相關程式 貼上 
(執行雖成功跑出來 但是貼圖卻上下顛倒，因此可至小畫家將圖片垂直翻轉)
(彈這樣執行出來還是前後相反..)

#include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可
#include <opencv/cv.h>
#include <GL/glut.h>
#include "glm.h"
GLMmodel * pmodel = NULL; ///指定一個空指標
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);
    if(pmodel == NULL){
        pmodel = glmReadOBJ("data/gundam.obj");///讀入模型
        glmUnitize(pmodel);///把模型pmodel調整成單位大小 -1...+1
        glmFacetNormals(pmodel);///把Facet面的法向量Normals算出來
        glmVertexNormals(pmodel, 90);///把Vertex的法向量,用面平均算出來,超過90度就分開
    }
    glmDraw(pmodel, GLM_TEXTURE);
    glutSwapBuffers();
}
int main(int argc,char**argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("Week11 gundam");

    glutDisplayFunc(display);
    myTexture("data/Diffuse.jpg");

    glutMainLoop();
}
11. 模型看起來是2D的狀態，所以要開啟3D功能!!!還要讓他轉起來

#include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可
#include <opencv/cv.h>
#include <GL/glut.h>
#include "glm.h"
GLMmodel * pmodel = NULL; ///指定一個空指標
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;
}
float angle=0; ///設一個角度為0
void display()
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    if(pmodel == NULL){
        pmodel = glmReadOBJ("data/gundam.obj");///讀入模型
        glmUnitize(pmodel);///把模型pmodel調整成單位大小 -1...+1
        glmFacetNormals(pmodel);///把Facet面的法向量Normals算出來
        glmVertexNormals(pmodel, 90);///把Vertex的法向量,用面平均算出來,超過90度就分開
    }
    glPushMatrix(); 
        glRotatef(angle, 0, 1, 0); ///讓模型轉起來
        glmDraw(pmodel, GLM_TEXTURE);
    glPopMatrix();
    glutSwapBuffers();
    angle+=0.1; ///每一次轉0.1度
}
int main(int argc,char**argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("Week11 gundam");

    glutDisplayFunc(display);
    glutIdleFunc(display); ///有空就讀入display
    myTexture("data/Diffuse.jpg");
    glEnable(GL_DEPTH_TEST); ///開啟3D功能

    glutMainLoop();
}
  • Maya 匯出模型檔 (示範影片)
1. 如何使用Maya匯出3D模型檔(OBJ) 
https://www.youtube.com/watch?v=D4a7cNFF9kQ

於
標籤： ,

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)