2024年5月2日 星期四

魚鱗☆ﾟ.*･｡電腦圖學 Week11

 1. week11-1_TRT_again

(1)安裝freeglut

(2)開啟新專案：week11-1_TRT_again

(3)把上週的week10-1_glutWireCube_myBody_myArm程式碼貼上，要用剛剛教的小考T-R-T轉動來做修改

#include <GL/glut.h>
void myBody()
{
    glPushMatrix();
        glColor3f(1, 0, 0);
        glutWireCube(0.6);///myBody()
    glPopMatrix();
}
void myArm()
{
    glPushMatrix();
        glColor3f(0, 1, 0);
        glScalef(1, 0.4, 0.4);
        glutWireCube(0.3);///myArm()
    glPopMatrix();
}
float angle=0;
void display()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    myBody();
    glPushMatrix();
        glTranslatef(0.3,0.2,0);
        glRotatef(angle++, 0, 0, 1);
        glTranslatef(0.15, 0, 0);
        myArm();
    glPopMatrix();
glutSwapBuffers();
}
int main(int argc, char*argv[])
{
glutInit(&argc, argv);
 glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
 glutCreateWindow("week11");
 glutDisplayFunc(display);
 glutIdleFunc(display);
 glutMainLoop();
}

2. week11-2_obj_gundam_opencv_texture_lighting

(1)安裝opencv，重開CodeBlocks

(2)目錄：把整個week09-1_glm_gundam_opencv_texture_lighting 複製到桌面，改名叫 week11-2_obj_gundam_opencv_texture_lighting，cbp檔也要改

(3)open file，然後去properties中的title把名字改成week11-2_obj_gundam_opencv_texture_lighting

(4)去CodeBlocks中開啟檔案

3. Maya切割、匯出obj檔☆ﾟ.*･｡

(1)打開Maya

(2)匯入鋼彈檔案 File -> Import -> week11-2_obj_gundam_opencv_texture_lighting -> data ->Gundam.obj

(3)把除了左手外的東西全刪掉，匯出叫handA.obj

(4)再匯入一次整個鋼彈進來，把除了右手外的東西全刪掉，匯出叫handB.obj


4. 繼續修改week11-2_obj_gundam_opencv_texture_lighting

(1)把剛剛的handA.obj、handA.obj、handB.obj、handB.obj 放進 week11-2_obj_gundam_opencv_texture_lighting 裡的data資料夾

(2)增加能顯示左手的程式

#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);
    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;
}
#include <GL/glut.h>
#include "glm.h"
GLMmodel * pmodel = NULL;
GLMmodel * handA = NULL;
GLMmodel * handB = NULL;
void drawHandA(void)
{
    if (!handA) {
handA = glmReadOBJ("data/handA.obj");
 if (!handA) exit(0);
 glmUnitize(handA);
 glmFacetNormals(handA);
 glmVertexNormals(handA, 90.0);
    }
    glmDraw(handA, GLM_SMOOTH | GLM_TEXTURE);
}
void drawHandB(void)
{
    if (!handB) {
handB = glmReadOBJ("data/handB.obj");
 if (!handB) exit(0);
 glmUnitize(handB);
 glmFacetNormals(handB);
 glmVertexNormals(handB, 90.0);
    }
    glmDraw(handB, GLM_SMOOTH | GLM_TEXTURE);
}
float angle = 0; ///加這行, 讓它轉動
void display()
{
    glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
    glPushMatrix(); ///加這行, 讓它轉動handB.obj
        glRotatef(angle++, 0, 1, 0); ///加這行, 讓它轉動
        drawHandA();
    glPopMatrix(); ///加這行, 讓它轉動
    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("week11 Gundam");
    glutDisplayFunc(display);
    glutIdleFunc(display); ///加這行, 讓它轉動
    myTexture("data/Diffuse.jpg");
    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);
    glutMainLoop();
}

(3)執行程式就能看到左手了

(4)再加程式

#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); 
    cvCvtColor(img,img, CV_BGR2RGB); 
    glEnable(GL_TEXTURE_2D); 
    GLuint id; 
    glGenTextures(1, &id); 
    glBindTexture(GL_TEXTURE_2D, id); ///綁定bind 貼圖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;
}
#include <GL/glut.h>
#include "glm.h"
GLMmodel * pmodel = NULL;
GLMmodel * handA = NULL;
GLMmodel * handB = NULL;
void drawHandA(void)
{
    if (!handA) {
 handA = glmReadOBJ("data/handA.obj");
 if (!handA) exit(0);
 glmUnitize(handA);
 glmFacetNormals(handA);
 glmVertexNormals(handA, 90.0);
    }
    glmDraw(handA, GLM_SMOOTH | GLM_TEXTURE);
}
void drawHandB(void)
{
    if (!handB) {
 handB = glmReadOBJ("data/handB.obj");
 if (!handB) exit(0);
 glmUnitize(handB);
 glmFacetNormals(handB);
 glmVertexNormals(handB, 90.0);
    }
    glmDraw(handB, GLM_SMOOTH | GLM_TEXTURE);
}
void myBody(void)
{
    glPushMatrix();
        glColor3f(1,0,0);
        glutSolidCube(0.6);
    glPopMatrix();
}
float angle = 0; ///加這行, 讓它轉動
void display()
{
    glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
    glDisable(GL_TEXTURE_2D);
    myBody();
    glEnable(GL_TEXTURE_2D);
    glColor3f(1,1,1);
    glPushMatrix(); ///加這行, 讓它轉動handB.obj
        glRotatef(angle++, 0, 1, 0); ///加這行, 讓它轉動
        drawHandA(); //glutSolidTeapot( 0.3 );
    glPopMatrix(); ///加這行, 讓它轉動
    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("week11 Gundam");
    glutDisplayFunc(display);
    glutIdleFunc(display); ///加這行, 讓它轉動
    myTexture("data/Diffuse.jpg");
    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);
    glutMainLoop();
}

(5)執行程式

5. 上傳Github




於
標籤： ,

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)
  • 超級有用的電腦圖學筆記 Week01
     1.今天加入一個Blogger  2.創立一個自己的品牌  3.每周一篇,標籤(學號姓名,WeekXX)  4.第二節學到如何放圖片  5.老師教我們許多截圖法  6.實際在WebGL Water操作3D的球 (https://madebyevan.com/webgl-wate...
  • 吟霖根本我婆
    week16-1_sample_gluLookAt 在resize()函式 加入gluLookAt() 2想再按按鍵時看不同位置 if(key=='?') week16-2_glut_glutReshapeFunc_gluPerspective_gluLookAt...
  • 魚鱗☆ﾟ.*･｡電腦圖學 Week16
      1. week16-0_sample (1)安裝freeglut (2)安裝opencv，重開CodeBlocks  --> 詳細去看 魚鱗電腦圖學Week05-1 (3) 打開新專案，命名為： week1 6-0_sample 2. 下載課本範例☆ﾟ.*･｡ (1)進...