2014年6月26日 星期四

2013 電腦圖學 Week8

2013 電腦圖學 Week8
http://2013graphics.blogspot.tw/2013/04/blog-post_3218.html


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







2013 電腦圖學 Week6

2013 電腦圖學 Week6
http://2013graphics.blogspot.tw/2013/03/blog-post_8006.html


旋轉控制


2013 電腦圖學 Week5

2013 電腦圖學 Week5
http://2013graphics.blogspot.tw/2013/03/blog-post_2608.html


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


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


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

加眼睛&微調


第五週上課內容:
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)

2013 電腦圖學 Week4

2013 電腦圖學 Week4
http://2013graphics.blogspot.tw/2013/03/blog-post_15.html


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

課堂練習三

2013 電腦圖學 Week3

2013 電腦圖學 Week3
http://2013graphics.blogspot.tw/2013/03/blog-post_2833.html


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


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


H.W:



2013 電腦圖學 Week2 點線面顏色

2013 電腦圖學 Week2 點線面顏色
http://2013graphics.blogspot.tw/2013/02/blog-post_4705.html

1.2. 試著複習上週作業: 畫茶壼, 並加上色彩
1.3. 將茶壼的程式變成今天教的 點線面 配上色彩