嘎嘎烏拉-(電腦圖學)Week05電腦圖學筆記

 今天教程式碼由下往上讀:如(圖1)

圖1:

                                            藍色的車子

                                長胖的藍色的車子

                    旋轉的長胖的藍色的車子

向右搬移的旋轉的長胖的藍色的車子

上圖為利用swap交換程式碼上下行

                                            藍色的車子

                                長胖的藍色的車子

            向右搬移的長胖的藍色的車子

旋轉的向右搬移的長胖的藍色的車子

畫畫旋轉如(圖3)

圖3:

嘎嘎烏拉-(電腦圖學)Week02電腦圖學homework

 #include <GL/glut.h>

#include <math.h>

void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glBegin(GL_POLYGON);

        glColor3f(244/255.0, 203/255.0, 87/255.0);

        glVertex2f(  (8-150)/50.0,   -(8-150)/50.0);

        glVertex2f((212-150)/50.0,   -(8-150)/50.0);

        glVertex2f((212-150)/50.0, -(211-150)/50.0);

        glVertex2f(  (8-150)/50.0, -(211-150)/50.0);

    glEnd(); ///¥H¤W¬O­I´º

    glBegin(GL_POLYGON);

        glColor3f(28/255.0, 16/255.0, 12/255.0);

        glVertex2f(  (51-150)/150.0,   -(70-150)/150.0);

        glVertex2f((99-150)/150.0,   -(70-150)/150.0);

        glVertex2f((99-150)/150.0, -(131-150)/150.0);

        glVertex2f(  (51-150)/150.0, -(131-150)/150.0);

    glEnd();

    glBegin(GL_POLYGON);

        glColor3f(28/255.0, 16/255.0, 12/255.0);

        glVertex2f(  (200-150)/150.0,   -(70-150)/150.0);

        glVertex2f((248-150)/150.0,   -(70-150)/150.0);

        glVertex2f((248-150)/150.0, -(131-150)/150.0);

        glVertex2f(  (200-150)/150.0, -(131-150)/150.0);

    glEnd();

    glBegin(GL_POLYGON);

        glColor3f(243/255.0, 243/255.0, 243/255.0);

        glVertex2f(  (211-150)/150.0,   -(74-150)/150.0);

        glVertex2f((231-150)/150.0,   -(74-150)/150.0);

        glVertex2f((231-150)/150.0, -(94-150)/150.0);

        glVertex2f(  (211-150)/150.0, -(94-150)/150.0);

    glEnd();

    glBegin(GL_POLYGON);

        glColor3f(243/255.0, 243/255.0, 243/255.0);

        glVertex2f(  (68-150)/150.0,   -(74-150)/150.0);

        glVertex2f((88-150)/150.0,   -(74-150)/150.0);

        glVertex2f((88-150)/150.0, -(94-150)/150.0);

        glVertex2f(  (68-150)/150.0, -(94-150)/150.0);

    glEnd();

    glBegin(GL_POLYGON);

        glColor3f(77/255.0, 62/255.0, 52/255.0);

        glVertex2f(  (51-150)/150.0,   -(122-150)/150.0);

        glVertex2f((99-150)/150.0,   -(122-150)/150.0);

        glVertex2f((99-150)/150.0, -(130-150)/150.0);

        glVertex2f(  (51-150)/150.0, -(130-150)/150.0);

    glEnd();

    glBegin(GL_POLYGON);

        glColor3f(77/255.0, 62/255.0, 52/255.0);

        glVertex2f(  (200-150)/150.0,   -(122-150)/150.0);

        glVertex2f((248-150)/150.0,   -(122-150)/150.0);

        glVertex2f((248-150)/150.0, -(130-150)/150.0);

        glVertex2f(  (200-150)/150.0, -(130-150)/150.0);

    glEnd();

    glBegin(GL_POLYGON);

        glColor3f(48/255.0, 42/255.0, 36/255.0);

        glVertex2f(  (137-150)/150.0,   -(132-150)/150.0);

        glVertex2f((163-150)/150.0,   -(132-150)/150.0);

        glVertex2f((163-150)/150.0, -(148-150)/150.0);

        glVertex2f(  (137-150)/150.0, -(148-150)/150.0);

    glEnd();

    glBegin(GL_POLYGON);

        glColor3f(255/255.0, 0/255.0, 0/255.0);

        glVertex2f(  (0-150)/150.0,   -(150-150)/150.0);

        glVertex2f((68-150)/150.0,   -(150-150)/150.0);

        glVertex2f((68-150)/150.0, -(230-150)/150.0);

        glVertex2f(  (0-150)/150.0, -(230-150)/150.0);

    glEnd();

    glBegin(GL_POLYGON);

        glColor3f(255/255.0, 0/255.0, 0/255.0);

        glVertex2f(  (233-150)/150.0,   -(150-150)/150.0);

        glVertex2f((300-150)/150.0,   -(150-150)/150.0);

        glVertex2f((300-150)/150.0, -(230-150)/150.0);

        glVertex2f(  (233-150)/150.0, -(230-150)/150.0);

    glEnd();

    glBegin(GL_POLYGON);

        glColor3f(150/255.0, 96/255.0, 109/255.0);

        glVertex2f(  (93-150)/150.0,   -(170-150)/150.0);

        glVertex2f((207-150)/150.0,   -(170-150)/150.0);

        glVertex2f((207-150)/150.0, -(217-150)/150.0);

        glVertex2f(  (93-150)/150.0, -(217-150)/150.0);

    glEnd();

    glBegin(GL_POLYGON);

        glColor3f(212/255.0, 153/255.0, 179/255.0);

        glVertex2f(  (110-150)/150.0,   -(191-150)/150.0);

        glVertex2f((190-150)/150.0,   -(191-150)/150.0);

        glVertex2f((190-150)/150.0, -(217-150)/150.0);

        glVertex2f(  (110-150)/150.0, -(217-150)/150.0);

    glEnd();

    glBegin(GL_POLYGON);

        glColor3f(150/255.0, 96/255.0, 109/255.0);

        glVertex2f(  (136-150)/150.0,   -(170-150)/150.0);

        glVertex2f((150-150)/150.0,   -(156-150)/150.0);

        glVertex2f((163-150)/150.0, -(170-150)/150.0);

    glEnd();

    glutSwapBuffers();

}

