2024年4月11日 星期四

電腦圖學 Week08

 Week08

  1. https://jsyeh.org/3dcg10/點開下載window.zip和data,zip還有source

  2. 兩個解壓縮後把data資料夾放進window夾裡面
    分析一下 data.zip裡面的檔案 解壓縮
    -AI.mtl看到裡面 Ka Kd對應打光的material
    -AI.obj裡面很多內容
      -#代表註解
      -可以再引用另一個mtl檔
      -v 代表頂點 後面有座標x y z
      -f 代表面 face 或 facet 後面有頂點的編號
      -g 代表 gruop
  3. 桌面安裝freeglut把lib的libfreeglut.a複製改名成libglut32.a
    File-NewProject,GLUT專案week08_sample

  4. File-NewProject,GLUT專案week08-1_glm_gundam
    要把source.zip裡面的glm.h glm.c都copy到你的專案資料夾,把glm.c改檔名成glm.cpp
    在專案裡,按右鍵Add Files 把glm.cpp加入專案
    把 main.cpp裡,改成11行 GLUT的簡單程式碼
    2. #include <GL/glut.h>
    3. void display()
    4. {
    5.     glutSolidTeapot(0.3);
    6.     glutSwapBuffers();
    7. }

    9. int main(int argc,char*argv[])
    10. {
    11.     glutInit(&argc,argv);
    12.     glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
    13.     glutCreateWindow("week04 mouse glScalef");
    14.     glutDisplayFunc(display);

    16.     glutMainLoop();
    17. }

  5. 再把gundam模型(Gundam.mtl Gumdam.obj)加進去你的專案目錄裡的data資料夾
  6. 要把專案的共作執行目錄,換成小數點
  7. 要把 桌面 複製到freeglut-MinGW-3.0.0-1.mp\freeglut\bin\freeglut.dll專案目錄裡
  8. main.cpp再加入讀模型的程式碼
  9. 程式碼:
    1. #include <GL/glut.h>
    2. #include "glm.h"
    3. GLMmodel * pmodel = NULL;
    4. void drawmodel(void)
    5. {
    6.     if (!pmodel) {
    7. pmodel = glmReadOBJ("data/Gundam.obj");
    8. if (!pmodel) exit(0);
    9. glmUnitize(pmodel);
    10. glmFacetNormals(pmodel);
    11. glmVertexNormals(pmodel, 90.0);
    12.     }

    14.     glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
    15. }
    16. void display()
    17. {
    18.     glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
    19.     drawmodel();
    20.     glutSwapBuffers();
    21. }

    23. int main(int argc,char*argv[])
    24. {
    25.     glutInit(&argc,argv);
    26.     glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
    27.     glutCreateWindow("week08-1_again");
    28.     glutDisplayFunc(display);

    30.     glutMainLoop();
    31. }

  11. week08-2_glm_gundam_opencv_texture
  12. 安裝opencv2.1記得要 add path ,不要改目錄
  13. 關閉重開codeblocks(才會把path設定設好。要記得存檔)
  14. file-new-project, glut專案week08-2_glm_gundam_opencv_texture
  15. 重做剛剛的 glm.h glm.cpp放到目錄裡把Gundam.obj Gundam.mtl及新的Diffuse.jpg都放到專案的data目錄裡

  16. 要把專案的共作執行目錄,換成小數點


  17. 要把 桌面 複製到freeglut\bin\freeglut.dll專案

  18. 貼上貼圖18行程式碼
  19. 另外,在glutMainLoop();
    ```cpp
    myTexture("data/Diffuse.jpg")
    glutMainLoop();
  20. Setting-Compiler要加入OpenCV相關的 3個設定
  21. -compiler的include要加入 C:\OpenCV2.1\include 
    -linker的lib要加入C:\OpenCV\lib
    -linker設定 ,要加入cv210 cxcore210 highgui210



  22. 改一下glmDraw(pmodel,GLM_SMOOTH|GLM_MATERIAL|GLM_TEXTURE);
  23. 程式碼:
    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. void drawmodel(void)
    23. {
    24.     if (!pmodel) {
    25. pmodel = glmReadOBJ("data/Gundam.obj");
    26. if (!pmodel) exit(0);
    27. glmUnitize(pmodel);
    28. glmFacetNormals(pmodel);
    29. glmVertexNormals(pmodel, 90.0);
    30.     }

    32.     glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL|GLM_TEXTURE);
    33. }
    34. void display()
    35. {
    36.     glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
    37.     drawmodel();
    38.     glutSwapBuffers();
    39. }

    41. int main(int argc,char*argv[])
    42. {
    43.     glutInit(&argc,argv);
    44.     glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
    45.     glutCreateWindow("week08-1_again");
    46.     glutDisplayFunc(display);
    47.     myTexture("data/Diffuse.jpg");
    48.     glutMainLoop();
    49. }

  24. week08-3_glm_gundam_opencv_texture_lighting
  25. File-NewProject,GLUT專案
  26. 在專案目錄裡,加入data目錄 ,裡面有Gundam.obj Gunfam.mtl Diffuse.jpg三個檔案
  27. 在專案目錄裡,加入glm.h glm.cpp freeglut.dll三個檔案
  28. 專案設定 左邊 右鍵-最下面Properties跳出來的第二頁,工作執行目錄executable working directory 設成小數點.

  29. 最後,在main.cpp裡,貼入week08-2_glm_gundam_opencv_texture的程式碼
  30. 再加入week08-0_sample裡的打光lighting程式碼8行陣列+12+2行的函示呼叫
  31. 程式碼:
    1. ///先把 week08-1_glm_gundam 的程式貼上來
    2. ///等一下, 要再加貼圖的 18行程式
    3. #include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可
    4. #include <opencv/cv.h>
    5. #include <GL/glut.h>
    6. int myTexture(char * filename)
    7. {
    8.     IplImage * img = cvLoadImage(filename); ///OpenCV讀圖
    9.     cvCvtColor(img,img, CV_BGR2RGB); ///OpenCV轉色彩 (需要cv.h)
    10.     glEnable(GL_TEXTURE_2D); ///1. 開啟貼圖功能
    11.     GLuint id; ///準備一個 unsigned int 整數, 叫 貼圖ID
    12.     glGenTextures(1, &id); /// 產生Generate 貼圖ID
    13.     glBindTexture(GL_TEXTURE_2D, id); ///綁定bind 貼圖ID
    14.     glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT); /// 貼圖參數, 超過包裝的範圖T, 就重覆貼圖
    15.     glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); /// 貼圖參數, 超過包裝的範圖S, 就重覆貼圖
    16.     glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST); /// 貼圖參數, 放大時的內插, 用最近點
    17.     glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST); /// 貼圖參數, 縮小時的內插, 用最近點
    18.     glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, img->width, img->height, 0, GL_RGB, GL_UNSIGNED_BYTE, img->imageData);
    19.     return id;
    20. }
    21. #include <GL/glut.h>
    22. #include "glm.h"
    23. GLMmodel * pmodel = NULL;
    24. void drawmodel(void)
    25. {
    26.     if (!pmodel) {
    27. pmodel = glmReadOBJ("data/Gundam.obj");
    28. if (!pmodel) exit(0);
    29. glmUnitize(pmodel);
    30. glmFacetNormals(pmodel);
    31. glmVertexNormals(pmodel, 90.0);
    32.     }

    34.     glmDraw(pmodel, GLM_SMOOTH | GLM_TEXTURE);
    35. }
    36. float angle = 0; ///加這行, 讓它轉動
    37. void display()
    38. {
    39.     glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
    40.     glPushMatrix(); ///加這行, 讓它轉動
    41.         glRotatef(angle++, 0, 1, 0); ///加這行, 讓它轉動
    42.         drawmodel(); //glutSolidTeapot( 0.3 );
    43.     glPopMatrix(); ///加這行, 讓它轉動
    44.     glutSwapBuffers();
    45. }

    47. const GLfloat light_ambient[]  = { 0.0f, 0.0f, 0.0f, 1.0f };
    48. const GLfloat light_diffuse[]  = { 1.0f, 1.0f, 1.0f, 1.0f };
    49. const GLfloat light_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f };
    50. const GLfloat light_position[] = { 2.0f, 5.0f, -5.0f, 0.0f };///加這行, 讓它轉動

    52. const GLfloat mat_ambient[]    = { 0.7f, 0.7f, 0.7f, 1.0f };
    53. const GLfloat mat_diffuse[]    = { 0.8f, 0.8f, 0.8f, 1.0f };
    54. const GLfloat mat_specular[]   = { 1.0f, 1.0f, 1.0f, 1.0f };
    55. const GLfloat high_shininess[] = { 100.0f };

    57. int main(int argc, char*argv[])
    58. {
    59.     glutInit(&argc, argv);
    60.     glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
    61.     glutCreateWindow("week08 Gundam");
    62.     glutDisplayFunc(display);
    63.     glutIdleFunc(display); ///加這行, 讓它轉動

    65.     myTexture("data/Diffuse.jpg");

    67.     glEnable(GL_DEPTH_TEST);
    68.     glDepthFunc(GL_LESS);

    70.     glEnable(GL_LIGHT0);
    71.     glEnable(GL_NORMALIZE);
    72.     glEnable(GL_COLOR_MATERIAL);
    73.     glEnable(GL_LIGHTING);

    75.     glLightfv(GL_LIGHT0, GL_AMBIENT,  light_ambient);
    76.     glLightfv(GL_LIGHT0, GL_DIFFUSE,  light_diffuse);
    77.     glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular);
    78.     glLightfv(GL_LIGHT0, GL_POSITION, light_position);

    80.     glMaterialfv(GL_FRONT, GL_AMBIENT,   mat_ambient);
    81.     glMaterialfv(GL_FRONT, GL_DIFFUSE,   mat_diffuse);
    82.     glMaterialfv(GL_FRONT, GL_SPECULAR,  mat_specular);
    83.     glMaterialfv(GL_FRONT, GL_SHININESS, high_shininess);

    85.     glutMainLoop();
    86. }
於
標籤： ,

沒有留言:

張貼留言

訂閱： 張貼留言 (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)進...