電腦圖學 Week12

  #Week12

1. # week12-1_glm_gundam_handA_handb
2. 不要急,這個用 GitHub 下載下來、複製整個目錄、改檔名、改Title
3. 安裝 OpenCV 2.1 小心! Add PATH,用預設目錄
4. Setting-Compiler要加入OpenCV相關的 3個設定
   -compiler的include要加入 C:\OpenCV2.1\include
   -linker的lib要加入C:\OpenCV2.1\lib
   -linker設定 ,要加入cv210 cxcore210 highgui210
5. 再把 GitHub 的程式下載(兩種下載法 Git指令 or Download ZIP) 再把 week11-2 glm gundam opencv texture lighting 拿來改
6. week11-2 複製目錄,改目錄名為 week12-1 glm gundam handA handB
7. 把.cbp檔,改檔名為 week12-1_glm_gundam_handa_handB.cbp
8. 用 Notepad++ 開.cbp檔,改Title 為 week12-1_glm_gundam_handA_handB 並把對應目錄改好
9. CodeBlocks File-Open week12-1_glm_gundam_handa_handB.cbp
10. 要修改的程式:把今天考試的T-R-T 設定正確
11. 技巧1:把擋住的,註解掉。把旋轉,註解掉。
12. 技巧2:把用來對照的座標原點,用 glutSolidSphere (0.1, 30, 30);
    glTranslatef(...);
    glRotatef(...);
    glTranslatef(...);
13. 程式碼:
14. 1. #include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可
    2. #include <opencv/cv.h>
    3. #include <GL/glut.h>
    4. int myTexture(char * filename)
    5. {
    6.     IplImage * img = cvLoadImage(filename); ///OpenCV讀圖
    7.     cvCvtColor(img,img, CV_BGR2RGB); ///OpenCV轉色彩 (需要cv.h)
    8.     glEnable(GL_TEXTURE_2D); ///1. 開啟貼圖功能
    9.     GLuint id; ///準備一個 unsigned int 整數, 叫 貼圖ID
    10.     glGenTextures(1, &id); /// 產生Generate 貼圖ID
    11.     glBindTexture(GL_TEXTURE_2D, id); ///綁定bind 貼圖ID
    12.     glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT); /// 貼圖參數, 超過包裝的範圖T, 就重覆貼圖
    13.     glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); /// 貼圖參數, 超過包裝的範圖S, 就重覆貼圖
    14.     glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST); /// 貼圖參數, 放大時的內插, 用最近點
    15.     glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST); /// 貼圖參數, 縮小時的內插, 用最近點
    16.     glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, img->width, img->height, 0, GL_RGB, GL_UNSIGNED_BYTE, img->imageData);
    17.     return id;
    18. }
    19. #include <GL/glut.h>
    20. #include "glm.h"
    21. GLMmodel * pmodel = NULL;
    22. GLMmodel * handA = NULL;
    23. GLMmodel * handB = NULL;
    24. void drawhandA(void)
    25. {
    26.     if (!handA) {
    27. handA  = glmReadOBJ("data/handA.obj");
    28. if (!handA) exit(0);
    29. glmUnitize(handA);
    30. glmFacetNormals(handA);
    31. glmVertexNormals(handA, 90.0);
    32.     }
    33. 
        
    34.     glmDraw(handA, GLM_SMOOTH | GLM_TEXTURE);
    35. }
    36. void drawhandB(void)
    37. {
    38.     if (!handB) {
    39. handB= glmReadOBJ("data/handB.obj");
    40. if (!handB) exit(0);
    41. glmUnitize(handB);
    42. glmFacetNormals(handB);
    43. glmVertexNormals(handB, 90.0);
    44.     }
    45. 
        
    46.     glmDraw(handB, GLM_SMOOTH | GLM_TEXTURE);
    47. }
    48. void myBody()
    49. {
    50.     glPushMatrix();
    51.         glColor3f(1,0,0);
    52.         glutSolidCube(0.6);///myBody()
    53. glPopMatrix();
    54. }
    55. float angle = 0; ///加這行, 讓它轉動
    56. void display()
    57. {
    58.     glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
    59.     glDisable(GL_TEXTURE_2D);
    60.     myBody();
    61.     glutSolidSphere(0.1,30,30);
    62.     glEnable(GL_TEXTURE_2D);
    63.     glColor3f(1,1,1);
    64. 
        
    65.     glPushMatrix(); ///加這行, 讓它轉動
    66.         glTranslatef(0.3,0.3,0);
    67.         glRotatef(angle++, 0, 0, 1);
    68.         glTranslatef(0,-0.3,0);
    69.         drawhandB(); //glutSolidTeapot( 0.3 );
    70.     glPopMatrix(); ///加這行, 讓它轉動
    71. 
        
    72.     glPushMatrix(); ///加這行, 讓它轉動
    73.         glTranslatef(-0.3,0.3,0);
    74.         glRotatef(-angle++, 0, 0, 1);
    75.         glTranslatef(0,-0.3,0);
    76.         drawhandA(); //glutSolidTeapot( 0.3 );
    77.     glPopMatrix(); ///加這行, 讓它轉動
    78.     glutSwapBuffers();
    79. }
    80. 
        
    81. const GLfloat light_ambient[]  = { 0.0f, 0.0f, 0.0f, 1.0f };
    82. const GLfloat light_diffuse[]  = { 1.0f, 1.0f, 1.0f, 1.0f };
    83. const GLfloat light_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f };
    84. const GLfloat light_position[] = { 2.0f, 5.0f, -5.0f, 0.0f };///加這行, 讓它轉動
    85. 
        
    86. const GLfloat mat_ambient[]    = { 0.7f, 0.7f, 0.7f, 1.0f };
    87. const GLfloat mat_diffuse[]    = { 0.8f, 0.8f, 0.8f, 1.0f };
    88. const GLfloat mat_specular[]   = { 1.0f, 1.0f, 1.0f, 1.0f };
    89. const GLfloat high_shininess[] = { 100.0f };
    90. 
        
    91. int main(int argc, char*argv[])
    92. {
    93.     glutInit(&argc, argv);
    94.     glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
    95.     glutCreateWindow("week08 Gundam");
    96.     glutDisplayFunc(display);
    97.     glutIdleFunc(display); ///加這行, 讓它轉動
    98. 
        
    99.     myTexture("data/Diffuse.jpg");
    100. 
         
    101.     glEnable(GL_DEPTH_TEST);
    102.     glDepthFunc(GL_LESS);
    103. 
         
    104.     glEnable(GL_LIGHT0);
    105.     glEnable(GL_NORMALIZE);
    106.     glEnable(GL_COLOR_MATERIAL);
    107.     glEnable(GL_LIGHTING);
    108. 
         
    109.     glLightfv(GL_LIGHT0, GL_AMBIENT,  light_ambient);
    110.     glLightfv(GL_LIGHT0, GL_DIFFUSE,  light_diffuse);
    111.     glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular);
    112.     glLightfv(GL_LIGHT0, GL_POSITION, light_position);
    113. 
         
    114.     glMaterialfv(GL_FRONT, GL_AMBIENT,   mat_ambient);
    115.     glMaterialfv(GL_FRONT, GL_DIFFUSE,   mat_diffuse);
    116.     glMaterialfv(GL_FRONT, GL_SPECULAR,  mat_specular);
    117.     glMaterialfv(GL_FRONT, GL_SHININESS, high_shininess);
    118. 
         
    119.     glutMainLoop();
    120. }
         
         
         
15. # week12-2_glm_gundam_upper_lower

    目標:要把上手臂、下手臂切好、讀入

    事先準備: Maya開啟來,把 handA.obj 讀入,切割出 upperA.obj 和 lowerA.obj

    
    

    再把 week12-1_glm_gundam_handA_handB 複製成 week12-2_glm_gundam_upper_lower 里面的.cbp 改檔名成 week12-2_glm_gundam upper_lower.cbp

    
    

