2019電腦圖學: 精選3

W03點線面顏色

第一步:輸入黃色網址:http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/
第二步-四步:
下載Win32、data、glut32.dll

第五步:解壓縮Windows至windows\(E)

第六步:把data壓縮檔裡的data資料夾拉進windows資料夾裡

第七步:把glut32.dll檔拉進windows資料夾裡

第八步:進去windows資料夾>打開Shapes.exe

第九步:在打開的檔案裡>點選滑鼠右鍵>選取要的圖形觀察 >w<

實作:親手寫出茶壺並改顏色
第一步:搜尋freeglut transmission

第二步:
下載MinGW package

之後打開壓縮檔
把freeglut資料夾拉到桌面

複製的libfreeglut.a檔

並把多複製的檔案檔名改成libglut32.a

第三步:
打開CodeBlocks，新增一個OpenGL專案，
最後目標把剛剛下載調整過後的檔案打開
並把.cpp檔的所有程式碼刪掉

第四步:自己打出程式碼
需要注意下列這些程式碼
>glColor3f(a, b, c) => a b c為數字參數
>glutSolidTeapot(x) => x 為實心茶壺大小參數
>glutWireTeapot(x) => x為虛心(網狀)茶壺大小參數

回家作業XDDD:

小眼睛狐狸😂😂😂

電腦圖學第三週

(1)主題:點.線.面.顏色

下載 [data].[win32].[glut.dll] 將 "data"和"glut.dll"放入win32資料夾。

打開win32資料夾，打開Shapes.exe

利用滑鼠按住數字往上.下拖曳，改變數值讓顏色和位置改變。

(2)實作:第一個親手寫出程式

利用CodeBlocks畫茶壺

步驟1.下載freeglut，解壓縮到桌面。

步驟2.把桌面上的freeglut資料夾打開，再把lib資料夾裡的libfreegult.a複製貼上重新命名為:libgult32.a。

步驟3.打開CodeBlocks，file→new→project→選擇GLUT→路徑選擇桌面上的glut然後按finish。

步驟4.接著把畫面左邊的Sources打開再點裡面的main.cpp，然後把所有程式碼都刪掉。

步驟5.可以開始打程式了!!

步驟6.加上顏色:只要在glutSwapBuffers();這行程式碼之前加上glColor3f();
就可以幫圖加上顏色囉。

(3)回家作業

首先找了一張圖片。

然後打開小畫家，放入這張圖之後，把像素調成200,200。

因為感覺畫三隻貓會累死，所以剪裁成一隻。

之後利用剛剛上面的程式碼，再加上小葉老師下課前教的利用小畫家座標來用點連接成一個圖案。

先把兩隻耳朵完成了。

剩下最難的眼睛.....

因為不會畫圓圈，用了超87的方法。

終於完成了= =

啦啦啦~上課啦!!

去網站:http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/
下載 1.windows.zip 2. data.zip 3.glut32.dll

windows.zip 解壓縮抓 data、glut32.dll到資料夾裡

windows檔案中開起shape

左邊視窗按右鍵可改變顏色、出現圓點

右視窗的綠值可以改變顏色深淺和線的角度

右視窗按右鍵可選擇點、線、面

右鍵詳情看:

https://www.ntu.edu.sg/home/ehchua/programming/opengl/CG_Introduction.html

........................................................................................................................................................

跟上個禮拜一樣開OpenGL和GLUT

標準版茶壺

#include <GL/glut.h>
void display()
{
glutSolidTeapot( 0.3 );
glutSwapBuffers();
}
int main(int argc, char**argv)
{
glutInit(&argc,argv);
glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
glutCreateWindow("06161110_Week03!!");
glutDisplayFunc(display);
glutMainLoop();

}

特色版茶壺

#include <GL/glut.h>
void display()
{
glColor3f(0/255.0,84/255.0,45/255.0);
glutSolidTeapot( 0.3 );
glutSwapBuffers();
}
int main(int argc, char**argv)
{
glutInit(&argc,argv);
glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
glutCreateWindow("06161110_Week03!!");
glutDisplayFunc(display);
glutMainLoop();
}

#include <GL/glut.h>

