Week 02 甄臻紀錄

Homework-1：複習上週

《new→project→openGL→main.c→齒輪播放鍵》

《freeglut解壓縮(Facebook下載檔案)→new→project→GLUT→main.c→齒輪播放鍵》

Homework-2

沿用上一個程式，並刪除多餘的程式碼，保留剩下所需的10行程式碼

#include <GL/glut.h>

static void display(void)

{

    glutSolidTeapot(0.3);

    glutSwapBuffers();

}

int main(int argc, char *argv[])

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("04160090");

    glutDisplayFunc(display);

    glutMainLoop();

}

執行出現茶壺

在程式碼中加入 glColor3f(a,b,c);

程式碼中的a,b,c分別代表紅色、綠色、藍色

#include <GL/glut.h>

static void display(void)

{

    glColor3f(1,0,1);    

    glutSolidTeapot(0.3);

    glutSwapBuffers();

}

int main(int argc, char *argv[])

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("04160090");

    glutDisplayFunc(display);

    glutMainLoop();

}

執行改變茶壺顏色

Homework-3

至http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/ 下載檔案data、win32與glut32.dll，並將data、win32解壓縮，最後把glut32.dll放入data資料夾、data資料夾再放入win32資料夾

執行資料夾中的Shapes跑出程式

在CodeBlock打入下列程式碼並執行

#include <GL/glut.h>

static void display(void)

{

    glBegin(GL_TRIANGLES);

    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();

    glutSwapBuffers();

}

int main(int argc, char *argv[])

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("GLUT Shapes");

    glutDisplayFunc(display);

    glutMainLoop();

}

Week02 王華偉上課筆記

一、第一周作業複習
1.OpenGL專案
2.GLUT專案

1).在Codeblocks中，File-New-Project. 選OpenGL專案。


2).在Codeblocks中，File-New-Project,選GLUT專案。



二、GLUT篩檢程式碼
1.把glut專案刪減成10行。將老師發過來的截圖對照的刪除。
#include <GL/glut.h>
static void display (void)
{
    glutSolidTeapot(0.9);  ///畫茶壺
    glutSwapBuffers();
}
int main(int argc, char *argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("I am Spiderman");


    glutDisplayFunc(display);
    glutMainLoop();


}


2.將茶壺改色。
話茶壺之前，在static void display (void)裡面加上一行，glColor3f(R,G,B);
(若超過1的數字要在後面除255.0)


3. 實作點線面:三角形
打開檔案Shapes，右鍵找出TRAIANGLES，改變數據，可調整顏色、位置。

Week02_郭羽

任務1：OpenGL專案【複習】

File->New->Project->選擇OpenGL project,建立專案

build and run：

任務2：GLUT專案【複習】

File->New->Project->選擇GLUT project,建立專案

build and run：

任務3：把GLUT專案main.cpp刪成10行

打開GLUT專案修改程式

code：

#include <GL/glut.h>

static void display(void)

{

    glutSolidTeapot(0.3);

    glutSwapBuffers();

}

int main(int argc, char *argv[])

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("Guo Yu 05052535");

    glutDisplayFunc(display);

    glutMainLoop();

}

build and run：

調顏色和背景顏色的韓式分別是glColor3f()和glClearColor()

任務4：畫出彩色三角形

配置好第三方圖形軟體的運行環境，結構如下圖：

打開Shapes.exe，右側框右鍵選擇TRIANGLES[t],左側框中顯示三角形；左側框右鍵"Toggle big vertices"和"Toggle color at vertices"，這樣就可以生成控制頂點位置和顏色的程式。三角形效果如下：

回到codeblocks開始編碼實現圖形。在上一個任務display函式的基礎上去掉畫實心茶壺，添加一下代碼：

code：

glBegin(GL_TRIANGLES);

glColor3f(0.77, 0.71, 0.00);

glVertex2f(0,0);

glColor3f(0.00, 0.56, 0.87);

glVertex2f(0,1);

glColor3f(1.00, 0.00, 0.82);

glVertex2f(1,-1);

glEnd();

build and run:

由於窗口大小有別，三角形形狀沒有完全呈現軟體中的樣子。

[電腦圖學]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:測試一下執行結果，會顯示這個圖案:

Week02 魚安的筆記

今天首先就畫了一個茶壺

只要10行程式碼就可以畫茶壺

還可以自由變換顏色

以下圖片有程式碼解析

glColor3f(red,green,blue)

想要顯示出自己想要的顏色

可以透過小畫家的顏色工具來選取

來取得代碼

除了可以修改顏色之外

也可以透過修改X Y Z軸數字來畫自己想畫的圖案

最後就是利用今天所學到的

來用三個三角形畫圖片~

完成回家作業!!

Week02 陳冠霖的筆記

複習上周的課程:

打開codeblocks選擇File,接著New,在選Project,選擇openGLproject,執行程式

選擇File,接著New,在選Project,選擇GLUTproject,執行程式

本周課程:

把上次ˇ的178行改成10。

重點:

#include <GL/glut.h>

static void display(void)

{

    glutSolidTeapot(0.3);~~~畫茶壺。

    glutSwapBuffers();~~~最後顯示，至少要2個視窗所以要加S。

}

int main(int argc, char *argv[])

{

    glutInit(&argc, argv);~~~初始化資料。

    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);~~~~模式~~~把需要畫圖用的東西打出來(在顯示卡)。

    glutCreateWindow("04160480");~~~創造視窗~~~後面是窗名稱。

    glutDisplayFunc(display);~~~顯示函示的格式~~~代入函示。

    glutMainLoop();~~~~管理上面的程示，顯示出程式的圖案。

}

變化圖案顏色

static void display(void)

{

    glColor3f(1,0,0);

    glutSolidTeapot(1);

    glutSwapBuffers();

}~~~在原本的程式碼裡加入  glColor3f(1,0,0);~~~3f就是三個參數~~~如過介於1-255之間，要做成223/255.0。

打開老師的網頁，下載data，window，glut32.dll:

         

         將window，然後把data和gult32.dll丟到window資料夾，執行Shapes。

用codeblocks打出三角形:

static void display(void)

{

    glBegin(GL_TRIANGLES);

    glColor3f(1,0,0);

    glVertex2f(0,0);

    glColor3f(0,1,0);

    glVertex2f(1,1);

    glColor3f(0,0,1);

    glVertex2f(1,-1);

    glEnd();

    glutSwapBuffers();

}~~~~把原本函式裡的程式碼多設定2個顏色(Color)，3個頂點(Vertex)座標，後面的2f或3f代表後面有多少個參數。

04163022-Week02 電腦圖學複習和作業

File-New-Project  選OpenGL 專案

File-New-Project 選GLUT專案

把不必要的程式刪掉，然後增加第三行的glutsolidTeapot(0.3)
，將程式縮短為10行，

到老師的網業開啟data win32和glut32.dll

解壓縮到windows

將glut32.dll
 移到windows裡

將data移到windows裡

開啟shapes

刪除茶壺的程式並寫glBegin()和glEnd()