[電腦圖學]Week02 松賢的上課筆記

複習上週開啟openGL以及GLUT專案

課堂第一節:GLUT 10行做出茶壺的圖案

示意圖

Step1:開啟上週的GLUT檔案

Step2:接著保留重點的9行程式碼

Step3:在display函式內第一行加上glutSolidTeapot(0.3); //用來顯示茶壺的圖案

Step4:建置與執行，即可顯示上圖畫面

課堂第二節:更改GLUT茶壺的顏色

示意圖

Step1:由上節課的程式碼可以知道，當我們要修改茶壺的顏色的時候，可以在display函式中新增glcolor3f()這個函式

你可能會問說: 裡面的括弧要放什麼參數呢?

仔細觀察一下這個函式的名詞，color後面有3f這個東西，阿~ 我們都知道三原色就是RGB，所以推測這裡面要填入3個float(浮點數)，分別是RGB的值。

Step2:由上圖來看，我這裡填入的是glColor3f(1,0,0);，由於R的欄位我設定為1，G跟B的欄位設為0，所以執行過後顯示出來的顏色是紅色。

Step3:大家可以自己更改3個值，我後來自己測試用浮點數值也可以(切記!! 數值不可以超過1)，例如:glColor3f(0.5,0,0);、glColor3f(0,0.8,0.2);、glColor3f(0.4,0.4,0.4);

課堂第三節:執行GLUT程式、繪製三原色三角形

執行GLUT程式

shapes執行畫面

Step1:至小葉老師的網站，下載3個檔案(分別是data、win32、glut32.dll)，找不到的話在下圖紅框處

下載3個檔案

Step1:先將windows資料夾解壓縮到桌面，並將data資料夾、glut32.dll都拉到windows資料夾底下，如下圖:

Step2:接著執行Shapes程式，如下圖，即可完成，執行結果如下:

繪製三原色三角形(利用shapes程式進行修改)

示意圖

Step1:由Shapes程式可以知道，顯示結果主要的圖形幾乎是由glColor3f()以及glVertex2f()組成，所以我們要根據這兩個函式，自己建立自定義三角形。
Step2:打開剛才的GLUT檔案，刪除display函式中的glutSolidTeapot(0.3);和glcolor3f(1,0,0);這兩行
Step3:由Step1的推測知道，我們要開始加入點座標及色彩。由於老師示範的是新增三個點及三個顏色(分別是R、G、B)，故我們新增以下6行程式碼，再加上開頭與結尾共8行程式碼:

glBegin(GL_TRIANGLE_FAN);
glColor3f(1,0,0);
glVertex3f(0,0,0);
glColor3f(0,1,0);
glVertex3f(1,1,0);
glColor3f(0,0,1);
glVertex3f(1,-1,0);
glEnd();

Step4:測試一下執行結果，會顯示這個圖案: