*嗚嗚* Week03

#上課內容&程序:

把第一周的程式碼從GitHub上下載下來:

打開Git Bash輸入以下程式碼即可:

cd desktop

git clone https://github.com/lingdotdot/2022graphics

檢查桌面是否有2022graphics就行了!有就成功了!

 

跑上課範例:

打開網址:https://jsyeh.org/3dcg10/

網址上05/04欄位/Examples行/win32檔案下載下來。壓縮win32檔案後，把Shape.exe打開即可開始用

左邊按mouse右鍵可以切換Big及Color，滑鼠滑移調數值，做到自己想要呈現的顏色和形狀

進入今天的主題:點，線，面，色彩

今天的重點:

glBegin(GL_POLYGON); 開始畫

glVertex3f(x,y,x); 頂點Vertex

glColor3f(r,g,b); 色彩Color//期中考題目1

glEnd(); 結束畫

把上週的兩個程式觀念合併:製作兩個程式:一個做出實心茶壺 & 一個三色三角形

首先先把上次的作業GLUT複習，freeglut下載下來

打開新的專案:CodeBlock打開:File/New-project/選擇GLUT專案/檔案取名為week03_color

//記得一樣目錄要在桌面

把程式碼全刪掉

把程式碼打進去，完成一個實心有顏色的茶壺

程式碼:

#include <GL/glut.h>
void display()
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glColor3f(1,1,0);//顏色
    glutSolidTeapot(0.3);//實心茶壺的造型

    glutSwapBuffers();
}

int main(int argc,char**argv)
{
    glutInit(&argc,argv);
    glutInitDisplayMode( GLUT_DOUBLE | GLUT_DEPTH );
    glutCreateWindow("week03ªºµøµ¡");

    glutDisplayFunc( display );

    glutMainLoop();
    return 0;
}

再打開一個新專案:CodeBlock打開:File/New-project/選擇GLUT專案/檔案取名為week03_color_triangle

把程式碼全刪掉

把實心茶壺的程式碼修改，就可以做出一個三色三角形了。

程式碼:

#include <GL/glut.h>
void display()
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glColor3f(1,1,0);

    glBegin(GL_TRIANGLES);
                glColor3f(1.0f, 0.0f, 0.0f);   glVertex2f(0.0f,   1.0f);
                glColor3f(0.0f, 1.0f, 0.0f);   glVertex2f(0.87f,  -0.5f);
                glColor3f(0.0f, 0.0f, 1.0f);   glVertex2f(-0.87f, -0.5f);
                //三個頂點的顏色:就會變成三色三角形
    glEnd();
    glutSwapBuffers();
}

int main(int argc,char**argv)
{
    glutInit(&argc,argv);
    glutInitDisplayMode( GLUT_DOUBLE | GLUT_DEPTH );
    glutCreateWindow("week03ªºµøµ¡");

    glutDisplayFunc( display );

    glutMainLoop();
    return 0;
}

上課最後，

把今天的程式碼&之前的檔案再上傳回到GitHub

並說明回家作業怎麼做(可以利用小畫家工具)