2024年5月23日 星期四

電腦圖學 Week14

 # Week14

#week14-1_alpha_interpolation_angle_timer

先設定好開發環境

  1. freeglut

  2. OpenCV 2.1 (小心 Add PATH)

  3. Settings Compiler Settings 三個設定

    接續上週的 week13-2

  4. 從 GitHub 複製目錄 week13-2 FILE fopen fprintf fscanf

  5. 改目錄名 week14-1 alpha interpolation angle_timer

  6. 改.cbp檔名,用 Notepad++ 修改裡面的設定

  7. 成功執行後,在進行alpha內插 todo開啟excel

    新的*alpha + 舊的*(1-alpha)

    timer 做動畫,要記得一直接力,設定下一個timer

  8. 程式碼:
    #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;
    }
    #include <GL/glut.h>
    #include "glm.h"
    GLMmodel * pmodel = NULL;
    GLMmodel * handA = NULL;
    GLMmodel * handB = NULL;
    GLMmodel * upperA = NULL;
    GLMmodel * lowerA = NULL;
    GLMmodel * body = NULL;
    void drawBody(void)
    {
        if (!body) {
    body  = glmReadOBJ("data/body.obj");
    if (!body) exit(0);
    glmUnitize(body);
    glmFacetNormals(body);
    glmVertexNormals(body, 90.0);
        }

        glmDraw(body, GLM_SMOOTH | GLM_TEXTURE);
    }
    void drawUpperA(void)
    {
        if (!upperA) {
    upperA  = glmReadOBJ("data/upperA.obj");
    if (!upperA) exit(0);
    glmUnitize(upperA);
    glmFacetNormals(upperA);
    glmVertexNormals(upperA, 90.0);
        }

        glmDraw(upperA, GLM_SMOOTH | GLM_TEXTURE);
    }
    void drawLowerA(void)
    {
        if (!lowerA) {
    lowerA= glmReadOBJ("data/lowerA.obj");
    if (!lowerA) exit(0);
    glmUnitize(lowerA);
    glmFacetNormals(lowerA);
    glmVertexNormals(lowerA, 90.0);
        }

        glmDraw(lowerA, GLM_SMOOTH | GLM_TEXTURE);
    }
    void myBody()
    {
        glPushMatrix();
            glColor3f(1,0,0);
            glutSolidCube(0.6);///myBody()
    glPopMatrix();
    }
    ///float angle = 0,da=1; ///加這行, 讓它轉動
    float angle[20]={};
    int angleID=0;
    int oldX=0,oldY=0;
    #include <stdio.h>
    FILE * fin = NULL;
    FILE * fout = NULL;
    void motion(int x, int y){
        angle[angleID]+=y-oldY;
        oldX=x;
        oldY=y;
        glutPostRedisplay();

    }
    void mouse(int button,int state,int x, int y){
        oldX=x;
        oldY=y;
    }
    float oldAngle[20]={},newAngle[20]={};
    void timer(int t){
        glutTimerFunc(50,timer,t+1);
        if(t%20==0){
            if(fin==NULL)fin=fopen("angle.txt","r");
            for(int i=0;i<20;i++){
                oldAngle[i]=newAngle[i];
                fscanf(fin,"%f",&newAngle[i]);
            }
        }
        float alpha=(t%20)/20.0;
        for(int i=0;i<20;i++){
            angle[i]=newAngle[i]*alpha+oldAngle[i]*(1-alpha);
        }
        glutPostRedisplay();
    }
    void keyboard(unsigned char key,int x,int y){
        if(key=='p'){
            glutTimerFunc(0,timer,0);
        }
        if(key=='r'){
            if(fin==NULL) fin = fopen("angle.txt", "r");
            for(int i=0; i<20; i++){
                fscanf(fin,"%f", &angle[i]);
            }
            glutPostRedisplay();
        }else if(key=='r'){
        if(fout==NULL) fout = fopen("angle.txt", "w+");
        for(int i=0; i<20; i++){
            printf("%.1f", angle[i]);
            fprintf(fout, "%.1f ", angle[i]);
        }
        printf("\n");
        fprintf(fout, "\n");
    }
        if(key=='0')angleID=0;
        if(key=='1')angleID=1;
        if(key=='2')angleID=2;
        if(key=='3')angleID=3;
    }
    void display()
    {
        ///angle+=da;
        ///if(angle>90)da=-1;
        ///if(angle<0)da=+1;
        glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
        glDisable(GL_TEXTURE_2D);
        ///glutSolidSphere(0.1,30,30);
        glEnable(GL_TEXTURE_2D);
        glColor3f(1,1,1);

        glPushMatrix();
            glRotatef(angle[0],0,1,0);
            drawBody();
            glEnable(GL_TEXTURE_2D);
            glColor3f(1,1,1);

        glPushMatrix();
            glTranslatef(-0.1,0,0);
            glRotatef(angle[1],0,0,1);
            glRotatef(angle[2],1,0,0);
            glTranslatef(0,-0.07,0);
            drawUpperA();
            glPushMatrix(); ///加這行, 讓它轉動
                glTranslatef(-0.02,-0.09,0);
                glRotatef(angle[1],1,0,0);
                glTranslatef(0,-0.21,0);
                drawLowerA();
            glPopMatrix(); ///加這行, 讓它轉動
        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 };
    ///void timer(int t){
    ///    glutTimerFunc(1000,timer,t+1);
    ///    printf("現在起床:%d\n",t);
    ///}
    int main(int argc, char*argv[])
    {
        glutInit(&argc, argv);
        glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
        glutCreateWindow("week13");
        glutDisplayFunc(display);
        glutIdleFunc(display); ///加這行, 讓它轉動
        glutMotionFunc(motion);
        glutMouseFunc(mouse);
        glutKeyboardFunc(keyboard);
        ///glutTimerFunc(0,timer,0);

        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();
    }


  9. ## week14-2_anglex_angley_10

  10. 複製今天的 week14-1變成今天的專案

  11. 改目錄名 week14-2_angleX_angleY_10

  12. 改.cbp檔名,用 Notepad++ 修改裡面的設定 程式修改如下:

  13. if (key=='0') angleID = 0;做到 if (key=='9') angleID = 9

  14. 把 float angle [20]={};改成 float angleX [10]={}, angle

  15. 把原本的for(int i=0;i<20;i++)變成for(int i=0;i<10;i++)
    ```cpp

    for(int i=0; i<10; i++) { ///寫檔時

    //printf("%.lf", angle[i]);

    printf("%.lf", angleX[i]);

    printf("%.lf", angleY[i]);

    ///fprintf(fout, "%.1f", angle[i]);

    fprintf(fout, "%.lf", angleX(i));

    fprintf(fout, "%.lf ", angleyY[i]);

    }

    再把讀檔的地方,也改掉,也把 timer()裡也改掉

  16. display()裡,把T-R-T 改一下 ```cpp glPushMatrix(); glTranslatef();
  17. 程式碼: #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; } #include <GL/glut.h> #include "glm.h" GLMmodel * pmodel = NULL; GLMmodel * handA = NULL; GLMmodel * handB = NULL; GLMmodel * upperA = NULL; GLMmodel * lowerA = NULL; GLMmodel * body = NULL; void drawBody(void) { if (!body) { body = glmReadOBJ("data/body.obj"); if (!body) exit(0); glmUnitize(body); glmFacetNormals(body); glmVertexNormals(body, 90.0); } glmDraw(body, GLM_SMOOTH | GLM_TEXTURE); } void drawUpperA(void) { if (!upperA) { upperA = glmReadOBJ("data/upperA.obj"); if (!upperA) exit(0); glmUnitize(upperA); glmFacetNormals(upperA); glmVertexNormals(upperA, 90.0); } glmDraw(upperA, GLM_SMOOTH | GLM_TEXTURE); } void drawLowerA(void) { if (!lowerA) { lowerA= glmReadOBJ("data/lowerA.obj"); if (!lowerA) exit(0); glmUnitize(lowerA); glmFacetNormals(lowerA); glmVertexNormals(lowerA, 90.0); } glmDraw(lowerA, GLM_SMOOTH | GLM_TEXTURE); } void myBody() { glPushMatrix(); glColor3f(1,0,0); glutSolidCube(0.6);///myBody() glPopMatrix(); } ///float angle = 0,da=1; ///加這行, 讓它轉動 ///float angle[20]={}; float angleX[10]={},angleY[10]={}; int angleID=0; int oldX=0,oldY=0; #include <stdio.h> FILE * fin = NULL; FILE * fout = NULL; void motion(int x, int y){ angleX[angleID]+=y-oldY; angleY[angleID]-=x-oldX; oldX=x; oldY=y; glutPostRedisplay(); } void mouse(int button,int state,int x, int y){ oldX=x; oldY=y; } float oldAngleX[10]={},newAngleX[10]={}; float oldAngleY[10]={},newAngleY[10]={}; void timer(int t){ glutTimerFunc(50,timer,t+1); if(t%20==0){ if(fin==NULL)fin=fopen("angle.txt","r"); for(int i=0;i<20;i++){ oldAngleX[i]=newAngleX[i]; oldAngleY[i]=newAngleY[i]; fscanf(fin,"%f",&newAngleX[i]); fscanf(fin,"%f",&newAngleY[i]); } } float alpha=(t%20)/20.0; for(int i=0;i<20;i++){ angleX[i]=newAngleX[i]*alpha+oldAngleX[i]*(1-alpha); angleY[i]=newAngleY[i]*alpha+oldAngleY[i]*(1-alpha); } glutPostRedisplay(); } void keyboard(unsigned char key,int x,int y){ if(key=='p'){ glutTimerFunc(0,timer,0); } if(key=='r'){ if(fin==NULL) fin = fopen("angle.txt", "r"); for(int i=0; i<20; i++){ fscanf(fin,"%f", &angleX[i]); fscanf(fin,"%f", &angleY[i]); } glutPostRedisplay(); }else if(key=='r'){ if(fout==NULL) fout = fopen("angle.txt", "w+"); for(int i=0; i<20; i++){ printf("%.1f", angleX[i]); printf("%.1f", angleY[i]); fprintf(fout, "%.1f ", angleX[i]); fprintf(fout, "%.1f ", angleY[i]); } printf("\n"); fprintf(fout, "\n"); } if(key=='0')angleID=0; if(key=='1')angleID=1; if(key=='2')angleID=2; if(key=='3')angleID=3; } void display() { ///angle+=da; ///if(angle>90)da=-1; ///if(angle<0)da=+1; glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT); glDisable(GL_TEXTURE_2D); ///glutSolidSphere(0.1,30,30); glEnable(GL_TEXTURE_2D); glColor3f(1,1,1); glPushMatrix(); glRotatef(angleX[0],0,1,0); glRotatef(angleY[0],0,0,1); drawBody(); glEnable(GL_TEXTURE_2D); glColor3f(1,1,1); glPushMatrix(); glTranslatef(-0.1,0,0); glRotatef(angleX[1],1,0,0); glRotatef(angleY[1],0,1,0); glTranslatef(0,-0.07,0); drawUpperA(); glPushMatrix(); ///加這行, 讓它轉動 glTranslatef(-0.02,-0.09,0); glRotatef(angleX[2],1,0,0); glRotatef(angleY[2],0,1,0); glTranslatef(0,-0.21,0); drawLowerA(); glPopMatrix(); ///加這行, 讓它轉動 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 }; ///void timer(int t){ /// glutTimerFunc(1000,timer,t+1); /// printf("現在起床:%d\n",t); ///} int main(int argc, char*argv[]) { glutInit(&argc, argv); glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH); glutCreateWindow("week13"); glutDisplayFunc(display); glutIdleFunc(display); ///加這行, 讓它轉動 glutMotionFunc(motion); glutMouseFunc(mouse); glutKeyboardFunc(keyboard); ///glutTimerFunc(0,timer,0); 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(); }


於
標籤： ,

沒有留言:

張貼留言

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