2022年5月2日 星期一

*嗚嗚* Week11

 # Week11

主題1:由於上週最後讀出3D模型的步驟&程式碼,教得太快,所以老師再重新說明了一遍。

步驟一:先完成所有的設定

-安裝freeglut,短的變得更短:libglut32.a

-安裝OpenCV 2.1(Add PATH...)

-重開CodeBlocks

-打開新的GLUT專案,取名為week11_gundam

-下載 https://jsyeh.org/3dcg10/ 的 source.zip 裡面的 glm.h & glm.c(改名稱為glm.cpp)

-把glm.h&glm.cpp放到week11_gundam專案裡(main.cpp旁邊)

-把myGundam.zip裡的data模型檔放進freeglut/bin裡

步驟二:

-貼上week09的貼圖程式碼

-設定OpenCV咒語(跟上週一樣)

-左邊的Projects,游標在week11_gundam專案按右鍵:Add Files把glm.cpp加進去(按ok就行了)

#include <opencv/highgui.h>

int main()

{

    IplImage * img=cvLoadImage("data/Diffuse.jpg");

    cvShowImage("week11",img);

    cvWaitKey(0);

}

如果都沒報錯,表示設定都沒錯。

主題2:繼續完成3D模型

步驟1:

-把myTexture放到程式的前面

-把10行基本GLUT程式碼放進去(茶壺)

-在main()/glutMainLoop()之前加上myTexture("data/Diffuse.jpg");

#include <opencv/highgui.h>

#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_DOUBLE | GLUT_DEPTH );

    glutCreateWindow("week11 gundam");


    glutDisplayFunc( display );

    myTexture("data/Diffuse.jpg");

    glutMainLoop();

}

模型會貼圖在茶壺上。


步驟2:

-把跟glm模型相關的程式貼上

    -#include "glm.h" //使用glm外掛

    -GLMmodel * pmodel=NULL;

    -display()裡面,畫模型的程式貼上

void display()

{

     glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

     if(pmodel==NULL){

        pmodel=glmReadOBJ("data/gundam.obj");

        glmUnitize(pmodel);

        glmFacetNormals(pmodel);

        glmVertexNormals(pmodel,90);

     }

     glmDraw(pmodel,GLM_TEXTURE);

     glutSwapBuffers();

}

模型就出來了,但模型顏色怪怪的。

步驟3:要修改3D模型,因為模型的貼圖好像上下顛倒了,看起來模型被壓扁了。
-利用小畫家,把freeglut/bin/data/Diffuse.jpg 上下翻轉(垂直翻轉)
-在glutMainLoop()之前加上:glEnable(GL_DEPTH_TEST);開啟3D深度測試功能
-讓模型旋轉glPushMatrix()..glRotatef(angle,0,1,0)...angle+=1...glPopMatrix()
-最後,加上glutIdleFunc(display)

#include <opencv/highgui.h>
#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;
void display()
{
     glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
     if(pmodel==NULL){
        pmodel=glmReadOBJ("data/gundam.obj");
        glmUnitize(pmodel);
        glmFacetNormals(pmodel);
        glmVertexNormals(pmodel,90);
     }
     glPushMatrix();
        glRotatef(angle,0,1,0);
        glmDraw(pmodel,GLM_TEXTURE);
     glPopMatrix();
     glutSwapBuffers();
     angle+=1;
}
int main(int argc,char**argv)
{
    glutInit(&argc,argv);
    glutInitDisplayMode( GLUT_DOUBLE | GLUT_DEPTH );
    glutCreateWindow("week11 gundam");

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

    glutMainLoop();
}
模型看起來很漂亮

主題3:利用maya做3D模型
-老師說故事時間:重點:多練習才能學好
-如何使用 Maya 匯出 3D模型檔(OBJ):看YOUTUBE影片:- https://www.youtube.com/watch?v=D4a7cNFF9kQ
-期末作業:可以使用自己做的模型或是現成的模型,要貼圖(不貼圖很醜),要分割模型,使模型的特定部位可以分開做動作(跳舞的效果)。下禮拜會再教這部分。
-這學期的成績標準:
    -期中考
    -小考(下下週)
    -作業1
    -作業2
    -作業3(下週)
    -作業4
    -期末作品
今天有提早下課~
-GitHub指令把程式碼上傳:
    -電腦之前有 git clone 過,不用再做
    -電腦之前有git config過,不用再做
    #記得在目錄中git pull把雲端拉下來同步
只要把程式碼檔案放進2022graphics
-git pull
-git add . 
-git commit -m
-git push
The End




沒有留言:

張貼留言