16. 再用 Notepad++ 把 Title 和目錄,也更新成 week12-2_glm_gundam_upper_lower

17. 最後,把 upperA.obj upperA.mtl lowerA.obj lowerA.mtl 放到 week12-2的目錄

18. 加程式 cpp

    GLMmodel * upperA = NULL;

    GLMmodel * lowerA = NULL;

19. 再把 void drawHandA()複製修改成void drawUpperA() 和 void drawLowerA()

20. 程式碼:

1. #include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可
2. #include <opencv/cv.h>
3. #include <GL/glut.h>
4. int myTexture(char * filename)
5. {
6.     IplImage * img = cvLoadImage(filename); ///OpenCV讀圖
7.     cvCvtColor(img,img, CV_BGR2RGB); ///OpenCV轉色彩 (需要cv.h)
8.     glEnable(GL_TEXTURE_2D); ///1. 開啟貼圖功能
9.     GLuint id; ///準備一個 unsigned int 整數, 叫 貼圖ID
10.     glGenTextures(1, &id); /// 產生Generate 貼圖ID
11.     glBindTexture(GL_TEXTURE_2D, id); ///綁定bind 貼圖ID
12.     glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT); /// 貼圖參數, 超過包裝的範圖T, 就重覆貼圖
13.     glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); /// 貼圖參數, 超過包裝的範圖S, 就重覆貼圖
14.     glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST); /// 貼圖參數, 放大時的內插, 用最近點
15.     glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST); /// 貼圖參數, 縮小時的內插, 用最近點
16.     glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, img->width, img->height, 0, GL_RGB, GL_UNSIGNED_BYTE, img->imageData);
17.     return id;
18. }
19. #include <GL/glut.h>
20. #include "glm.h"
21. GLMmodel * pmodel = NULL;
22. GLMmodel * handA = NULL;
23. GLMmodel * handB = NULL;
24. GLMmodel * upperA = NULL;
25. GLMmodel * lowerA = NULL;
26. void drawUpperA(void)
27. {
28.     if (!upperA) {
29. upperA  = glmReadOBJ("data/upperA.obj");
30. if (!upperA) exit(0);
31. glmUnitize(upperA);
32. glmFacetNormals(upperA);
33. glmVertexNormals(upperA, 90.0);
34.     }
35. 
    
36.     glmDraw(upperA, GLM_SMOOTH | GLM_TEXTURE);
37. }
38. void drawLowerA(void)
39. {
40.     if (!lowerA) {
41. lowerA= glmReadOBJ("data/lowerA.obj");
42. if (!lowerA) exit(0);
43. glmUnitize(lowerA);
44. glmFacetNormals(lowerA);
45. glmVertexNormals(lowerA, 90.0);
46.     }
47. 
    
48.     glmDraw(lowerA, GLM_SMOOTH | GLM_TEXTURE);
49. }
50. void myBody()
51. {
52.     glPushMatrix();
53.         glColor3f(1,0,0);
54.         glutSolidCube(0.6);///myBody()
55. glPopMatrix();
56. }
57. float angle = 0,da=1; ///加這行, 讓它轉動
58. void display()
59. {
60.     angle+=da;
61.     if(angle>90)da=-1;
62.     if(angle<0)da=+1;
63.     glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
64.     glDisable(GL_TEXTURE_2D);
65.     ///myBody();
66.     ///glutSolidSphere(0.1,30,30);
67.     glEnable(GL_TEXTURE_2D);
68.     glColor3f(1,1,1);
69. 
    
70.     drawUpperA();
71.     glPushMatrix(); ///加這行, 讓它轉動
72.         glTranslatef(-0.02,-0.09,0);
73.         glRotatef(angle,1,0,0);
74.         glTranslatef(0,-0.21,0);
75.         drawLowerA();
76.     glPopMatrix(); ///加這行, 讓它轉動
77. 
    
78.     glutSwapBuffers();
79. }
80. 
    
