week02

 #點、線、面、色彩

0.1. 下載課本的範例 https://jsyeh.org/3dcg10 windows.zip 及 data.zip

0.2. 在下載資料夾,把windows.zip => windows 資料夾,data.zip 裡面的 data 拉到下載\windows 資料夾裡

0.3. 執行 Shapes.exe 便可操作今天的課本範例

0.4. mouse右鍵,在右邊可切換點、線、面

0.5. mouse右鍵,在左邊可切換大的頂點、逐個色彩

0.6. mouse左键,在右邊可按「綠色數子」上下調整

可以改色彩

glcolor3f(r,b,g)

可以改頂點

glVertex2f(x,y)

1. 實作顏色

1.1 codeblocks開啟glut檔（流程跟上次一樣）

1.2 開啟GitHub 把之前的十行程式複製貼上

1.3 在void display()裡加上glColor3f(r,g,b);

rgb 範圍只有0-1，所以要寫成192/255.00

1.4 執行程式，會看到有顏色的茶壺

1.5 複製一遍改顏色改大小，前一個茶壺會被覆蓋

2. 實作頂點

2.1 同1.1、1.2

2.2 display裡清空並寫上

glBegin(GL_POLYGON);

       glColor3f(1,0,0); glVertex2f(0,1);

       glColor3f(0,1,0); glVertex2f(1,-0.6);

       glColor3f(0,0,1); glVertex2f(-1,-0.6);

glEnd();

glutSwapBuffers();

2.3 執行程式，會看到漸層三角形

3. 用小畫家實作任意形狀的頂點座標

3.1. 開啟小畫家,把圖片放上去

3.2. 小畫家的座標裡,左上角是0,0,右下角是400,400(假設圖片寬度400,高度400)

3.3. 關於座標,OpenGL 預設是「正中間0,0」,右邊是+1,左邊是-1,上面是+1,下面是-1

3.4. 把小畫家的(x座標-中心點200)/200.0變成 OpenGL的座標口訣:減一半、再除一半.0

3.5. y座標比較麻煩-(y座標-中心點200)/200.0,口訣:減一半、除一半,再加負號

3.6 開glut檔案（同2.1、2.2）

暫存