week17 期末作品影片

第十四周上課內容

第十四周上課內容

第13週

第十三週上課內容

第12週上課內容

第12週上課內容

第十一週上課內容

第十一週上課內容

第十週

第十周課堂練習

1. 下載 官方範例  http://jsyeh.org/3dcg10
1.1. source.zip
1.2. data.zip
1.3. windows.zip
1.4. glut32.dll
1.5. (A) 跑 Transofrmation 範例, 跑 Material 範例 (右鍵換不同的模型檔)
1.6. (B) 將 data目錄 Al.mtl 及 Al.obj 檔案,按右鍵,選notepad++ 看一下檔案內容

2. 我們想要把官方的範例,自己用 source code 建出來
2.1. Dev C++, 安裝 glut的DevPak 小盒子 (在課程FB裡面)
2.2. Tool-Editor設定,第三個打開(Tab),第四個關掉
2.3. File-New-Project, MultiMedia, glut, 記得另外存在你的(00160011目錄)中哦!
2.4. 把 1.1 下載的 source.zip 裡面,看到很特別/落單的 glm.c 及 glm.h, 放到你的目錄中
2.5. 再把 source.zip 裡面的 transformation.c 也放在你的目錄中
2.6. 在 Dev C++ 的專案裡面,把 2.4 的 glm.c 及 2.5的 transformation.c 都Add新增到你的專案中
2.7. F9執行, 你成功把官方範例,自己由 source code 建出來了

3. 我們把我們自己的程式寫出來, 要讀 OBJ檔型的三個步驟

3.1. 宣告 #include "glm.h" (記得在2.4裡把 glm.h 及glm.c 放在你的目錄中)
3.1. 宣告 GLMmodel * pmodel;//一個指標,指到3D OBJ model, 指標不熟沒關係,先會用,用久了就熟了

3.2. 設定 glmReadOBJ("檔名");//把 OBJ檔讀進來

3.2. 設定 glmUnitize(pmodel); //把原來可能很大的模型,縮放到 0~1中間的單位大小(Unit)

3.2. 設定 glmFacetNormals(pmodel);//計算 "小面" 的法向量,以後可以打光

3.2. 設定 glmVertexNormals(pmodel, 90.0);//計算 "頂點" 的法向量,以後可以打光

3.3. 使用 glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);//在display裡面,把它畫出來

第八週上課內容

第八週上課內容

1. Dev C++ 裝兩個紙盒子 (opencv1.0.DevPak, glut_3.7.6.DevPak)
1.1. 將 Dev C++ 的 Tool-Editor設定,將第3個打開(TAB)第4個關掉 (這樣你的程式排版才會正確)

2. Dev C++ 裡, File-New-Project 選 MultiMedia 的 glut 專案
2.1. 在桌面上新增一個  00160011_hw8 的目錄,把你的程式存在這個目錄中

3. Alt-P 專案屬性, 設定參數Link咒語
3.1. GLUT咒語: -lglut32 -lopengl32 -lglu32 -lgdi32 -lwinmm
3.2. OpenCV咒語: -lcv -lcxcore -lhighgui
(3.3. 賈院長課程中用 OpenCV 2.1 的咒語則是 -lcv210 -lcxcore210 -lhighgui210)

4. 將所有的東西都放在同一個目錄中:
4.1. 準備貼圖所需素材 (EarthMapColor.jpg), 放在程式的目錄中
4.2. 將 C:\Dev-CPP\bin\opencv\*.dll 檔案全部放在你的目錄中 (這樣才能執行OpenCV程式)

5. 最簡單的 OpenCV 程式

第6週

第6週上課內容

第五週上課內容

第五週上課內容:

1. Dev C++, Tool-Editor設定, 第3個打開(Tab),第4個關掉(SmartTab)
2. 在 FB 社團,有檔案 GLUT 3.7.6 DevPak 紙盒, 下載/安裝
3. File-New-Project, 選 MultiMedia-glut專案 (要拿它的設定及打光程式碼來用)
4. 先有藍色 glColor3ub(8,3,253)的圓球 glutSolidSpher(0.8, 40, 40); (即半徑, 橫精細度,直精細度)
可參考FB/Blog裡的圖,做課堂練習
5. 打光的球 (Copy複製範例專案), 全部複製得來的
5.1. Ctrl-F 找 light 這個關鍵字, 找到宣告 lighting 相關陣列的2段
5.1.1. const GLfloat light_ambient[] = {...} 等陣列宣告,4行為一段
5.1.2. const GLfloat material_ambient[] = {...} 等陣列宣告, 4行為一段
5.2. Ctrl-F 找 light 這個關鍵字, 找到設定 lighting 的函式2段
5.2.1. glEnable(...) 等函式,多行為一段
5.2.2. glLightfv(...) 等函式,多行為一段
5.2.3. glMaterialfv(...) 等函式,多行為一段
6. 利用 keyboard 把最適當的角度計算出來
6.1. glutKeyboardFunc(keyboard)

第4週上課內容

第4週上課內容

1. Demo Winscape 系統, 並介紹助教TA

2. 再教旋轉、移動、矩陣

3. 理論: 轉動-移動-車 vs. 移動-轉動-車

4. T-R-T

作業:

第三週上課內容

1. 下載範例 http://jsyeh.org/3dcg10

1.1. win32 下載,解壓縮到 桌面/windows/執行檔

1.2. data 下載, 解壓縮到 桌面/windows/data/模型檔

1.3. glut32.dll 下載, 解壓縮到 桌面/windows/glut32.dll

2. 執行範例 Transformation.exe

2.1. 按綠色字,上下推動

2.2. 右上角方框,按右鍵,可挑選不同的3D模型

課堂練習一: 把圖做旋轉 (沒做 matrix 保護)

課堂練習二: 用 matrix 保護後, 做旋轉、移動、放大縮小

回家作業 Homework 03
基本分: 75分, 包含使用glBegin()&glEnd()畫圖形(哪一種都可以), glClearColor(),glClear(),glPushMatrix(),glPopMatrix(),glTranslatef(),glRotatef() 以上都"要"用到

加分:
程式碼中有包含glutKeyboardFunc()等就加分每使用其中一種就加5分(要有功能) 
畫得很用心就再加分!

第二周上課內容

點線面、顏色、開始、結束

上課作業:

\

回家作業:

                           

                                                           修改三角形的角度、形狀與顏色

第一週上課內容

第一週上課內容:

1.openGL程式

2.自己寫的openGL程式