81. const GLfloat light_ambient[]  = { 0.0f, 0.0f, 0.0f, 1.0f };
82. const GLfloat light_diffuse[]  = { 1.0f, 1.0f, 1.0f, 1.0f };
83. const GLfloat light_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f };
84. const GLfloat light_position[] = { 2.0f, 5.0f, -5.0f, 0.0f };///加這行, 讓它轉動
85. 
    
86. const GLfloat mat_ambient[]    = { 0.7f, 0.7f, 0.7f, 1.0f };
87. const GLfloat mat_diffuse[]    = { 0.8f, 0.8f, 0.8f, 1.0f };
88. const GLfloat mat_specular[]   = { 1.0f, 1.0f, 1.0f, 1.0f };
89. const GLfloat high_shininess[] = { 100.0f };
90. 
    
91. int main(int argc, char*argv[])
92. {
93.     glutInit(&argc, argv);
94.     glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
95.     glutCreateWindow("week12");
96.     glutDisplayFunc(display);
97.     glutIdleFunc(display); ///加這行, 讓它轉動
98. 
    
99.     myTexture("data/Diffuse.jpg");
100. 
     
101.     glEnable(GL_DEPTH_TEST);
102.     glDepthFunc(GL_LESS);
103. 
     
104.     glEnable(GL_LIGHT0);
105.     glEnable(GL_NORMALIZE);
106.     glEnable(GL_COLOR_MATERIAL);
107.     glEnable(GL_LIGHTING);
108. 
     
109.     glLightfv(GL_LIGHT0, GL_AMBIENT,  light_ambient);
110.     glLightfv(GL_LIGHT0, GL_DIFFUSE,  light_diffuse);
111.     glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular);
112.     glLightfv(GL_LIGHT0, GL_POSITION, light_position);
113. 
     
114.     glMaterialfv(GL_FRONT, GL_AMBIENT,   mat_ambient);
115.     glMaterialfv(GL_FRONT, GL_DIFFUSE,   mat_diffuse);
116.     glMaterialfv(GL_FRONT, GL_SPECULAR,  mat_specular);
117.     glMaterialfv(GL_FRONT, GL_SHININESS, high_shininess);
118. 
     
119.     glutMainLoop();
120. } 

21. # week12-3_glm_gundam_keyboard_angleID_mouse_motion_angle

    
    

    1. 把 week12-2_glm_gundam_uppperA lowerA 複製成

    
    

    2. week12-3_glm_gundam_keyboard_angleID_mouse_motion_angle 利用 mouse motion 來改變 angle

    
    

    cpp

    
    

    float angle = 0, da = 1; //剛剛的舊的程式碼

    
    

    void motion(int x, int y) { //加入 mouse motion 對應的函式 angle = y; //當我們的 mouse motion 時,y座標對應角度

    
    

    }

    
    

    void display()

    
    

    { /// angle += da; //不要自己動,要用 mouse motion 來動

    
    

    /// if (angle>90) da = -1; /// if (angle<0) da = +1;

    
    

    glClear (GL_COLOR BUFFER_BIT|GL_DEPTH_BUFFER_BIT);

    
    

    在 int main()裡,加入 glutMotionFunc(motion);

22. 把 week12-2_glm_gundam_uppperA lowerA 複製成

23. week12-3_glm_gundam_keyboard_angleID_mouse_motion_angle
24. 利用 mouse motion 來改變 angle cpp

    float angle = 0, da = 1; //剛剛的舊的程式碼

    void motion(int x, int y) { //加入 mouse motion 對應的函式 angle = y; //當我們的 mouse motion 時,y座標對應角度

    }

    void display()

    { angle += da; //不要自己動,要用 mouse motion 來動

    /// if (angle>90) da = -1; /// if (angle<0) da = +1;

    glClear (GL_COLOR BUFFER_BIT|GL_DEPTH_BUFFER_BIT);

25. 註解掉這三行

    ///angle+=da;//不要自己動要用mouse motion來動

        ///if(angle>90)da=-1;

        ///if(angle<0)da=+1;

    int main()中加入

    glutMotionFunc(motion);