筆記~圖學 Week17

總複習－設定

資源

1. 下載 codeblocks-17.12mingw-setup.exe

2. 下載 freeglut-MinGW-3.0.0-1.mp.zip

3. 到 jsyeh.org/3dcg10 下載 data.zip、windows.zip、glut32.dll、source.zip

4.下載 OpenCV-2.1.0-win32-vs2008.exe（Add PATH 要選第二個，路徑用預設）

freeglut 設定

1. 將 lib 資料夾裡的 libfreeglut.a 複製一次後，改名為 libglut32.a

2. 將 GLUT 目錄設定為 C:\Users\Desktop\freeglut

CodeBlocks 內設定：Setting-Compiler

1. Search directories，Compiler，Add，C:\opencv2.1\include

2. Search directories，Linker，Add，C:\opencv2.1\lib

3. Linker settings，Add，cv210、cxcore210、highgui210、winmm

載入模型需設定

1. 把 data 資料夾，放到 freeglut/bin 裡

2. 把 source 資料夾裡的 glm.h 和 glm.c，放到要使用到它們的 project 資料夾裡，並把 glm.c 改副檔名為 glm.cpp

3. 在 CodeBlocks 裡專案那邊按右鍵 add files 把 glm.cpp 加進去，並存檔

貼圖注意事項

1. 貼圖的圖片顛倒時，可直接去小畫家將圖片翻轉，即可把圖片正回來

將 .cbp 的檔案存取點從 freeglut/bin 更改至專案資料夾

1. 將 .cbp 檔用 Notepad++ 打開

2. 找到 working_dir="a/b/c/d/e" 改成 working_dir="."

3. 將 freeglut/bin 中的 freeglut.dll 複製到專案資料夾內

TRT 技巧

1. T，改物件位置

2. R，旋轉

3. T，改軸心位置

4. 程式輸寫順序321，先把物件移動改軸心，以軸心旋轉好角度，再把物件放到我們要的位置

更改物件中心點技巧

1. 放個圓球在視窗中間

2. 從上層物件開始調

3. 調下層物件時，隱藏上層物件，留上層位置

alpha 內插公式：angle = alpha*新 + (1-alpha)*舊

1. alpha=0，angle=舊

2. alpha=1，angle=新

3. 可用Excel來套公式自動計算出所需角度值

總複習－程式

畫一個不規則平面

幫茶壺打光

模型

幫茶壺貼圖

幫不同茶壺貼不同圖

鍵盤滑鼠

聲音

寫檔、讀檔

時間

運鏡

TRT

筆記~圖學 Week16

程式Projection

1.eye：眼睛位置，center：眼睛往哪看，up：正看斜看

程式interpolation

0.alpha內插公式：angle = alpha*新 + (1-alpha)*舊

(1) alpha=0，angle=舊；alpha=1，angle=新。

(2) 可用Excel來套公式自動計算出所需角度值。

  

1.alpha內插

2.找物件中心點技巧

(1) 放個圓球在視窗中間。

(2) 從上層物件開始調。

(3) 調下層物件時，隱藏上層物件，留上層位置。

3.自動alpha內插

4.改視角，aspect ratio：長寬比（寬:長）

筆記~圖學 Week15

程式PlaySound

0.CodeBlocks內設定：Setting-Compiler

(1) Linker settings，Add，winmm

1.聲音同步、不同步（PlaySound()只能播wav檔，不能播mp3檔）

2.聲音同步

3.聲音不同步

4.聲音mp3

5.調好動作才存檔

筆記~圖學 Week14

程式file

1.寫檔

2.寫檔、讀檔

3.角度寫檔(將上週滑鼠轉手臂的角度寫出)

4.角度寫檔、讀檔( file.txt 會存在 freeglut/bin 裡)

5.更改 .cbp 的檔案存取點

(1) 將 .cbp 檔用 Notepad++ 打開

(2) 找到 working_dir="a/b/c/d/e" 改成 working_dir="."

(3) 將 freeglut/bin 中的 freeglut.dll 複製到專案資料夾內

6.時間函式

7.持續執行時間函式、播聲音

筆記~圖學 Week13

程式TRT

0.視窗四角座標：左下角(-1,-1)，右下角(1,-1)，右上角(1,1)，左上角(-1,1)

(1)畫矩形：glRectf(x1,y1, x2,y2); //座標1,座標2

1.TRT(45度，矩形版，關節*1)

(1)(2)

(3)

2.滑鼠轉手臂(關節*1)

3.TRT(45度，矩形版，關節*2)

(1)(2)

(3)

4.滑鼠轉手臂(關節*4)

5.滑鼠轉手臂(鍵盤換號，關節*4)

筆記~圖學 Week12

範例TRT

0.移動和轉動。

(1) T：移動，x左右，y上下，z前後。

(2) R：轉動，物件轉向。

(3) 練習：120.125.80.50/GL/opengl_TRT_demo.html

1.TR，先移後轉，轉動軸會在物件中心。

2.RT，先轉後移，轉動軸會在座標中心。

3.TRT，移轉移。

(1) T，改物件位置。

(2) R，旋轉。

(3) T，改軸心位置。

(4) 程式輸寫順序321，先把物件移動改軸心，以軸心旋轉好角度，再把物件放到我們要的位置。

程式TRT