int main(int argc,char**argv)

{

    glutInit(&argc,argv);

    glutInitDisplayMode(GLUT_DOUBLE |GLUT_DEPTH);

    glutCreateWindow("08160873");

     glutDisplayFunc(display);

     glutMainLoop();

}

嘎嘎烏拉-(電腦圖學)Week04電腦圖學筆記

 

第四周第一堂課教如何在茶杯上點,將座標顯示出來(如圖1)

圖1

邊動邊畫(如圖2)

(圖2)

滑鼠拖曳改變座標使汽車移動(圖3)

理解拇指'方向即為旋轉方向(如圖4)

圖4:

嘎嘎烏拉-(電腦圖學)Week03電腦圖學筆記

 第一堂課我們教的是創建一個GitHub的帳號,並修改Profile的個人圖片.(如圖1)

圖1:

再來是新增一個GitHub專案倉庫

接著新增一個GLUT專案(如圖2),將先前兩個檔案上傳到GitHub倉庫,就大功告成囉~~

圖2:

寫程式碼創造一個黃色的圓形(如圖3)

圖3:

寫程式碼創造一個紅色的圓形(如圖4)

圖4:

嘎嘎烏拉-(電腦圖學)Week02電腦圖學筆記

今天的首要課程 是打造一個GLUT程式,首先開一個"OPEN-GL專案"

開Code Blocks(File-New-Project),並點選"Open-GL "執行!

如同上禮拜的課程如"圖一.圖二"

圖一:

圖二:

接著修改程式碼 做出茶壺  如下圖:

接著使茶壺變色 如下圖:

嘎嘎烏拉-(電腦圖學)Week01電腦圖學筆記

 第2堂課:

1.開啟"CodeBlocls",並且新增File-New-Project,並點選OpenGL

2.取檔名?A:(Week01) ,放在哪?A:(Desktop)

3.下一步....下下步....and  Bulid and Run.

如下圖1:

開啟WebGL Water

下圖2:

第三節

1.開啟"CodeBlocls",並且新增File-New-Project,並點選GLUT

2.叫啥名字?A(week01glut)放哪?A:(C:\Users\...\Desktop)

3.Moodle下載freeglut(如圖4) 裝"桌面"

4.Gluty 在C:\Users\...\Desktop\freeglut

5...下一步...下下步... Build and Run(程式碼如圖3)

圖4: