2017年3月21日 星期二

Week5_ 王婉懿的上課筆記

  • 作業一 : 移動

  •            步驟一 : 打開新網址「jsyeh.org/3dcg10」,將圖中紅色框框中三個檔案下載在桌面上。
               連結 : http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/

               
     
              步驟二 : 將剛下載的window解壓縮。


     
     
               步驟三 : 將檔案glut32和data直接拖曳並複製到window的檔案中。
    


     
               步驟四 : 先打開第一周做過的作業_茶壺。在FB社團的檔案下載。 
     
     
               步驟五 : 打開freeglut拖曳檔案到桌面,千萬不要直接解壓縮 !
    

     
     
               步驟六 : 開啟 CodeBlocks,建立新專案。
    

     
     
              步驟七 : 專案類型選擇GLUT Project。
    

     
     
              步驟八 : 出現畫面上的視窗,點選 next。
    

     
        
           步驟九 : 專案名稱打上「學號」,儲存目的選擇桌面,點選 Next 。
    

     
      
             步驟十 : 找出 freeglut下載位置,點選 Next。
     
    
     
        
           步驟十一 : 點選 Finish。
    

     
     
              步驟十二 :將程式刪減到和圖中一樣,並輸入「glutSolidTeapot(0.3);」,就可以打開第一周的茶壺作業了。
    

     
     
                步驟十三 : 修改部分程式碼,可以改 "glTranslatef(0,0,0)" 中的數值移動茶壺。
                       程式 :
                       #include <GL/glut.h>
                       void display()
                       {                  
                           glPushMatrix();  //備份
                               glTranslatef(0,1,0);
                               glutSolidTeapot(0.3);
                           glPopMatrix();  //還原
                           glutSwapBuffers();
                       }
                       int main(int argc, char **argv)
                       {
                           glutInit(&argc, argv);
                           glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
                           glutCreateWindow("04160072 translate rotate scale");
                           glutDisplayFunc(display);
                           //glutMouseFunc(mouse);
                           //glutMotionFunc(motion);
                           glutMainLoop();

                         }
     

     
     
                步驟十四 : 最後在增加程式碼,使茶壺可以用滑鼠移動。
                       程式 :
                       #include <GL/glut.h>
                       float mouseX=0,mouseY=0;
                       void display()
                       {                  
                           glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
                           glPushMatrix();
                               glTranslatef(mouseX,mouseY,0);
                               glutSolidTeapot(0.3);
                           glPopMatrix();
                           glutSwapBuffers();
                       }
                       void motion(int x,int y)
                       {
                           mouseX = (x-150)/150.0;
                           mouseY = -(y-150)/150.0;
                           glutPostRedisplay();
                       }
                       int main(int argc, char **argv)
                       {
                           glutInit(&argc, argv);
                           glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
                           glutCreateWindow("04160072 translate rotate scale");
                           glutDisplayFunc(display);
                           //glutMouseFunc(mouse);
                           glutMotionFunc(motion);
                           glutMainLoop();

                         }

     
     
     
     
    • 作業二 : 縮放
                步驟一 : 繼續上個步驟,並改一行程式碼 "glScalef(mouseX,mouseY,0);",按住滑鼠可以縮放。
                       程式 :
                       #include <GL/glut.h>
                       float mouseX=0,mouseY=0;
                       void display()
                       {                  
                           glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); //清掉舊畫面
                           glPushMatrix();
                               glScalef(mouseX,mouseY,0);
                               glutSolidTeapot(0.3);
                           glPopMatrix();
                           glutSwapBuffers();
                       }
                       void motion(int x,int y)
                       {
                           mouseX = (x-150)/150.0;
                           mouseY = -(y-150)/150.0;
                           glutPostRedisplay();
                       }
                       int main(int argc, char **argv)
                       {
                           glutInit(&argc, argv);
                           glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
                           glutCreateWindow("04160072 translate rotate scale");
                           glutDisplayFunc(display);
                           //glutMouseFunc(mouse);
                           glutMotionFunc(motion);
                           glutMainLoop();
                       }
     
     
     
     
     
    • 作業三 : 旋轉
                步驟一 : 繼續上個步驟,修改不分程式碼,可用滑鼠旋轉茶壺。
                       程式 :
                       #include <GL/glut.h>
                       float mouseX=0,mouseY=0 , rotX=0;
                       void display()
                       {
                           glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
                           glPushMatrix();
                               //glScalef(mouseX,mouseY,0);
                               glRotatef(rotX,0,0,1);

                               glutSolidTeapot(0.3);
                           glPopMatrix();
                           glutSwapBuffers();
                       }
                       void motion(int x,int y)
                       {
                           mouseX = (x-150)/150.0;
                           mouseY = -(y-150)/150.0;
                           rotX = x;
                           glutPostRedisplay();
                       }
                       int main(int argc, char **argv)
                       {                  
                           glutInit(&argc, argv);
                           glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
                           glutCreateWindow("04160072 translate rotate scale");
                           glutDisplayFunc(display);
                           //glutMouseFunc(mouse);
                           glutMotionFunc(motion);
                           glutMainLoop();

                        }
     
     
     
    • 作業四 : Transformation
                步驟一 : 改數值可以移動、旋轉、縮放畫面。
     
     
     
     
     
     
     
     
     
     
     
     
     

    沒有留言:

    張貼留言