第17周上課內容

http://youtu.be/mxS9p7bAvT0

第十四周上課內容

第十三周上課內容

第十二周上課內容

float dx=3, dy=3;
float x=0, y=0;
x += dx;
y += dy;
dy -= 0.98;

第十一周上課內容

第十周上課內容

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 建出來了

回家作業

回家作業: 請你用 Maya 做出一個有三角化的模式,匯出 OBJ檔,然後在你的程式中畫出來

第八周上課內容

https://docs.google.com/file/d/0ByYbu0zjxrp1THkybHVJbGFaTGs/edit?usp=sharing
先下載你們需要的 葉正聖老師上課軟體.zip
裡面有兩個重要的紙盒子 (可以給 Dev C++ 用的 DevPak 檔)

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. 加上貼圖的效果

第六周上課內容

第五周上課內容

第五週上課內容:

1. 今天綜合實作-機器貓

2. 一步步練習

3. 加打光、加Keyboard

TODO: 今天目標: 3D會動、打光的Doraemon, 用鍵盤幫忙,組合出來
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)

課堂練習1: TODO: 今天的小目標, 畫出一個藍色的圓

課堂練習2: TODO: 今天的小目標, 打光

 課堂練習3: TODO: 把一個白色的球移到前面一點點

第四周上課內容

第4週上課進度:

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

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

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

4. T-R-T

TODO:

1. 下載 jsyeh.org/3dcg10

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

1.2. data  解壓縮到桌面/windows/data/模型

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

2. 執行 Transformation.exe 

2.1. 調整 glTranslatef( 往右移動的量, 0, 0);

2.2. 調整 glRotatef(角度, 0,1,0);

2.3. 調換上面兩行 (按s鍵, 或是在下面按右鍵選 Swap translate/rotate)

課堂練習一 

(叮嚀: 使用 Dev C++ 時,記得 Tool-Editor設定,將第3個(Tab)打開,第4個(SmartTab)關掉)

課堂練習一

課堂練習二

課堂練習三

第三周上課內容

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分(要有功能) 
畫得很用心就再加分!

第二周課堂內容

第二週進度: 點線面顏色

0. 先看一些影片

0.1. http://viml.nchc.org.tw/research/result_movie.php?CONTENT_ID=22&SORT_ID=1
0.2. http://www.youtube.com/user/VIMLatNCHC?feature=watch
0.3. http://www.youtube.com/watch?v=Bh37_j5j6nA
0.4. 看一下示範的內容 http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/

1. 先設定好Dev C++ 的 DevPak (GLUT 紙箱)
1.1. 紙箱點兩下, 裝好GLUT後, Dev C++ 裡面: File-New-Project, 新增Multimedia的glut專案
http://www.facebook.com/download/556255091075162/glut.3.7.6_.DevPak
1.2. 試著複習上週作業: 畫茶壼, 並加上色彩
1.3. 將茶壼的程式變成今天教的 點線面 配上色彩

課堂作業: 繳交你的課堂做出來的成果 (請記得加上標籤哦)

回家作業: Homework 2 (moodle(三個檔案)及blog(只要圖及文字)都要交哦!)

Homework 2: 練習用glColor及glVertex畫出你要的形狀, 並用glClearColor改漂亮的背景顏色

                                     .

請由範例, 成功地在家中編譯(compile)出OpenGL程式。並進行修改, 以練習 OpenGL 中的顏色設定及畫你要的形狀等。

以下請分開三次檔案上傳。

第一個檔案: JPG 檔 -- 程式順利執行的 PrintScreen 圖 (禁止上傳 BMP 大檔)

第二個檔案: 文字說明檔 -- 請在裡面簡單說明你的程式有什麼樣的特色及做了什麼樣的修改, 並在最後列出你的 "互助組同學名單"

第三個檔案: 精簡程式檔壓縮檔 -- 此檔內含你所修改的 CPP 檔及所使用的程式發展環境( (ex. VC6, Dev-C++, VC.NET, Mac, etc) 所對映的專案檔、執行檔等。請以精簡為原則。

本作業的目的是要確保每一位同學都有成功地修改simple的程式碼, 以達到練習 compile 程式, 修改 ClearColor 與 Color 的顏色、修改增加 Vertex 與 Color 值等。

對於進階的同學, 可以嘗試看看動態改顏色、多加幾個點以做出比較特別的幾何圖形、使用glTranslatef之類的進階東西嘗試。

提早交作業可以加分。有用心進階嘗試也可以加分。

特別扣分項: 排版扣10分



第一周上課內容

第一周上課內容

01

02

 HW-03

回家作業

dev c++