1.茶壺超人

2.茶壺超人(有手肘)

3.茶壺超人(兩隻手)

筆記~圖學 Week11

程式texture

0.一些步驟

(1) 檔案要放在 freeglut/bin 裡，程式才讀的到。

(2)將source資料夾中的glm.h、glm.c、transformation.c放入glut專案資料夾中，並將glm.c改附檔名為glm.cpp，最後記得將glm.cpp add files至專案程式使用，並存檔。

(3)貼圖的圖片顛倒時，可直接去小畫家將圖片翻轉，即可把圖片正回來。

1.顯示圖片

2.貼圖2D

3.貼圖3D

4.關節轉動模擬

模型

1.用maya切割

2.匯出obj檔，影片教學：https://www.youtube.com/watch?v=D4a7cNFF9kQ

筆記~圖學 Week10

程式texture

0.(沿用week09的貼圖)，圖片左上角是(0,0)，視窗左下角是(-1,-1)

1.背景貼圖

2.圓球貼圖(不會轉)

3.圓球貼圖(會轉)

筆記~圖學 Week09

範例Texture

1.2f：左下(0,0)，右下(1,0)，右上(1,1)，左上(0,1)

2.3f：左下(-1,-1,0)，右下(1,-1,0)，右上(1,1,0)，左上(-1,1,0)

Opencv

1.下載 OpenCV-2.1.0-win32-vs2008.exe

2.安裝時，Add PATH 要選第二個，路徑用預設

3.安裝完，要將CodeBlocks重開

4.CodeBlocks內設定：Setting-Compiler，Search directories

(1) Include：Compiler，Add，C:\opencv2.1\include

(2) Lib：Linker，Add，C:\opencv2.1\lib

(3) Linker settings，Add，cv210、cxcore210、highgui210

程式texture

1.OpenCV讀圖、秀圖

2.結合OpenCV、OpenGL，圖檔要放在 freeglut\bin

3.貼圖

筆記~圖學 Week08

範例Light & Material

1.材質：Ka Ambient，Kd Diffuse，Ks Specular，Ke Emission，Se Shininess

資源

1.到 jsyeh.org/3dcg10 下載 source.zip

2.把data資料夾，放到freeglut/bin裡

3.把source資料夾裡的glm.h和glm.c，放到要使用到們的project資料夾裡，並把glm.c改副檔名為glm.cpp

4. 在codeblock裡專案那邊按右鍵 add files 把glm.cpp加進去 

程式model

1.模型(這周程式+week06的茶壺打光)

2. mtl：material的縮寫

3. v：頂點，vt：貼圖座標，vn：頂點法向量，f：面

筆記~圖學 Week06

 範例Light & Material

1.在左上角按右鍵可換模型

2.在左下角按右鍵可換材質

3.右半邊可調數值(光、材質)

4. 光：position 位置，ambient 無所不在的光，diffuse 角度有關的光，specular 特別亮的光

程式light

1.開啟GLUT專案，ctrl+F搜尋light可找到下方這些程式碼

2.茶壺打光

3.茶壺縮放打光(這週程式+上週程式)

4.茶壺旋轉打光

5.茶壺移動旋轉縮放

筆記~圖學 Week05

電腦圖學之父

伊凡·愛德華·蘇澤蘭(Ivan Edward Sutherland)

範例Swap Translate/Rotate

1.將下方的Translate和Rotate位置互換後，旋轉中心點會變成(0,0,0)

程式Keyboard

1.在鍵盤隨便按一個鍵，可顯示滑鼠當時的座標

2.三函式基本寫法

3.讓茶壺跟著滑鼠移動(會瞬移)

4.用滑鼠拖動茶壺

5.用滑鼠縮放茶壺

筆記~圖學 Week04

範例Rotate

1.在下半邊可拖動數值

2.(角度,x,y,z)，右邊的xyz是旋轉軸，旋轉方向是按安培右手定理來看

3.旋轉軸：x軸(1,0,0)

4.旋轉軸：y軸(0,1,0)

5.旋轉軸：z軸(0,0,1)

程式Rotate

1.旋轉茶壺

2.茶壺跟著滑鼠的x座標旋轉，滑鼠x座標 = 旋轉角度

3.茶壺跟著滑鼠的x座標旋轉，滑鼠x座標 != 旋轉角度

筆記~圖學 Week03

 範例Transformation

1.到 jsyeh.org/3dcg10 下載兩個檔案，data.zip、windows.zip

2.在右上角按滑鼠右鍵可換模型

3.在下半邊可拖動數值

程式Transformation

1.移動茶壺，移動會累積，所以必須先還原位置，不然只要動到視窗茶壺就會再次移動

2.四個茶壺

3.下圖為初始位置，滑鼠點擊可讓茶壺移動到點擊的位置

4.座標換算，滑鼠的座標範圍是0~300，3D世界的座標範圍是-1~+1

筆記~圖學 Week02

範例Shapes

1.到 jsyeh.org/3dcg10 下載三個檔案，data.zip、windows.zip、glut32.dll

2.在左半邊按滑鼠右鍵可改變當前圖形的某些特徵，方便觀察

3.在右半邊可拖動數值

 4.在右半邊按滑鼠右鍵可改變當前圖形

程式Color

1.茶壺

2.多邊形，Vertex：頂點