void display()

{
glColor3f(1,0,1);

glutSolidTeapot( 0.3 );

glutSwapBuffers();

}

int main(int argc, char**argv)

{

glutInit(&argc,argv);

glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);

glutCreateWindow("06161110_Week03!!");

glutDisplayFunc(display);

glutMainLoop();

}

回家作業:嗯....有特色的啦啦熊

#include <GL/glut.h>

void display()

{
glBegin(GL_POLYGON);
glColor3f(255/255.0,255/255.0,89/255.0);
glVertex2f((0-100)/100.0,-(1-100)/100.0);
glVertex2f((0-100)/100.0,-(200-100)/100.0);
glVertex2f((200-100)/100.0,-(200-100)/100.0);
glVertex2f((200-100)/100.0,-(0-100)/100.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(166/255.0,83/255.0,0/255.0);
glVertex2f((62-100)/100.0,-(47-100)/100.0);
glVertex2f((27-100)/100.0,-(85-100)/100.0);
glVertex2f((16-100)/100.0,-(144-100)/100.0);
glVertex2f((40-100)/100.0,-(170-100)/100.0);
glVertex2f((150-100)/100.0,-(170-100)/100.0);
glVertex2f((179-100)/100.0,-(139-100)/100.0);
glVertex2f((165-100)/100.0,-(85-100)/100.0);
glVertex2f((130-100)/100.0,-(47-100)/100.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(166/255.0,83/255.0,0/255.0);
glVertex2f((63-100)/100.0,-(48-100)/100.0);
glVertex2f((46-100)/100.0,-(32-100)/100.0);
glVertex2f((21-100)/100.0,-(32-100)/100.0);
glVertex2f((2-100)/100.0,-(60-100)/100.0);
glVertex2f((27-100)/100.0,-(86-100)/100.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(243/255.0,180/255.0,12/255.0);
glVertex2f((43-100)/100.0,-(63-100)/100.0);
glVertex2f((30-100)/100.0,-(52-100)/100.0);
glVertex2f((17-100)/100.0,-(50-100)/100.0);
glVertex2f((6-100)/100.0,-(52-100)/100.0);
glVertex2f((2-100)/100.0,-(60-100)/100.0);
glVertex2f((25-100)/100.0,-(83-100)/100.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(166/255.0,83/255.0,0/255.0);
glVertex2f((129-100)/100.0,-(46-100)/100.0);
glVertex2f((144-100)/100.0,-(30-100)/100.0);
glVertex2f((170-100)/100.0,-(30-100)/100.0);
glVertex2f((185-100)/100.0,-(58-100)/100.0);
glVertex2f((163-100)/100.0,-(83-100)/100.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(243/255.0,180/255.0,12/255.0);
glVertex2f((146-100)/100.0,-(63-100)/100.0);
glVertex2f((157-100)/100.0,-(53-100)/100.0);
glVertex2f((167-100)/100.0,-(47-100)/100.0);
glVertex2f((181-100)/100.0,-(47-100)/100.0);
glVertex2f((185-100)/100.0,-(58-100)/100.0);
glVertex2f((164-100)/100.0,-(82-100)/100.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(53/255.0,53/255.0,53/255.0);
glVertex2f((49-100)/100.0,-(120-100)/100.0);
glVertex2f((49-100)/100.0,-(132-100)/100.0);
glVertex2f((57-100)/100.0,-(135-100)/100.0);
glVertex2f((63-100)/100.0,-(133-100)/100.0);
glVertex2f((65-100)/100.0,-(127-100)/100.0);
glVertex2f((66-100)/100.0,-(122-100)/100.0);
glVertex2f((60-100)/100.0,-(117-100)/100.0);
glVertex2f((53-100)/100.0,-(117-100)/100.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(53/255.0,53/255.0,53/255.0);
glVertex2f((135-100)/100.0,-(112-100)/100.0);
glVertex2f((143-100)/100.0,-(115-100)/100.0);
glVertex2f((145-100)/100.0,-(125-100)/100.0);
glVertex2f((138-100)/100.0,-(131-100)/100.0);
glVertex2f((133-100)/100.0,-(131-100)/100.0);
glVertex2f((128-100)/100.0,-(127-100)/100.0);
glVertex2f((128-100)/100.0,-(118-100)/100.0);
glVertex2f((132-100)/100.0,-(114-100)/100.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(253/255.0,253/255.0,253/255.0);
glVertex2f((87-100)/100.0,-(120-100)/100.0);
glVertex2f((107-100)/100.0,-(120-100)/100.0);
glVertex2f((117-100)/100.0,-(128-100)/100.0);
glVertex2f((123-100)/100.0,-(138-100)/100.0);
glVertex2f((120-100)/100.0,-(146-100)/100.0);
glVertex2f((112-100)/100.0,-(157-100)/100.0);
glVertex2f((86-100)/100.0,-(158-100)/100.0);
glVertex2f((73-100)/100.0,-(147-100)/100.0);
glVertex2f((72-100)/100.0,-(132-100)/100.0);
glVertex2f((85-100)/100.0,-(120-100)/100.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(53/255.0,53/255.0,53/255.0);
glVertex2f((90-100)/100.0,-(129-100)/100.0);
glVertex2f((89-100)/100.0,-(133-100)/100.0);
glVertex2f((90-100)/100.0,-(133-100)/100.0);
glVertex2f((94-100)/100.0,-(135-100)/100.0);
glVertex2f((94-100)/100.0,-(139-100)/100.0);
glVertex2f((93-100)/100.0,-(145-100)/100.0);
glVertex2f((83-100)/100.0,-(147-100)/100.0);
glVertex2f((86-100)/100.0,-(150-100)/100.0);
glVertex2f((97-100)/100.0,-(143-100)/100.0);
glVertex2f((106-100)/100.0,-(148-100)/100.0);
glVertex2f((111-100)/100.0,-(147-100)/100.0);
glVertex2f((111-100)/100.0,-(143-100)/100.0);
glVertex2f((103-100)/100.0,-(139-100)/100.0);
glVertex2f((94-100)/100.0,-(135-100)/100.0);
glVertex2f((99-100)/100.0,-(135-100)/100.0);
glVertex2f((102-100)/100.0,-(133-100)/100.0);
glVertex2f((101-100)/100.0,-(129-100)/100.0);
glVertex2f((99-100)/100.0,-(127-100)/100.0);
glVertex2f((96-100)/100.0,-(126-100)/100.0);
glVertex2f((91-100)/100.0,-(127-100)/100.0);
glEnd();
glutSwapBuffers();
}

int main(int argc, char**argv)

{

glutInit(&argc,argv);

glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);

glutCreateWindow("06161110_Week03!!");

glutDisplayFunc(display);

glutMainLoop();

}

Week03 鍾嘉穎 2019-03-07

如何點名
1. 打開Veyon Config
2. 服務 --> 啓動

1. 主題: 點, 線, 面, 顏色
1. 點進去小葉的網頁: http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/
2. 下載 Example裏的 win32, glut32.dll, data
3. 解壓縮到下載
4. 把已解壓的 data 資料夾拉到windows裏
5. 把已解壓的 glut32.dll 資料夾拉到windows裏
6. 打開 Shapes.exe

在 Shapes.exe 裏

左邊右鍵: 換 Big 點, 不同顏色

右邊右鍵: 換Shape

左鍵: Dvag 數字

2. 實作: 第一個親手寫出 (水壺)
1. 先載入freeglut (跟第一週一樣)
1. Google search "freeglut windows"
2. 從Transmission Zero 下載 "freeglut 3.0.0 MinGW Package"
3. 解壓縮後放到桌面
4. 在lib複製一個"libfreeglut.a"命名為"libglut32.a"
5. CodeBlocks 開
6. File -> New -> Project -> GLUT Project
7. 把location改成"C:\Users\user\Desktop\freeglut"
2. 把main的程式碼刪掉
3. 把程式碼打上去
#include <GL/glut.h>
void display(){
glutSolidTeapot( 0.3 );
glutSwapBuffers();
}
int main(int argc, char**argv){
glutInit(&argc,argv);
glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
glutCreateWindow("06160912");
glutDisplayFunc(display);
glutMainLoop();
}