Vision-based Game Class

CAM Game Show 2011

2011-06-24T12:54:00.003+08:00

請同學直接用回應票選, 每項最多可投三個作品:

　最佳遊戲大獎:

　　第一名: 張凱傑：戰鬥吧！忍者貓！　22
　　第二名: 廖平瑋：閃躲障礙物　11
　　第三名: 黃泓清：虛擬鋼琴　8

　創意獎:

　　第一名: 郭鎮瑋：小畫家　13
　　第二名: 黃泓清：虛擬鋼琴　11
　　第三名: 林盈睿：敲木頭　8

　音效獎:

　　第一名: 黃泓清：虛擬鋼琴　15

　美工獎:

　　第一名: 郭鎮瑋：小畫家　12
　

Week 19: 期末專案開發夏令營暨成果發表

2011-06-22T15:01:00.045+08:00

CAM Game Show 2011
　互動視訊遊戲開發 - 期末專案成果發表會

　地點: S5131

　每位同學成果展式: 報告 4 分鐘, 程式展示 4 分鐘。
　含: 書面報告及 Youtube 2分鐘影片。

　　1. 6/23 10:00 - 12:00

　　　　10:00 陳柏羽：上升的物體
　　　　10:10 楊景盛：快接啊!!!!!!!!!會爆炸!!!!
　　　　10:20 林東磊：打擊惡魔！
　　　　10:30 劉佳蓓：蟑螂與蜘蛛
　　　　10:40 李挺宇：打地鼠
　　　　10:50 謝慶勳：閃避碰碰球
　　　　11:00 張　懷：太空軍校生 Windows彈珠台！
　　　　11:10 ~~張雅婷~~
　　　　11:20 李翼豪：KUTAR之發氣球與機智搶答
　　　　11:30 曹承凱：戳氣球遊戲
　　　　11:40 王郁棖：打地鼠
　　　　11:50 丁冠誌：大家一起收服口袋怪獸吧！

　　2. 6/23 13:30 - 16:30

　　　　13:30 黃泓清：虛擬鋼琴
　　　　13:40 沈信佑：打東東
　　　　13:50 施冠宇：攻防遊戲
　　　　14:00 王雨喬：顏色傻傻分不清楚
　　　　14:10 吳欣蓉：打不死的旦旦
　　　　14:20 ~~鄒依潔~~
　　　　14:30 楊証皓：天下掉下來的大便與禮物
　　　　14:40 陳奕攸：捉烏龜
　　　　14:50 陳政男：越跑越快的球！
　　　　15:00 彭秋雯：打壁虎
　　　　15:10 劉柏成：蹦蹦兔
　　　　15:20 李挺安：沒有磚塊的打磚塊遊戲
　　　　15:30 郭鎮瑋：小畫家
　　　　15:40 ~~顏信仁~~
　　　　15:50 許獻仁：正義 VS 邪惡
　　　　16:00 蔡坤廷：愛不釋手的蘋果
　　　　16:10 王柏翰：失控的擦玻璃！
　　　　16:20 游輝煒：Do Re Mi！

　　3. 6/24 10:00 - 12:00

　　　　10:00 張凱傑：戰鬥吧！忍者貓！
　　　　10:10 黃暐倫：打 Boss ！
　　　　10:20 陳星同：英雄與叛徒
　　　　10:30 林益亘：切西瓜！
　　　　10:40 簡維煜：吃飯，睡覺，打東東！
　　　　10:50 林盈睿：敲木頭
　　　　11:00 楊佳翰：植物大戰
　　　　11:10 廖平瑋：閃躲障礙物
　　　　11:20 鄭涵勻：戳烏龜！
　　　　11:30 ~~諶德軒~~
　　　　11:40 阮昱貹：來玩遊戲吧！

　　4. 6/24 12:00 - 13:00　麥當勞超值午餐

　　開始點餐囉!

　　5. 6/24 13:00 - 13:30　票選活動

　　　　　a. 最佳遊戲大獎

　　　　　b. 創意獎

　　　　　c. 美工獎

　　　　　d. 音效獎

　　6. 6/24 13:30 - 14:00　課程心得分享與建議、改善

　　　a. 關於教材內容、範例程式：

　　　b. 關於作業、考試、指定閱讀：

　　　c. 關於『期末專案、視訊程式夏令營暨成果展』之進行方式：
　　　　
　

Week 17: 互動的兩個模式

2011-06-06T16:31:00.018+08:00

1. AR mode:

　

　　W17-SP

2. interface mode:

　MSDN: 以程式碼模擬滑鼠和鍵盤事件

　a. 真人版洛克人大挑戰

　　

　　專題初審文件

　b. CAM Game Show 2009: 黃國維作品 - Virtual Joystick

　

　

　　膚色偵測膚色範圍 (90 < Cb < 120、120 < Cr < 150)

　　相關論文: 猜拳機 (國立中山大學電機系曹文潔碩士論文)

　c. CAM Game Show 2010: 呂誌軒作品 - 控制地球

　

3. 2011 互動視訊程式開發夏令營

　地點: S5131
　時間: 6/20 - 24 9:00 - 16:00

4. CAM Game Show 2011
　互動視訊遊戲開發 - 期末專案成果發表會

　地點: S5131

　每位同學成果展式: 報告 4 分鐘, 程式展示 4 分鐘。
　含: 書面報告及 Youtube 2分鐘影片。

　a. 分成三個階段成果發表: (6/22下午抽籤決定報告時段)

　　1. 6/23 10:00 - 12:00
　　2. 6/23 13:30 - 16:30
　　3. 6/24 10:00 - 12:00

　b. 6/24 成果展結束後, 麥當勞套餐。
　

Week 16: 背景影像的建立

2011-05-31T09:59:00.004+08:00

1. 如何利用 callback function 建立背景影像?

　首先, 我們先補充關於如何取背景圖的理論。

　在攝影機不動的情況下拍攝靜物, 照理說, 連續兩個畫面(frame)應該是完全一樣的; 然而, 寫程式分析, 卻發現兩張畫面看起來一樣, 實際上卻有稍稍不同, 色彩值因為光線變化 (也許是因為光源閃爍, 或是空氣中的灰塵影響。), 讓不同畫面中, 相同位置的色彩值產生細微的不同。

　假設在沒有雜訊的情況下,　我們所拍攝到的色彩值是 F(i,j)
　第 k 個畫面的位置 (i,j) 上, 雜訊的函數為 Xk(i,j),

　假設我們所擷取到的色彩值為 Fk(i,j),
　因此,

　　Fk(i,j) = F(i,j) + Xk(i,j)

　如果我們取連續 30 個畫面色彩值之總和,

　　F1(i,j) + F2(i,j) + ... + F30(i,j)
　　= [F(i,j) + X1(i,j)] + [F(i,j) + X2(i,j)] + ... + [F(i,j) + X30(i,j)]
　　= 30 F(i,j) + [ X1(i,j) + X2(i,j) + ... + X30(i,j) ]

　如果雜訊的平均值是 0, 即

　　X1(i,j) + X2(i,j) + ... + X30(i,j) = 0　

　再將上述式子除以 30 求平均, 那麼我們就可以得到 F(i,j)。

　下列兩張圖中, 上圖是取像自單張影像, 下圖則是 30 張影像的平均影像。很明顯地, 上圖的雜訊較多, 下圖則是平滑多了!

　　

2. 如何控制物件是否要出現在視訊擷取視窗之中

　首先, 宣告一個布林變數 bool bObjectOnFrame; 來表示虛擬物件該不該出現在視訊擷取視窗中。接著, 在回呼函數中, 我們是否要去修改緩衝區記憶體中的視訊畫面資料, 完全取決於 bObjectOnFrame 的值是 true? 還是 false ? 因此, 在範例程式 W14-SP 中, 我們只要簡單地在修改緩衝區記憶體之前加入關於 bObjectOnFrame 的判斷式即可。另外, 我們新增一個按鈕, 來手動修改 bObjectOnFrame 的值, 讓虛擬物件消失, 或是重現。

　　範例程式 W16-SP

3. 所有作業的截止期限為 2011/06/06, 逾期不再接受補交! 請見諒 :)

Week 15: 期末專案發想

2011-05-24T09:28:00.003+08:00

1. 期末專案發想: 請同學欣賞本課程歷年修課同學的作品。

　a) 2010 作品集

　b) 2009 作品集

　c) 2008 作品集

　d) 2007 作品集

　Homework Week 15:

　Part 1: 請同學從過去的作品中挑出一個你最喜歡的作品, 並且寫出你喜歡的主要原因。
　Part 2: 請同學開始發想期末專案, 並寫出你的初始構想。

　下課前沒有完成作業的同學, 本週記三節曠課！請見諒！
　
2. 其他相關資料:

　a) Sony PS EyeToy:

　　

　　
　
　　

　b) Apple's App.

　　
　

Week 14: 如何在視訊擷取視窗放入圖片?

2011-05-12T00:24:00.007+08:00

1. 如何在 RGB video format 的視訊擷取視窗中加入圖片
　a. 宣告一個三維陣列, 用來預先儲存圖片的 RGB 色彩資料。
　　unsigned char ucSpottedGecko[125][155][3];
　b. 將圖片的 RGB 色彩資料讀入到三維陣列之中。
　c. 在預覽回呼函數中, 將圖片陣列資料放進到視訊擷取視窗的緩衝區記憶體中。

2. 如何在 YUY2 video format 的視訊擷取視窗中加入圖片

範例程式: W14-SP

3. 請同學思考下列問題:

　視訊擷取視窗中的影像物件, 如何修改範例程式,

　a. 讓視訊擷取視窗中的影像物件的背景去掉
　b. 讓影像物件在視訊視窗中移動
　c. 讓包含多張圖片的動畫檔 (GIF) 顯示在視訊擷取視窗中
　

Week 13: 視訊格式 Video Format

2011-05-04T11:16:00.017+08:00

　　上個星期 (Week 12) 的課程內容介紹到如何存取視訊擷取視窗的緩衝區記憶體中的色彩資料, 但由於有一些同學的視訊裝置只提供 YUY2 的視訊格式, 因此執行範例程式 W12-SP 時, 就卡住了。為了解決這個問題, 這個星期, 我們就來討論: 什麼是視訊格式(Video Format)? YUY2 又是什麼?

1. 什麼是視訊格式(Video Format)?

　　所謂的視訊格式, 其實指的就是視訊裝置所拍攝到的畫面(frame), 傳送近電腦歡緩衝區記憶體的資料流(串流) 的格式。最簡單的格式就是如下圖所示的 RGB 24, 其所代表的意義就是每個像素分別各用 8 個 bits 傳送紅 R、綠 G、藍 B 的色彩值, 一共需要 24 位元, 圖素(像素, pixel)位元深度為 24。

　　下圖的畫面解析度設定為 320 * 240, 共有 76800 個像素, 每個像素需要 24 bits / 8 bites = 3 Bytes, 因此共需 76800 * 3 = 230400 Bytes 的緩衝區記憶體來儲存一個畫面的色彩資料。

　　既然傳送的畫面資料本身是色彩值, 就可以有不同的色彩表示方法 (色彩模型, 色彩空間) 來表示一個顏色。RGB 是一種色彩表示方法, YUV 色彩模型則是另一種常見的選擇。

　　RGB 與 YUV 兩種色彩空間的轉換方法, 如下:

　　
　　

　在撰寫 RGB 與 YUV 兩種色彩空間的轉換程式時, 必須特別注意以下兩件事:

　a. 由於 U、V 色彩值可能為負數的情況, 為了儲存到 BYTE 的資料型態的記憶體中, 在儲存之前都會加上 128, 使之成為正數後再存放到記憶體中。

　b. 在電腦中 R、G、B 色彩值是用 BYTE 的正整數資料型態儲存, 適用可能範圍為 0 - 255, 然而, Y、U、V 經過轉換公式轉回 R、G、B 色彩值時, 卻有可能超出 0 - 255 之容許範圍, 所以, 存入前, 必須經過判斷後, 再放進記憶體, 以確保正確。

2. YUY2 視訊格式

　原本的 YUV 色彩空間每個像素依然需要 3 個位元組的記憶體空間來儲存色彩值, 為了更進一步節省傳輸及記憶體空間, YUY2 視訊格式便依照 "相鄰像素之色彩(UV)也會相近" 的特色, 讓相鄰的兩個成對像素共用一組 U, V 色彩值, 所以視訊裝置傳送到緩衝區記憶體的色彩值便依序為

　　YUYVYUYVYUYVYUYVYUYVYUYV...

　因此, 在撰寫 YUY2 的視訊處理程式時, 便要特別注意, 每次必須同時處理兩個像素, 一共 4 個 bytes。

3. 使用整數資料形態運算完成 RGB 與 YUV 色彩模型之轉換:
　 MSDN: Converting Between YUV and RGB

4. www.FOURCC.org - for video codec and pixel format information.

　　

　FOURCC 關於 YUV 與 RGB 的解釋比維基百科上的資料有用多了! 這邊的討論觸及了格式與視訊標準, 對於程式開發來說, 確實比較有幫助。
　

　
　
　範例程式: W13-SP

Week 12: 如何在視訊擷取視窗中添加物件?

2011-05-03T01:33:00.007+08:00

1. Real Life Super Mario Bros
　
　
　
2. KOF98 真人版
　
　
　
3. 請同學思考上述影片的製作過程

4. 如果想要直接在視訊擷取視窗中直接加入下圖的物件, 該如何做?
　
　　

　

　

　抹香鯨和藍鯨不是加上去的, 攝影機拍的,是準備對戰的兩位主角喔!

　

6. 同學可以思考如何修改範例程式, 可以讓計時器開始倒數...

　
　

　　範例程式 : W12-SP

Week 11: 預覽回呼函數實作

2011-04-26T09:45:00.005+08:00

1. 預覽回呼函數 preview callback function　

　　當視訊擷取驅動程式接收到來自視訊裝置的畫面(frame), 在 preview 模式之下, 將此畫面顯示所連結的視訊視窗之中。

　我們可以透過 capSetCallbackOnFrame 這個函數來指定當發生 frame preview 之前, 先執行一個特定的 callback function, 即預覽回呼函數。這個預覽回呼函數的名稱可以由我們自由命名, 但是傳入的參數個數與其資料型態則必須符合 VFW 的規定。

// 使用者自行寫的預覽回呼函數必須在公用變數宣告區宣告
LRESULT CALLBACK FrameCallBack( HWND hwndCapture, PVIDEOHDR lpvhdr );

// 設定 callback function 與視訊擷取視窗之間的連結,
// 請將此行放到開啟視訊擷取視窗, 並開始 preview 的指令後

capSetCallbackOnFrame(hwndCapture, &FrameCallBack);

2. 實驗: 當程式開啟視訊擷取視窗後, 顯示預覽的畫面總數到 Label 上。

　實驗目的: 了解視訊擷取視窗之預覽回呼函數的設定與使用方法。

　範例程式: W11-SP

3. 如何關閉預覽回呼函數?

　capSetCallbackOnFrame(hwndVideo, NULL);

　　
　
4. 預覽回呼函數可以做些什麼?

　好處: 就是我們可以在畫面預覽之前, 先對畫面資料做預先處理, 例如: 加入文字、物件或特效等等。

　

　這段影片就是利用預覽回呼函數, 將龍珠放置到畫面之中, 再與攝影機所拍攝的手進行互動...　

　但, 問題是這些畫面資料到底怎麼存取呢?

5. 如何從記憶體直接擷取視訊畫面?

　透過 capSetCallbackOnFrame 這個函式設定: 當視訊擷取視窗(代碼為 hwndViedo) 取得一個 frame 後, 必須執行我們所定義的 callback function: FrameCallBack,

capSetCallbackOnFrame(hwndVideo, &FrameCallBack);

LRESULT CALLBACK FrameCallBack( HWND hwndCapture, PVIDEOHDR lpvhdr );

　在我們所自行定義的 FrameCallBack callback function 中, 有兩個輸入參數:

　a. HWND hwndVideo,

　　指明哪一個視訊擷取視窗, 即該視訊擷取視窗的 handle。

　b. PVIDEOHDR lpvhdr,

　　capSetCallbackOnFrame 這個函式會自動把視訊擷取視窗的相關資訊透過 PVIDEOHDR lpvhdr 這個結構變數, 讓 FrameCallBack callback function 來使用。

　　有關 PVIEDOHDR 這個結構的相關資訊, 可以在 vfw.h 中, 找到如下的結構定義:

/* video data block header */
typedef struct videohdr_tag {
LPBYTE lpData;　　　　　　/* pointer to locked data buffer */
DWORD dwBufferLength; 　　/* Length of data buffer */
DWORD dwBytesUsed; 　　/* Bytes actually used */
DWORD dwTimeCaptured; 　/* Milliseconds from start of stream */
DWORD_PTR dwUser; 　　/* for client's use */
DWORD dwFlags; 　　　　　/* assorted flags (see defines) */
DWORD_PTR dwReserved[4]; 　　/* reserved for driver */
} VIDEOHDR, NEAR *PVIDEOHDR, FAR * LPVIDEOHDR;

　　透過結構 videohdr_tag 的宣告, 我們獲知擷取視窗的 data buffer 的指標可以用 lpData 這個變數來取得, 即

　　CaptureData = LPVIDEOHDR(lpvhdr);
　　ptrCapture = CaptureData->lpData;

　　// 全域變數宣告
　　LPVIDEOHDR CaptureData;
　　BYTE *ptrCapture, *ptrImage;

　　說明:
　　a. CaptureData 是全域結構變數, 其資料型態亦為 PVIDEOHDR。
　　b. *ptrCapture 與 *ptrImage 是兩個指向記憶體位址的全域指標變數。

6. 實驗: 將視訊擷取視窗的內容即時顯示於影像物件之中。

　　實驗目的: 了解視訊擷取視窗資料緩衝區的記憶體存取方法。
　
　　本實驗說穿了就是把某一塊記憶體(視訊擷取視窗資料緩衝區/data buffer) 複製到另一塊記憶體(影像物件存放色彩資料的記憶體) 之中。因此, 我們只要弄清楚兩個記憶體的起始位址, 自然可以輕鬆完成實驗。

　　透過 videohdr_tag 結構中的 lpData, 我們可以得到視訊擷取視窗的資料暫時存放區的起始位址。

　　CaptureData = LPVIDEOHDR(lpvhdr);
　　ptrCapture = CaptureData->lpData;

　　透過 TBitmap::ScanLine 這個 property 我們可以得到影像元件中, 每一列(row) 的影像資料存放的記憶體起始位置。

　　ptrImage = (BYTE *)Form1->imCW->Picture->Bitmap->ScanLine[i];

　　
　

YouTube: Lego Augmented Reality

2011-04-25T14:18:00.001+08:00

Week 10: 如何消除雜訊的干擾?

2011-04-19T09:24:00.009+08:00

1. Difference 黑白影像中所有的白點都是實質上所出現的物件嗎?
　　a. 如果不是, 哪些是雜訊呢?
　　b. 如何消除雜訊的干擾?

延續 Week 7 的討論, 我們想要忽略小白雜訊點的干擾, 只對進入畫面的大型物件互動, 最簡單的方式就是降低畫面的解析度, 那這些小雜訊點就會 "看不到" 了。

將視訊監控畫面以 8*8 大小的區塊為單位, 當區塊中的白點總數超過一半 (>31) 時, 整個區塊都輸出成白色區塊, 如下圖。

　　

從另外一種角度思考, 其實就是把整個畫面縮小成 40*30 的大小來監控, 這樣那些小雜訊就縮小到完全沒有影響了, 如下圖。

　　　

範例程式: W10-SP

2. 什麼是 Callback Function ?

　2.1 函數的呼叫 (call) 與結束 (return)

　在程式的執行過程中, 當主程式呼叫一個函數 (call function) 時, 程式會跳到函數繼續執行, 當遇到 return 指令時, 就會返回主程式的呼叫點繼續執行。

　2.2 Callback Function = Call + Back + Function

　當我們執行某個應用程式時, 針對 Form 上各個物件所發生的事件, 嚴格來說可以分成兩類:

　a. 由使用者觸發, 如使用者透過滑鼠或鍵盤所觸發的事件。

　　這類事件, 在 object-oriented 程式語言中, 是用 event-driven 的設計, 使用者針對個別物件, 撰寫不同事件處理程序來因應。

　b. 非由使用者觸發, 乃系統自行發生的事件。

　　如程式發生錯誤情況, 或系統做了特定事件, 如從視訊裝置擷取一個畫面。此類事件, 使用者就可以設定 callback function 來因應這些事件的發生。

3. 預覽回呼函數 preview callback function　

　　當視訊擷取驅動程式接收到來自視訊裝置的畫面(frame), 在 preview 模式之下, 將此畫面顯示所連結的視訊視窗之中。

　我們可以透過 capSetCallbackOnFrame 這個函數來指定當發生 frame preview 之前, 先執行一個特定的 callback function, 即預覽回呼函數。這個預覽回呼函數的名稱可以由我們自由命名, 但是傳入的參數個數與其資料型態則必須符合 VFW 的規定。

Week 9: 期中考

2011-04-17T11:17:00.002+08:00

題目:

　成績公布:

　　全班平均達 60.1 分, 剛好及格。
　　最高 96 分, 次高 88 分, 第三 84 分。

　成績分布統計圖:

　各題平均分數統計圖:

　問答題第一題之範本解答

　

News: 2011微軟潛能創意盃台灣區決賽冠軍今出爐

2011-03-29T20:09:00.003+08:00

[原文轉貼自攝影家手札網站]

七月將赴紐約迎戰全球軟體創業菁英創意與應用成為關注焦點

　　第九屆微軟潛能創意盃台灣區決賽冠軍今日出爐！軟體設計組國立台北大學「影片濃縮技術」、嵌入式系統組國立清華大學「慧型防火逃生系統」以及數位創作組台北科技大學「CottonCandy」自 569人初賽與 45 組複賽隊伍中脫穎而出，勇奪冠軍。他們將在七月遠征紐約、與來自全球 170 個國家入選的大學菁英共同爭奪世界冠軍！

　　台灣微軟開發工具暨平台推廣處總經理劉念臻博士表示：「微軟潛能創意盃的目的是要訓練學生不只能提出好的社會難題，更需提出原創性的解決方案、具備良好的表達能力、技術創新與臨場應變能力，這些訓練均讓學生在未來的職場上更具就業競爭力。連續二天的複賽與決賽，分別邀請來自不同領域的產、官、學專家學者擔任評審，訓練學生有更多的機會面對來自不同背景評審的尖銳問題時所表現的答辯能力，晉級台灣區複賽與決賽的學生不管最後是否得名，二天的參賽過程相信對於學生的未來都有絕佳的助益。」

　　為了讓台灣學生能夠像去年 2010 年一樣奪下全球連三冠的傲人成績，今年的代表隊將進入選手村培育，由產官學精英組成超級教練團，提供學生客製化訓練與建議，讓實力堅強的台灣學生在總決賽時能有最棒的表現！此外，連續 2 年在全球的競賽均有優異表現的數位創作組也在台灣的決賽會場模擬全球決賽模式於 24 小時內製作成品。在全球總決賽表現優異的台灣數位創作組參賽學生，也將獲頒教育部高教司國際藝術與設計競賽獎勵要點－第一等級 100 萬獎學金。

2010全球連三冠鼓舞 2011潛能創意盃報名盛況空前

　　受到去年2010波蘭全球決賽台灣勇奪三冠王(嵌入式系統開發組、數位創作組與展望 2020 組)的傲人成績鼓舞，今年的參賽隊伍高達 569 人，在 170 個國家中排名第 4 名，僅次印度、中國大陸與美國，如果以參賽學生數佔全部大專學生人數的比例，台灣今年的參賽比例將最高，創下 9 年來參賽的新紀錄。其中，數位創作組的隊伍更倍增至 216 人，報名盛況空前。

美國第一夫人肯定競賽

微軟潛能創意盃一直被譽為科技界的奧林匹克競賽，曾經參與過的教師與學子、政府官員甚至國家領袖都給予非常正面的評價與讚賞。2010 年波蘭全球決賽頒獎典禮中，美國第一夫人米雪兒〮歐巴馬（Michelle Obama）用肯定鼓勵表示樂見學生有此發揮的國際舞台，以科技改變人類的未來挑戰自我。微軟潛能創意盃以「利用科技來解決社會難題」為主題，讓全球的學生運用科技與創意發想讓世界更美好的做法。今年作品從節能減碳、教育、銀髮族照護、環境永續、到社會問題，包括運用 Windows Phone 7 和Bing結合，規劃出安全路線還有軌跡紀錄降低失蹤人口率；利用嵌入式系統、RFID、甚至最夯的 Kinect 體感裝置來自動偵測意外事件；還有老人專用的Facebook …等，從作品的創意與成熟度充分展現台灣學生優異的實力及對全球及社會議題的關切。

擴大國際視野學習團隊互助與包容

　　今年擔任微軟潛能創意盃的評審，包括前清華大學校長劉炯朗、清華大學榮譽講座教授張韻詩、交通大學資工系教授陳添福、台北醫學大學所長徐建業、東海大學環科系主任張鎮南、師範大學文化創意產學中心主任許和捷、北士設計創辦人唐聖翰、研華科技陳贊鴻、愛情公寓總經理林志銘、微軟潛能創意盃創辦人沈洊良…等19位來自產官學界各領域的專家與重量級人物，從作品的創意、實用性、可行性、發展性、與主題相符…等評審標準，遴選出優勝隊伍。另外，台灣代表隊也將獲得長榮航空機票贊助前往美國參加總決賽。

　　微軟潛能創意盃之父，目前自行創立 Circos Brand Karma 的沈洊良表示：「微軟潛能創意盃提供全球的大專學生，一個發揮創意及展現實力與增進國際視野的平台，藉由這個平台讓全球頂尖的參賽學生彼此交流，並學會如何在最短的時間內讓他人清楚的了解自己的作品，同時培養團隊互助與包容及欣賞別人的創意與優點，這樣的歷練不管是未來投入就業市場或是自行創業，都有絕佳的助益。」

各組冠軍作品介紹

軟體設計組台灣代表隊：IMSLABimslab

Ø 影片濃縮技術：（國立台北大學--劉昌杰）

作品將長時間監控畫面內的移動物件，利用追蹤演算法及軌跡分類，濃縮成短時間需要的摘要影片，並可點選濃縮影片中需要的移動物件片段，以回播其原始畫面，藉此可更有效率地搜索監視畫面，讓保全系統更有智慧，也可協助警方辦案。

Ø 第二名 Chengchi-Change（國立政治大學--黃柏淞、謝沛剛、劉瀚徽、郭獻元）

作品名稱：社區服務交換媒合平台

利用 ASP、網路搜尋地圖及 Facebook，讓個人的專長透過平台作媒合機制，找尋適當安全可利用的人力資源，達到互助的目的，讓社區資源充分利用，此系統亦可與人力銀行合作，讓企業可找尋適合的人才，另外，廣告商也可以利用此平台了解主要族群，做有效行銷。

Ø 第三名 DOLLARS（國立中央大學--林煒傑、謝佩庭、謝易錚）

作品名稱：盲人輔具－過馬路小幫手

眼鏡上裝置攝影鏡頭和耳機加上 Microsoft Visual C# 來開發，並整合 GPS 系統及三軸陀螺儀，透過邊緣檢測法精確辨別斑馬線或紅綠燈畫面，辨視後主動口語提示將過馬路的盲人，正確斑馬線位置及紅綠燈，以利安全過馬路，不至於被外在吵雜環境影響。

嵌入式系統組台灣代表隊：NTHUCS

Ø NTHUCS：（國立清華大學--陳碩鴻、林筱玫、陳易成、洪徹易）

NTHUCS的「慧型防火逃生系統」的防火防災智慧型技術功能有：(1)提供早期火警偵測與正確警報的能力；(2)準確啟動滅火機制；(3)正確與快速引導避難；(4)輔助消防救災所需資訊。由於科技的進步，使得現代嵌入式系統的運算能力大幅提升，因此可以用更低廉的價格來廣泛的佈署感測器，以提供精準的火勢監控, 並透過嵌入式平台的連網能力將火場動態透明化，使救難人員能在最短時間內救出受困的民眾與撲滅火勢，保障民眾生命財產的安全。「慧型防火逃生系統」目標在解決且改善目前的智慧型防火防災系統，希望藉由新一代的智慧化防火防災系統都能導入「即時火災現場導航」的概念，在高科技產業技術發達的時代，居家生活及公共安全都能因科技的發展更為舒適便利且安心。

Ø 第二名Unlimited Vision：（銘傳大學--馬珝皓、張堃鉉、沈駿寗、李應伯 )

作品名稱：Unlimited Vision

汽車的演進，造成了人們極大的便利，但也產生了新的隱憂，即是汽車的安全性。近幾年，各大車廠在汽車的安全做了許多的研究，產生了現代的智慧型科技車，讓駕駛者在行車和倒車時，可以經由螢幕的輔助，減少不必要的意外發生，但是在駕駛者觀看螢幕的一瞬間，常常就是造成潛在的危機狀況。本研究預計使用軟性液晶螢幕，將它貼附在汽車A柱上，然後結合攝影機的拍攝，將A柱所阻擋到的畫面完整呈現在螢幕上，讓駕駛者不用再移動身體來觀察A柱的情況，讓駕駛者擁有最直覺、最舒適且最安全的駕駛空間。

Ø 第三名漫遊星空下：（正修科技大學-李英綜、李英瑞、吳偉柏/國立交通大學--謝叢至）

作品名稱：以手機應用於橋梁預警系統的開發

建構結合 ZigBee 無線通訊技術之橋梁安全感測，系統並具備回報警戒訊號，給接近橋梁附近的手機用戶者主動強迫式的發出預警信息，以避免警示不及時，造成生命危險或是許多人車塞於橋梁附近的狀況。其中監測系統以具有無線感測網路之橋樑應變、傾斜、水位及雨量等感測器，並以微軟的 ebox 崁入式系統作為整合圖控系統 SQL Server 資料庫以及 IIS Asp.NET Web 服務主機，具有警報系統、遠端傳輸、簡訊通訊服務功能及手機到達警戒區域附近自動接收警報功能。這個構想來自於手機：是一個很普遍會隨身攜帶的通信聯絡產品，而具備 GIS 的災害預警系統也是很成熟的技術，結合這兩者可以使手機產品成為主動式地、即時地、準確地給予用戶的危急示警及應變狀況提醒，使手機更有智慧。

數位媒體第一名作品介紹

Ø CottonCandy（台北科技大學--李京玲、張秀如）

CottonCandy 透過俏皮配音與創意的動畫人物，表現地球各國合作一起合力抵抗地球溫化、氣候變遷的惡劣環境意題，其中台灣擁有先進的科技技術，創造出科技產物「殺菌光」來消滅細菌與病毒，改善全球環境污染的問題。
　

Week 7: Image Processing (2)

2011-03-28T21:17:00.012+08:00

　上個星期 (Week 6) 我們完成了上圖的程式講解與實作練習, 本週我們要繼續思考的問題是:

1. Difference 彩色影像要如何轉換成 Difference 黑白影像?
2. Difference 黑白影像中所有的白點都是實質上所出現的物件嗎?
　　a. 如果不是, 哪些是雜訊呢?
　　b. 如何消除雜訊的干擾?

1. imDifference 彩色影像要如何轉換成 imDifference 黑白影像?

　imDifference 彩色影像每個像素(pixel)中, 包含了紅、綠、藍 (R, G, B) 三個色彩值, 其來源是兩張影像的色彩值相減取絕對值的結果, 如果我們用 (r1, g1, b1) 代表第 1 張影像的色彩值, 用 (r2, g2, b2) 代表第 2 張影像的色彩值, 就可以將 (R, G, B) 表示成下列式子:

　(R, G, B) = ( |r1-r2|, |g1-g2|, |b1-b2| )

　如果想要把 imDifference 彩色影像(color image)轉成黑白影像(binary image), 首先要把三維色彩向量 (R, G, B) 轉換成一維的強度值(intensity), 最後在判斷是否超過我們事先設定(predefined) 的一個臨界值 iThreshold, 如果超過, 就設定成白點(255, 255, 255), 否則就設定為黑點(0, 0, 0)。

　將三維色彩向量轉換成一維的強度值的方法有很多種, 最簡單的方式就是直接求向量的長度, 換句話說, 就是將三個色彩值取平方和再開根號。另一種方式則是將其換算成灰階影像(grayscale image) 的明亮度(Luminance), 其轉換公式為

　Luminance = 0.299 * Red + 0.587 * Green + 0.114 * Blue

　

2. Difference 黑白影像中所有的白點都是實質上所出現的物件嗎?
　　a. 如果不是, 哪些是雜訊呢?
　　b. 如何消除雜訊的干擾?

　範例程式: W07-SP
　

Week 6: Image Processing (1)

2011-03-22T11:46:00.001+08:00

1. Windows 的圖形裝置介面 (GDI: Graphics Device Interface)

2. TCanvas::CopyRect method

3. 開啟與儲存 BMP 影像

4. TCanvas::Pixels

5. TBitmap::ScanLine

範例程式: W06-SP

Week 6 作業: 請完成範例程式所示範之所有程式, 並將執行結果上傳到作業部落格中。
　

Week 5: WebCam Programming (3)

2011-03-14T17:28:00.008+08:00

1. 取得視訊裝置驅動程式的效能 ( capDriverGetCaps )

2. 開啟各種視訊對話視窗

　

　　a. capDlgVideoSource(hwndVideo)

　　

　　b. capDlgVideoFormat(hwndVideo)

　　

　　c. capDlgVideoDisplay(hwndVideo)

　　d. capDlgVideoCompression(hwndVideo)

　　

3. 靜態影像擷取
　視訊畫面靜止: capGrabFrame
　視訊畫面不靜止: capGrabFrameNoStop

　本週範例程式: W05-SP
　

News: 微軟 Kinect 熱銷破千萬台

2011-03-11T02:21:00.002+08:00

原始新聞連結

（路透西雅圖9日電）微軟（Microsoft Corp）今天表示，Kinect 體感遊戲機上市 4 個多月以來，全球銷售量已經突破 1000 萬台，成為有史以來銷售最快的消費性電子產品。

專為 XBox 設計、搭配紅外線攝影機的 Kinect 體感遊戲機售價150美元，但可在網路上找到更便宜的價格。它讓微軟上一季營利大增，也擊潰競爭對手索尼（SonyCorp）。

微軟表示，Kinect 遊戲機熱銷，也帶動了專屬遊戲大賣超過1000萬套。中央社（翻譯）

Week 4: WebCam Programming (2)

2011-03-07T23:29:00.010+08:00

1. 如何建立一個視訊擷取視窗( capCreateCaptureWindow )

註: 視窗程式設計(Programming Windows)之基本觀念:
a. 在 Windows (作業系統) 中, 『視窗』的含義非常明確, 就是指螢幕上的一個矩形區域, 用來接受使用者輸入資料或是以文字或圖形的形式顯示輸出內容。
b. Window Styles : 同學可以試試加上 WS_CAPTION 到範例程式中。

2. 連接視訊擷取視窗與視訊裝置 ( capDriverConnect )

3. 設定顯示模式 ( capPreview )

4. 取得視訊裝置驅動程式的效能 ( capDriverGetCaps )

範例程式: W04-SP

作業: 將 Week 3 與 Week 4 兩週所教的內容寫成一應用程式, 並將執行畫面貼到作業分享部落格中，並寫下至少 140 字的心得與感想。

作業繳交一覽表

註: 匈牙利命名法

　

News: 兩顆大眼睛！Sony 3D 攝錄影機下周登台!

2011-03-05T13:41:00.000+08:00

[ Ｔ客邦原始新聞連結 ]

Sony 即將在下週舉辦 2011 全系列攝錄影機發表會，已經透露會有在 CES 上頗受矚目的，全球第一台 10 倍光學變焦 Full HD 3D 機種、全球第一台微投影 AVCHD 機種以及所有本年度共計七台的新機，下周就可以看到這台驚人的Full HD 3D攝錄影機現身台灣。

自從 Panasonic 發表第一款 3D 攝錄影機 HDC SDT750，已經很久不見新款 3D 攝錄影機上市，而且實際上市的機種也是少之又少，最近又到攝錄影機新一代機種亮相的時節，包括 Sony、JVC、Panasonic 等品牌，都會陸續舉辦新機發表，最快豋場的，就是下周 Sony 的 Full HD 3D 攝錄影機。

全球首款 10 倍光學變焦 Full HD 3D 機種

Sony 的 3D 攝錄影機，最早是在 CES 上發表，同展上也有 JVC 發表 3D 攝錄影機 GS-TD1，而Panasonic 一系列新機，幾乎都可以搭載 3D鏡頭，變成3D攝錄影機，不過相較於 Panasonic 搭載 3D 鏡頭的方式，Sony 的 HDR-TD10，是紮紮實實的內建雙鏡頭，有雙處理器、雙鏡頭、雙感光元件，鏡頭獨立拍攝都是 Full HD 高畫質影片，並不像 Panasonic 裝上鏡頭後，解析度只剩一半的模式，是真正的 3D Full HD 攝錄影機。

感光元件是採用兩顆 1/4"背照式 Exmor R CMOS Sensor，鏡頭是搭載 Sony G Lens，機身控制在一般家用機種相當的尺寸，不過搭載了雙鏡頭，寬度不免擴張了許多，比硬碟式的 HDR-XR550，還要寬約 1.5 公分，重量也多了 100 多公克。在 3D 的錄影功能上，並不是特別強，而且大多數功能都是只能在 2D 錄影時才能使用，像是白平衡、臉部偵測、微笑快門、追蹤對焦、場景模式等，幾乎可以說只有 Auto 模式可以用。

Week 3: WebCam Programming (1)

2011-02-28T23:15:00.009+08:00

1. Viedo For Window (vfw.h)
　a. 請同學思考什麼是標頭檔 .h
　b. #include <vfw.h> // 這行指令是什麼意思?
　c. 延伸閱讀 C 語言之前置處理

2. 取得視訊裝置驅動程式的名稱與版本 (capGetDriverDescription)
　

範例程式: W03-SP

* 誠心建議寫程式也要做筆記。
　

Week 2: 課程說明

2011-02-22T01:47:00.005+08:00

1. 課程評分原則:
　a. 指定閱讀 1,500 字心得報告 15%
　b. 期中考 20%
　c. 期末專案: 含展示影片, 報告與上台發表 50%
　d. 其他 15%

2. 指定閱讀書籍: 第 56 號教室的奇蹟 (報告繳交期限 3/13, 2011)

　

3. C++ Builder 官方下載點

4. 作業: 到 sky.com 玩一個 WebCam Game, 然後發表140字的心得到作業分享部落格中。
　

YouTube: Nintendo 3DS

2011-02-22T01:44:00.002+08:00

Play Free Webcam Games

2010-11-18T22:27:00.001+08:00

http://webcamgames.sky.com/index.php

　

Note: 2010S 成績公告!

2010-07-03T11:45:00.003+08:00

請同學注意:

期末報告影片一定要放在 YouTube 中, 這樣我們才能方便用各種方式, 如 Plurk, facebook,... 分享給大家看你的作品。

請尚未上傳影片到 YouTube 的同學盡速上傳, 我才可以打成績。謝謝！

成績計算公式:
平時成績 10% : 出席與作業
期末專案 50% : 程式技術, 美工, 音效, 創意
期末報告 40% : YouTube 影片, 遊戲企劃, 開發心得

總成績公告
　

Cam Game Show 2010

2010-07-03T11:35:00.010+08:00

最佳音效獎: 洪亞倫 - 戳痘痘 ( 12 票 )

最佳美工獎: 林士涵 - 電流急急棒 ( 4 票 )

　　紀辰融 - 神經的貓 ( 4 票 )

最佳人氣獎: 彭士浩 - 史上最難控制的小朋友下樓梯 ( 4 票 )

最佳創意獎: 呂誌軒 - 控制地球 ( 7 票 )

　　　　　　陳宥誠 - 淹死你 ( 5 票 )

最佳遊戲大獎: 呂誌軒 - 控制地球 ( 6 票 )

Week 19: 互動視訊遊戲開發夏令營與成果發表

2010-07-02T09:57:00.026+08:00

成果發表次序:

　0. 徐亦鈞 - 托氣球

　1. 邱信淵 - 猜拳機

　2. 潘信全 - 打蚊子

　3. 高紀勛 - 瘋狂推推球

　4. 李政達 - 火柴人

　5. 呂書超 - 快手旋風

　6. 陳宥誠 - 淹死你

　7. 張嚴之 - 猜錢幣

　8. 莊慶龍

　9. 林季謙 - VS 打鬥機

　10. 劉邦星 - 抓對的壁虎

　11. 姚智惟 - 千手觀音

　12. 黃建凱 - 馬路如虎口

　13. 林士涵 - 電流急急棒

　14. 洪亞倫 - 戳痘痘

　15. 陳譽介 - 貪食舌

　16. 紀辰融 - 神經的貓

　17. 呂誌軒 - 控制地球

　18. 彭士浩 - 史上最難控制的小朋友下樓梯

　19. 廖慶傑 - 跳不到第二層的小朋友上樓梯
　
　20. 洪詩涵 - 兔子來賽車
　
　

Week 17: 期末專案製作 (二)

2010-06-15T11:17:00.005+08:00

本週亦為期末專案製作時間...

期末專案開發夏令營:
　時間: 第 19 週 6/28(一) ~ 7/2(五) 9:00 - 16:00
　地點: S305 電腦教室

期末專案發表
　日期: 7 月 2 日上午 10 點。
　地點: S305 電腦教室

同學必須展示:
　1. 期末遊戲專案 YouTube 影片介紹
　2. 期末報告: 構想, 遊戲解說與學期心得報告
　3. 互動視訊遊戲展示
　

Week 16: 期末專案製作

2010-06-08T11:15:00.001+08:00

本週為期末專案製作時間...
　

Week 15: 模擬鍵盤觸發之互動模式

2010-06-01T11:39:00.007+08:00

1. 真人版洛克人大挑戰

　　

　　專題初審文件

　2. 2009 作品之黃國維: Virtual Joystick

　　

　　
　3. 膚色
　　相關論文: 猜拳機 (國立中山大學電機系曹文潔碩士論文)
　

Week 14: 期末專案發想

2010-05-25T09:41:00.019+08:00

本週的討論主題是期末專案發想。

第一節課請同學欣賞本課程歷年修課同學的作品。

　a) 2009 作品集

　b) 2008 作品集

　c) 2007 作品集

第二節課請同學從過去的作品中挑出一個你最喜歡的作品, 寫在作業部落格中, 我們將在課堂上與你深入討論相關技術。

第三節課請同學開始發想期末專案, 並將構想寫到作業部落格中。
　
其他相關資料:

　a) Sony PS EyeToy:

　　

　　
　
　　

　b) Apple's App.

　　
　

Note: 繳交期末專案企劃構想

2010-05-18T14:24:00.002+08:00

本學期相關技術的探討已經接近完成, 接下來同學們要開始構思期末專案, 請於下星期上課前, 繳交約 140 個字的原始構想到作業部落格中, 以利我們下週在課堂上開放討論。

Week 13: 如何透過視訊與虛擬物件互動

2010-05-17T08:31:00.032+08:00

繼上週討論如何使用回呼函數來進行視訊監控後, 本週所要討論的主題就是如何透過視訊與虛擬物件互動。

這邊提到的虛擬物件, 指的就是透過第九週所學會的技巧 (如何在視訊擷取視窗中添加物件), 我們在視訊擷取視窗中所添加的虛擬物件。

首先, 我們要準備要和我們互動的虛擬物件, 本週我打算使用 facebook 上的小遊戲 Zoo World 中的畫的非常可愛的小動物們。
　
　　　
　
我利用 Photoshop 將斑點壁虎裁剪下來, 並將白色背景修改成純白色(255, 255, 255), 並存成 SpottedGecko.bmp 檔, 如下圖:
　
　　　　　

將背景色設成純白色的好處有二:

　1) 如果我們要將圖片顯示在 Form 上, 只要將影像物件的屬性 Transparent 設成 true, 這樣子在程式執行時, 背景色就不會被顯示出來。

　　　

　下圖就是程式執行時, 影像 SpottedGecko.bmp 白色的背景並不會顯示出來...
　　
　　　

　2) 當我們要將 SpottedGecko.bmp 的影像放進視訊擷取視窗時, 我們就可以使用 if 判斷指令, 當色彩不等於為純白色 (255, 255, 255) 時, 我們才去修改緩衝區記憶體中的資料。
　
假設, 我們要將 SpottedGecko.bmp 這張影像放到視訊擷取視窗的 ( iObjectTop, iObjectLeft ) 位置上, 影像的高、寬, 分別為 iObjectHeight, iObjectWidth。

因此, 視訊擷取視窗的座標範圍在 ( iObjectTop, iObjectLeft, iObjectTop+iObjectHeight, iObjectLeft+iObjectWidth) 這個矩形範圍中時, 擷取視窗的視訊資料通通都要改成 SpottedGecko.bmp 影像色彩資料。

範例程式 VGC-2010S-SP15.txt

　　　
　
既然, 我們已經把虛擬的斑點壁虎放到視訊擷取視窗中, 接下來要考慮的問題就是如何透過網路攝影機來互動呢 ?

最簡單的一種互動方式就是當有人碰觸到虛擬物件時, 虛擬物件就消失不見!

首先, 我們用一個布林變數 bool bObjectOnFrame 來表示虛擬物件該不該出現在視訊擷取視窗中。在回呼函數中, 我們是否要去修改緩衝區記憶體中的視訊畫面資料, 完全取決於 bObjectOnFrame 的值是 true? 還是 false ?

因此, 在範例程式 VGC-2010S-SP15.txt 中, 我們只要簡單地在修改緩衝區記憶體之前加入關於 bObjectOnFrame 的判斷式即可。另外, 我們新增一個按鈕, 來手動修改 bObjectOnFrame 的值, 讓虛擬物件消失, 或是重現。

範例程式 VGC-2010S-SP16.txt

接下來, 當我們發現有人碰觸到虛擬物件, 只要將 bObjectOnFrame 設定為 false, 便可以讓虛擬物件在下一個畫面中消失。

　　

為了消除雜訊的干擾, 在上星期的課程中, 我們將視訊監控以 8*8 大小的區塊為單位, 當區塊中的白點總數超過一半 (>31) 時, 整個區塊都輸出成白色區塊, 如下圖。　

　　

從另外一種角度思考, 其實就是把整個畫面縮小成 40*30 的大小來監控, 這樣那些小雜訊就縮小到完全沒有影響了, 如下圖。

　　

同樣的道理, 視訊擷取視窗應該也要縮小成 40*30 大小來考慮如何互動才對...

　　
　
為了方便同學思考, 我們將上面的縮圖放大,

　　

原先, 虛擬斑點壁虎出現在視訊擷取視窗的座標範圍是 ( iObjectTop, iObjectLeft, iObjectTop+iObjectHeight, iObjectLeft+iObjectWidth), 此時, 我們要重新換算為在縮圖中的座標範圍。我們用 (iBlockTop1, iBlockLeft1) 來表示虛擬斑點壁虎在縮圖中的左上角座標, 另外用 (iBlockTop2, iBlockLeft2) 來表示虛擬斑點壁虎在縮圖中的右下角座標。

　iBlockTop1 = iObjectTop / 8;
　iBlockLeft1 = iObjectLeft / 8;
　iBlockTop2 = (iObjectTop + iObjectHeight) / 8;
　iBlockLeft2 = (iObjectLeft + iObjectWidth) / 8;
　
因此, 當有某一區塊 (m,n) 落在 (iBlockTop1, iBlockLeft1) 與 (iBlockTop2, iBlockLeft2) 所圍起來的矩形之中時, 便表示要將 bObjectOnFrame 這個變數設定為 false, 這樣, 虛擬物件就會從下一個畫面中消失, 達到我們所要進行的互動效果。

範例程式 VGC-2010S-SP17.txt
　

　

Week 12: 如何使用回呼函數進行視訊監控?

2010-05-11T00:58:00.008+08:00

本週的課程主題是: 如何使用回呼函數(callback function) 來進行視訊監控 ?

在上週我們的討論主題是如何使用 callback function 來建立一張背景影像?

在第六週的課程中, 我們曾討論: 如何看待兩張影像之間的差別? 如果我們把背景影像當作第一張影像, 而回呼函數中, 緩衝區記憶體的影像當做第二張影像, 這樣我們就可以去計算這兩張影像的差別。

最後, 我們透過第八週的實驗: 將視訊擷取視窗的內容即時顯示於影像物件之中, 所學到的技術, 將計算出來的差別影像, 顯示在影像物件之中。

範例程式 VGC-2010S-SP13.txt

　
為了消除雜訊的干擾, 我們將視訊監控以 8*8 大小的區塊為單位, 當區塊中的白點總數超過一半 (>31) 時, 整個區塊都輸出成白色區塊, 如下圖。

範例程式 VGC-2010S-SP14.txt　
　

　

Week 11: 如何建立背景影像?

2010-05-04T02:38:00.009+08:00

今天的課程主題是如何利用 callback function 建立背景影像?

首先, 我們先補充關於如何取背景圖的理論。

在攝影機不動的情況下拍攝靜物, 照理說, 連續兩個畫面(frame)應該是完全一樣的; 然而, 寫程式分析, 卻發現兩張畫面看起來一樣, 實際上卻有稍稍不同, 色彩值因為光線變化 (也許是因為光源閃爍, 或是空氣中的灰塵影響。), 讓不同畫面中, 相同位置的色彩值產生細微的不同。

假設在沒有雜訊的情況下,　我們所拍攝到的色彩值是 F(i,j)
第 k 個畫面的位置 (i,j) 上, 雜訊的函數為 Xk(i,j),

假設我們所擷取到的色彩值為 Fk(i,j),
因此,

　Fk(i,j) = F(i,j) + Xk(i,j)

如果我們取連續 30 個畫面色彩值之總和,

　F1(i,j) + F2(i,j) + ... + F30(i,j)
　= [F(i,j) + X1(i,j)] + [F(i,j) + X2(i,j)] + ... + [F(i,j) + X30(i,j)]
　= 30 F(i,j) + [ X1(i,j) + X2(i,j) + ... + X30(i,j) ]

如果雜訊的平均值是 0, 即

　X1(i,j) + X2(i,j) + ... + X30(i,j) = 0　

再將上述式子除以 30 求平均, 那麼我們就可以得到 F(i,j)。

範例程式 VGC-2010S-SP12.txt

下列兩張圖中, 上圖是取像自單張影像, 下圖則是 30 張影像的平均影像。

很明顯地, 上圖的雜訊較多, 下圖則是平滑多了!

　　
　

YouTube: WebCam Video Processing C# .Net

2010-04-20T22:26:00.001+08:00

Week 9: 如何在視訊擷取視窗中添加物件?

2010-04-19T21:36:00.010+08:00

1. KOF98 真人版

　

2. 請同學思考上述影片的製作過程

3. 如果想要直接在視訊擷取視窗中直接加入下圖的物件, 該如何做?
　
　　

　

4. 範例程式 : VGC-2010S-SP10.txt

　

　抹香鯨和藍鯨不是加上去的, 攝影機拍的,是準備對戰的兩位主角喔!

　

5. 同學可以思考如何修改範例程式, 可以讓計時器開始倒數...

　
　

MemoICON - Utilize Everyday Objects as Icon

2010-04-16T13:48:00.005+08:00

Week 8: What's Callback Function?

2010-04-12T22:32:00.025+08:00

1. 什麼是 Callback Function ?

　當我們執行某個應用程式時, 針對 Form 上各個物件所發生的事件, 嚴格來說可以分成兩類:

　a. 由使用者觸發, 如使用者透過滑鼠或鍵盤所觸發的事件。

　　這類事件, 在 object-oriented 程式語言中, 是用 event-driven 的設計, 使用者針對個別物件, 撰寫不同事件處理程序來因應。

　b. 非由使用者觸發, 乃系統自行發生的事件。

　　如程式發生錯誤情況, 或系統做了特定事件, 如從視訊裝置擷取一個畫面。此類事件, 使用者就可以設定 callback function 來因應這些事件的發生。

2. 函數的呼叫 (call) 與結束(return)

　在程式的執行過程中, 當主程式呼叫一個函數 (call function) 時, 程式會跳到函數繼續執行, 當遇到 return 指令時, 就會返回主程式的呼叫點繼續執行。　

3. 預覽回呼函數 preview callback function

　當視訊擷取驅動程式接收到來自視訊裝置的畫面(frame), 在 preview 模式之下, 將此畫面顯示所連結的視訊視窗之中。

　我們可以透過 capSetCallbackOnFrame 這個函數來指定當發生 frame preview 之前, 先執行一個特定的 callback function, 即預覽回呼函數。這個預覽回呼函數的名稱可以由我們自由命名, 但是傳入的參數個數與其資料型態則必須符合 VFW 的規定。

4. 實驗: 當程式開啟視訊擷取視窗後, 顯示預覽的畫面總數到 Label 上。

　實驗目的: 了解視訊擷取視窗之預覽回呼函數的設定與使用方法。

　範例程式: VGC-2010S-SP07.txt

5. 如何關閉預覽回呼函數

　範例程式: VGC-2010S-SP08.txt

　　
　
6. 預覽回呼函數可以做些什麼?

　好處: 就是我們可以在畫面預覽之前, 先對畫面資料做預先處理, 例如: 加入文字、物件或特效等等。

　

　這段影片就是利用預覽回呼函數, 將龍珠放置到畫面之中, 再與攝影機所拍攝的手進行互動...　

　但, 問題是這些畫面資料到底怎麼存取呢?

7. 如何從記憶體直接擷取視訊畫面?

　透過 capSetCallbackOnFrame 這個函式設定: 當視訊擷取視窗(代碼為 hwndViedo) 取得一個 frame 後, 必須執行我們所定義的 callback function: FrameCallBack,

capSetCallbackOnFrame(hwndVideo, &FrameCallBack);

LRESULT CALLBACK FrameCallBack( HWND hwndCapture, PVIDEOHDR lpvhdr );

　在我們所自行定義的 FrameCallBack callback function 中, 有兩個輸入參數:

　a. HWND hwndCapture,

　　指明哪一個視訊擷取視窗, 即該視訊擷取視窗的 handle。

　b. PVIDEOHDR lpvhdr,

　　capSetCallbackOnFrame 這個函式會自動把視訊擷取視窗的相關資訊透過 PVIDEOHDR lpvhdr 這個結構變數, 讓 FrameCallBack callback function 來使用。

　　有關 PVIEDOHDR 這個結構的相關資訊, 可以在 vfw.h 中, 找到如下的結構定義:

/* video data block header */
typedef struct videohdr_tag {
LPBYTE lpData;　　　　　　/* pointer to locked data buffer */
DWORD dwBufferLength; 　　/* Length of data buffer */
DWORD dwBytesUsed; 　　/* Bytes actually used */
DWORD dwTimeCaptured; 　/* Milliseconds from start of stream */
DWORD_PTR dwUser; 　　/* for client's use */
DWORD dwFlags; 　　　　　/* assorted flags (see defines) */
DWORD_PTR dwReserved[4]; 　　/* reserved for driver */
} VIDEOHDR, NEAR *PVIDEOHDR, FAR * LPVIDEOHDR;

　　透過結構 videohdr_tag 的宣告, 我們獲知擷取視窗的 data buffer 的指標可以用 lpData 這個變數來取得, 即

　　CaptureData = LPVIDEOHDR(lpvhdr);
　　ptrCapture = CaptureData->lpData;

　　// 全域變數宣告
　　LPVIDEOHDR CaptureData;
　　BYTE *ptrCapture, *ptrImage;

　　說明:
　　a. CaptureData 是全域結構變數, 其資料型態亦為 PVIDEOHDR。
　　b. *ptrCapture 與 *ptrImage 是兩個指向記憶體位址的全域指標變數。

8. 實驗: 將視訊擷取視窗的內容即時顯示於影像物件之中。

　　實驗目的: 了解視訊擷取視窗資料緩衝區的記憶體存取方法。
　
　　本實驗說穿了就是把某一塊記憶體(視訊擷取視窗資料緩衝區/data buffer) 複製到另一塊記憶體(影像物件存放色彩資料的記憶體) 之中。因此, 我們只要弄清楚兩個記憶體的起始位址, 自然可以輕鬆完成實驗。

　　透過 videohdr_tag 結構中的 lpData, 我們可以得到視訊擷取視窗的資料暫時存放區的起始位址。

　　CaptureData = LPVIDEOHDR(lpvhdr);
　　ptrCapture = CaptureData->lpData;

　　透過 TBitmap::ScanLine 這個 property 我們可以得到影像元件中, 每一列(row) 的影像資料存放的記憶體起始位置。

　　ptrImage = (BYTE *)Form1->imCW->Picture->Bitmap->ScanLine[i];

　範例程式: VGC-2010S-SP09.txt
　
　　
　

YouTube: 暴龍來了!

2010-03-30T20:54:00.005+08:00

國立台中圖書館, 數位體驗區 - 擴充實境 (Augmented Reality) 互動體驗
AR Engine "FunAR" is provided by Funcode Technology 方碼科技
　

Week 6: 如何看待兩張影像之間的差別?

2010-03-29T23:50:00.005+08:00

今天要討論的主題是人們如何看待兩張影像之間的差別? 該如何描述?

範例程式: VGC-2010S-SP05.txt

範例程式: VGC-2010S-SP06.txt

　

Week 5: 程式實作 (3) - 靜態影像擷取

2010-03-21T22:38:00.013+08:00

本週的課程主題是靜態影像(still image)擷取, 換句話說, 就是從視訊擷取視窗中, 擷取一張靜態影像。

1. 靜態影像擷取
　視訊畫面靜止: capGrabFrame
　視訊畫面不靜止: capGrabFrameNoStop

2. Windows 的圖形裝置介面 (GDI: Graphics Device Interface)
　　範例程式: VGC-2010S-SP04.txt

3. 影像處理: 彩色影像轉成灰階影像

4. 二維陣列:
　靜態宣告
　動態宣告

5. 本週課堂作業: (限下課前繳交, 缺交者即算缺席)
　請將你擷取下來的影像, 放到課程作業部落格中。
　

Week 4: 程式實作 (2) - 視訊裝置驅動程式的效能

2010-03-15T20:42:00.017+08:00

1. 如何移動視訊擷取視窗 (MoveWindow)

　範例程式: VGC-2010S-SP02.txt

2. 取得視訊裝置驅動程式的效能 ( capDriverGetCaps )

　範例程式: VGC-2010S-SP03.txt

3. 開啟各種視訊對話視窗

　　a. capDlgVideoSource(hwndVideo)

　　

　　b. capDlgVideoFormat(hwndVideo)

　　

　　c. capDlgVideoDisplay(hwndVideo)

　　d. capDlgVideoCompression(hwndVideo)

　　
　

Week 3: 程式實作 (1) - 開啟網路攝影機

2010-03-08T23:00:00.008+08:00

1. 範例程式: 開啟網路攝影機
　VGC-2010S-SP01.txt

2. 視窗程式設計(Programming Windows)之基本觀念:
　a. 在 Windows (作業系統) 中, 『視窗』的含義非常明確, 就是指螢幕上的一個矩形區域, 用來接受使用者輸入資料或是以文字或圖形的形式顯示輸出內容。
　

Week 2: WebCam Programming

2010-03-02T00:07:00.007+08:00

1. WebCam Programming:

　a. Viedo For Window (vfw.h)
　
　b. 如何建立一個視訊擷取視窗( capCreateCaptureWindow )

　c. 連接視訊擷取視窗與視訊裝置 ( capDriverConnect )

　d. 設定顯示模式 (capPreview)
　

　

Book: 多媒體視頻程序設計—使用 Delphi

2010-03-01T23:22:00.004+08:00

多媒體視頻程序設計 — 使用 Delphi (簡體書中國書)
作者: 張銘華
　

WebCam: IPEVO Point 2 View USB 攝影機 (P2V)

2010-02-22T23:39:00.007+08:00

見我所見
厭倦了固定在電腦螢幕上的網路攝影機了吧？IPEVO 精心設計了 Point 2 View (P2V) 網路攝影機，將您從單調的視角中解放。有了 P2V 的 200 萬畫素高解析度與多樣化使用模式，P2V 將是您在視訊通話、商用簡報、家庭影像分享的最佳幫手，並帶給您更多樂趣。

這麼多有趣運用的關鍵，在於 IPEVO 為 P2V 精心開發的 ”自由式”旋臂底座。在底座配上適合的重量，以及多重關節設計，讓 P2V 能夠從你視線出發，多種角度之下任意捕捉畫面，許你一個充滿自由與創新樂趣的視訊通話體驗。

　

CAM Game Show 2009 大獎

2009-06-27T14:00:00.011+08:00

最佳音效獎:

　林炳海: 趕羚羊 14 票
　林崇基: 忍者追殺大逃亡 7 票

最佳美工獎:

　陳佳筠: 雙手萬能 19 票

陳佳筠發表最佳美工獎得獎感言!

　李慧娟: 心靈之蛋 7 票

最佳人氣獎:

　劉昌杰: 恐怖的鱷魚牙齒大冒險 8 票
　黃國維: Virtual Joystick 7 票

創意大獎:

　許達易: 串丸子 3 票
　嚴仕佳: 雷射筆射氣球 2 票
　劉育成: 照片瀏覽器 1 票

劉育成創意受肯定, 發表感言!

　劉國昱: 躲避球 1 票
　邱巾倫: 雨天的祈禱 1 票
　黃劭龍: 教室野球 1 票
　黃國維: Virtual Joystick 1 票

最佳遊戲大獎:

　黃國維: Virtual Joystick 12 票

黃國維發表最佳遊戲大獎得獎感言!

　黃劭龍: 教室野球 4 票

黃劭龍發表最佳遊戲大獎第二名感言!

　劉昌杰: 恐怖的鱷魚牙齒大冒險 4 票
　鄭佳訓: 誰來接招 3 票
　葉秀斌: 踢足球 2 票

葉秀斌作品受肯定, 發表感言!

　方泓智: 跑跑跑 2 票
　

Week 19: 視訊程式夏令營第五天

2009-06-27T08:23:00.016+08:00

成果展上半場 11:00~12:00 展出順序:

　1. 吳坤璋: 太鼓達人之傻傻摸不到
　2. 劉育成: 照片瀏覽器
　3. 劉昌杰: 恐怖的鱷魚牙齒大冒險
　4. 陳志芳: 小兔子吃蘿蔔
　5. 許智凱: 調色盤
　6. 嚴仕佳: 雷射筆射氣球
　7. 劉國昱: 躲避球
　8. 林炳海: 趕羚羊
　9. 何宗儒: 躲避球
　

　

　
下半場 13:00 ~ 15:00 展出順序:

　10. 葉秀斌: 踢足球
　11. 黃文凱: 隕石大爆破
　12. 方泓智: 跑跑跑
　13. 李慧娟: 心靈之蛋
　14. 方佑平: 打地鼠之敘情版
　15. 鄭佳訓: 誰來接招
　16. 曾鈞鈺: 打磚塊
　17. 陳佳筠: 雙手萬能
　18. 吳仕閔: 拳心拳力
　19. 黃雅綉: 打磚塊之頂著紅盤子的紅人
　20. 黃鈺雯: 敲企鵝
　21. 張智銓: 電流急急棒之太胖很難走到終點
　22. 許夢涵: 打桌球
　23. 邱巾倫: 雨天的祈禱
　24. 林崇基: 忍者追殺大逃亡
　25. 許達易: 串丸子
　26. 馮國棟: 守護
　27. 黃劭龍: 教室野球
　28. 李茂平: 滂沱大雨
　29. 謝獻其: 棒球打擊遊戲
　30. 黃國維: Virtual Joystick

　成績已經上傳, 感謝大家的努力!
　

Week 19: 視訊程式夏令營第四天

2009-06-25T22:48:00.003+08:00

昨天原本很沉悶的電腦教室, 今天同學們為自己的遊戲加上配樂之後, 頓時歡樂起來,...

Week 19: 視訊程式夏令營第三天

2009-06-24T22:09:00.002+08:00

成果展的環境已經設定完成, 可以開放測試了, 請大家一定要實地做過測試, 才能真正排除各種問題, 圓滿達成任務, 不要讓辛苦一個星期的努力成為白功!
　

Debug: 找 Max, Min 時, 記得要給初始值!

2009-06-23T21:38:00.004+08:00

同學在執行範例程式 12 SampleProgram12.txt 時,
請千萬記得幫 ucMax[][][] 陣列設定初始值為 0,
幫 ucMin[][][] 陣列設定初始值為 255,
這樣才可以正確地找到每個像素點的極大值與極小值喔!
　

Week 19: 視訊程式夏令營第二天

2009-06-23T09:22:00.006+08:00

我可以

詞曲:大支編曲/j wu

小朋友你長大想當什麼
乘著夢想翅膀你可以盡情飛翔
夢想我小時候連怎麼寫也不知道
所以你也會像我一樣實現一天總會來到

你會是下一個陳詩欣下一個李昌鈺
你是下一個周杰輪你是下一個王永慶
小朋友你絕對可當最好的那些
離你不遙遠一瞬間人人都會有功練

出發吧遠足去大好前途
你的一小步也都是你的一大步
小朋友每一步都是阿姆司壯登上月球加油
快把樂高疊成摩天大樓你的夢會像風箏高高飛在天空
你的夢會像蠟筆畫的紅色蘋果
你的夢作在起床以後不是夢小朋友大朋友

讓我們一起說 !

我知道我可以我一定沒問題只要我肯努力我就天下無敵
我知道我可以我一定沒問題只要我肯努力我就天下無敵

小朋友夢是如此美好但如果你還一直不起床那就不好
聰明的小孩努力成長像小大人讓美夢成真看他們眼神多認真
可能你已經等不急轉大人搖頭跟在幫派混這不是你要的人生
小妹妹逃出家門援交能出賣靈魂幾千塊保險套就不怕愛滋病男人
好的不好學壞的都不用學給自己點時間長大分辨
來張開手掌命運線成功線點點點 ok
握起來一切都在自己手裡 give me five
把刀放下來把毒品放下來把衣服穿起來把課本撿起來
彩虹還是會有色彩你也不會只是黑白迷失的小孩跟我們一起唱來

我知道我可以我一定沒問題只要我肯努力我就天下無敵
我知道我可以我一定沒問題只要我肯努力我就天下無敵

小朋友你多久沒做夢了
睡不著
爸爸喝醉大吵大鬧
媽媽打牌遲到
沒載你到學校
放牛吃草 B 段班怎麼像大樹一樣高
老師叫壞學生滾出去就好比醫院不收你原因是因為你生病
這哪是教育打開電視胡鬧的大人們
怪力亂神烏煙瘴氣的新聞
小朋友看著我們我們看著你們
小朋友學習的人不只是模範生

小孩子像張白紙成長會寫下彩色的字
握筆的人我們都是
有什麼園丁便有什麼花園不是嗎?
一起努力撒下希望的種子吧!

讓夢想開花快快長大好好長大要比哥哥爸爸還要偉大

未來棟樑快點茁壯因為我們很快就需要更多力量
更多知識讓子彈上膛更多戰士讓明天打勝仗

不論你是哪來的小孩都可成就更好的未來!
新的一代快快站起來我們會改變這個時代!

我知道我可以我一定沒問題只要我肯努力我就天下無敵!!
我知道我可以我一定沒問題只要我肯努力我就天下無敵!!
　　

Week 19: 視訊程式夏令營第一天

2009-06-22T11:20:00.003+08:00

今天同學們的表現都很不錯, 藉由這樣撰寫程式的經驗, 我相信同學自己也會產生一些親自撰寫程式才會有的感受, 這些都是成為程式設計師必經的歷程! 加油!
　

Week 17: 來收集龍珠吧!

2009-06-08T23:47:00.012+08:00

我花了很多時間在網路上找龍珠的圖片, 最後終於在伊莉討論區的這張圖中找到:

然後用 Photoshop 把龍珠擷取出來...

範例程式變數說明:
用 (iObjectX1, iObjectY1) 來代表龍珠圖片出現的左上角座標,
龍珠圖片的寬與高分別用 iMarkWidth, iMarkHeight 這兩個變數儲存,
因此, 龍珠圖片的右下角座標 (iObjectX2, iObjectY2) 的計算公式為:

iObjectX2 = iObjectX1 + iMarkWidth;
iObjectY2 = iObjectY1 + iMarkHeight;

因此, 當我們在 callback function 中處理完所有的事情後, 必須給龍珠設定一個新的座標。假設新舊座標的位移量為 ( iDeltaX, iDeltaY ), 新的座標則為

( iObjectX1 + iDeltaX , iObjectY1 + iDeltaY)

當 iDeltaX > 0 時, 表示龍珠是向右移動的, 反之, 當 iDeltaX < 0 時, 表示龍珠是向左移動的; 同理, iDeltaY 則是控制龍珠上下移動方向。

　　if (iObjectX2 > 320)
　　　　iDeltaX = -10;
　　if (iObjectX1 < 0)
　　　　iDeltaX = 10;
　
　　if (iObjectY2 > 240)
　　　　iDeltaY = -10;
　　if (iObjectY1 < 0)
　　　　iDeltaY = 10;
　
最後, 龍珠就可以跑來跑去了!

　
　

Note: 期末考後天天加課!

2009-06-04T11:21:00.003+08:00

為了使本學期之作品成果展順利進行, 本課程將於期末考後一週 6/22-26 9:00~16:00 天天在 S513-1 教室加開課程, 成果展 CAM Game Show 2009 訂於 6/26 早上 10:00 在 S513-1 教室舉行。

Week 16: 如何去除監視畫面中的雜訊影響?

2009-05-28T23:00:00.014+08:00

0. 我噗浪的帳號: YKLee
　如果期末 WebCam 程式寫不出來, 這邊可以找到我...

1. 如何去除監視畫面中的雜訊影響?
　
當我們建立好背景影像, 如果沒有物件闖入監視畫面中, 在最理想的狀況下, 監視畫面應該是全黑的才對。可是由於光線變化及雜訊的影響下, 總會有一些像素點與原來背景的色彩值差距過大, 因此產生上圖中的小白點。
　
　
　
我們該如何去除這些雜訊點的影響呢?
　
　

如果我們將畫面分成一個一個的 8*8 區塊, 在區塊中的亮點總數如果沒有超過一半(32), 那我們就將整個區塊設成全黑區塊, 從上圖的實驗我們可以發現, 右下角的圖片已經全黑了。
　
　
　
如果區塊中的亮點總數如果超過一半了, 那我們就將整個區塊設成全白區塊, 從上圖的實驗我們可以發現, 右下角的圖片只有手部的部分被設成全白區塊。

　SampleProgram16.txt
　
2. 如何與畫面中的虛擬物件互動呢?

換句話說, 就是伸手將畫面中的 WebCam 拍掉!

SampleProgram17.txt
　

Week 15: 如何在視訊視窗添加圖片?

2009-05-26T10:55:00.004+08:00

直接將視訊擷取視窗中, (20, 20) 至 (50, 50) 的方塊, 塗成綠色:
SampleProgram13.txt

讀入一張 BMP 影像, 並將其色彩值存到 ucMarkR[][], ucMarkG[][], ucMarkB[][] 之中:
SampleProgram14.txt

將 ucMarkR[][], ucMarkG[][], ucMarkB[][] 中的影像, 顯示在視訊擷取視窗中:
SampleProgram15.txt

Week 14: 背景圖相關之理論與實作

2009-05-19T10:24:00.009+08:00

今天一上課, 我們先補充關於如何取背景圖的理論。在攝影機不動的情況下拍攝靜物, 照理說, 連續兩個畫面(frame)應該是完全一樣的; 然而, 寫程式分析, 卻發現兩張畫面看起來一樣, 實際上卻有稍稍不同, 色彩值因為光線變化 (也許是因為光源閃爍, 或是空氣中的灰塵影響!), 讓不同畫面中, 相同位置的色彩值產生細微的不同。

假設在沒有雜訊的情況下,
第 k 個畫面的位置 (i,j) 的色彩值為 f k (i,j), 雜訊的函數為 X k(i,j),

假設我們所擷取到的色彩值為 F k (i,j),
因此,

　F k (i,j) = f k (i,j) + X k(i,j)

如果我們取連續 30 個畫面色彩值之總和

如何計算色彩距離的臨界值(Threshold) 的範例程式:
SampleProgram12.txt
　

Week 13: 背景圖與臨界值的建立

2009-05-12T15:46:00.003+08:00

1. 將監視是否有物件的輸出畫面改成黑白畫面
　白: 與背景圖出現過大的色彩差距
　黑: 與背景圖色彩相近
　SampleProgram9.txt

2. 如何建立一張背景圖?
　取連續多張背景影像的平均。
　可以設計另外一個 Callback Function, 專門負責連續取 30 個畫面,
　將其平均後, 當作背景影像。
　SampleProgram10.txt
　SampleProgram11.txt

3. 如何計算色彩距離的臨界值 (Threshold)?
　當我們取得一張背景圖後, 我們如何判斷某個像素點是屬於背景?
　還是有物件進入到我們的畫面中呢?

Note: 下週上課以前務必繳交期末專案構想到 Homework Show @ VCGC,
　　　缺交的同學期末成績扣 5 分。

　

Maximal Connected Component

2009-05-12T15:44:00.001+08:00

1. What's maximal connected component?
　a. Maximal Connected Component (Graph Theory)
　b. Connected Component Labeling

Week 13: Viedo Format

2009-05-05T10:27:00.010+08:00

上星期期中考第三階段, 有不少同學發現明明同一個程式, 借用別人的 WebCam 來考試, 程式就可以順利執行, 用自己買的 WebCam 來 DEMO 程式, 偏偏就執行不出來。

我們今天就是要針對這個問題討論, 希望同學可以了解不同的攝影機, 傳送視訊資料進電腦的方式也是可以不同的, 一個好的程式設計師應該有能力可以處理不同廠牌的 WebCam, 一樣可以寫出一個好的程式來控制它的。

上面這個 Viedo Format 對話視窗是使用 capDlgVideoFormat(hwndVideo) 這個函式開啟的, 由視訊裝置的硬體商所提供的, 當你灌好驅動程式時, 就可以用 capDlgVideoFormat 這個指令將其呼叫出來, 請同學自己寫程式試試看, 看看自己的 WebCam 提供了哪些視訊格式。

視窗的左邊是選擇解析度, 也就是攝影機取像的畫面的大小; 中間的圖素深度(位元)及壓縮可以選擇用不同的格式來傳送每一個圖素 (pixel) 的色彩值, 及需不需要壓縮; 最右邊的大小(位元組) 會依照前面兩項的選擇, 自動計算出所需要的緩衝記憶體的大小。因此, 解析度越高, 最右邊的位元組大小當然也會跟著提高。

另外, 不同的圖像深度所需要的記憶體大小也會跟著不同。同學可以參考下列網頁, 以便了解不同的格式之間的差異為何。
　
1. http://www.fourcc.org/yuv.php

2. Wikipedia: YUV

今天課堂上第二個討論主軸是介紹去年修課同學的期末作品 Cam Game Show 2008　

( Note )
本週作業, 請同學將自己的期末作業的初步構想貼到 Homework Show of VCGC 部落格中。
　

Week 11: 期中考試第三階段

2009-04-28T09:33:00.000+08:00

本週進行期中考第三階段: 程式實測。

同學必須完成所有範例程式的執行。

News: 福山與台北植物園已建置二維條碼導覽

2009-04-24T12:45:00.000+08:00

〔中央社記者楊淑閔台北24日電〕原始新聞連結

農委會林業試驗所今天表示，「農業數位生態館計畫」已在所方所轄的台北植物園及福山植物園內完成數位化建置，提供民眾透過二維條碼解碼設備查詢相關解說資訊的服務。

林業試驗所指出，「農業數位生態館」是行政院農業委員會為創新農業數位內容價值，改善傳統文字解說牌無法詳述動植物特性，以及內容無法快速更新等缺點，藉由行動設備傳輸二維條碼技術，讓使用者可即時線上透過行動設備搜尋，讀取豐富植物解說與導覽資訊的服務。

林試所表示，依「農業數位生態館計畫」，已在所方所轄的台北植物園及福山植物園內完成數位化建置。

林試所並說，今年完成新增二維條碼的福山植物園，擁有豐富的植物與動物資源，不但可以欣賞原生植物之美，還有機會看到山羌、野豬、鴛鴦等野生動物，是台灣生態的寶庫，遊客可在此園經驗到與一般植物園或森林遊樂區完全不同的生態景致。

林試所補充，所方所轄的山仔頂植物園、埤子頭植物園、四湖海岸植物園、恆春熱帶植物園及扇平森林生態科學園等，也將陸續完成二維條碼解說牌建置。

Week 9: 期中考第二階段

2009-04-14T09:20:00.003+08:00

本週進行期中考第二階段: 口試。

缺席名單:
94363063 林郁勛
95360361 葉　廷
96363043 楊倍權
　

Week 8: 期中考第一階段

2009-04-09T10:36:00.004+08:00

本週進行期中考第一階段之筆試。

缺考同學名單如下:

94360912 林崇基 (已補交)
94363063 林郁勛
95360104 欒如雲
95360361 葉　廷
95361090 吳坤璋 (已補交)
96363043 楊倍權

請缺考同學於 4/13 以前補交。
　

Note: 期中考的進行方式

2009-04-07T10:33:00.005+08:00

幾經思考, 本學期的期中考, 我決定分成三階段, 分別在第 8, 9, 11 週進行。

第一階段: 以筆試的方式進行, 請同學參考課程部落格, 針對 Week 1 ~ 7 的課程內容, 逐週寫下自己已經掌握哪些技術, 哪些技術則尚未弄懂。

第二階段: 以口試的方式進行, 針對同學所寫下的學習狀態進行個別討論, 找出自己的學習問題。

第三階段: 檢驗程式實作, 同學必須完成範例程式的實作。

這樣做的目的是希望幫助同學面對、了解自己的學習狀況, 希望可以透過期中考試, 協助同學:
　1. 完全理解授課內容,
　2. 充分掌握視訊擷取技術,
　3. 擁有 WebCam Programming 的實作能力。
　

Note: 本課程之期中考試

2009-04-02T17:31:00.007+08:00

課程公告:
　本課程期中考試將於 Week 8 之課堂上以口試的方式進行, 考試內容將以本課程所教授之 WebCam Programming 之所有內容, 包括:

　a. 基本 C++ Builder 之基本觀念。

　b. WebCam Programming 之基本觀念與指令。

　c. 本課程在課堂上所進行之四個實驗:

　　1. 靜態影像擷取之實驗

　　2. Callback Function 之實驗: 在 Label 顯示擷取之 frame 總數。

　　3. 直接從記憶體擷取視訊畫面。

　　4. 將監視畫面與背景圖片相減所得到之差異影像隨時顯示出來。

　d. 八個範例程式中所有指令之用法。

　　1. SampleProgram1.txt
　　2. SampleProgram2.txt
　　3. SampleProgram3.txt
　　4. SampleProgram4.txt
　　5. SampleProgram5.txt
　　6. SampleProgram6.txt
　　7. SampleProgram7.txt
　　8. SampleProgram8.txt
　　
　　
　　

Week 7: 如何從記憶體直接擷取視訊畫面?

2009-04-02T02:58:00.015+08:00

本週要進行的討論主題是 - 如何從記憶體直接擷取視訊畫面?

我們所設定的實驗是: 透過使用 callback function 的方式, 將所擷取到的畫面顯示到另一個影像元件之中。

首先, 我們先在 MainMenu 這個元件中建立一個視訊擷取視窗 Callback function 的控制開關, 透過這個 on/off , 我們可以隨時開啟或關閉是否要對擷取視窗的畫面進行處理。

SampleProgram6.txt

透過 capSetCallbackOnFrame 這個函式設定: 當視訊擷取視窗(代碼為 hwndViedo) 取得一個 frame 後, 必須執行我們所定義的 callback function: FrameCallBack,

capSetCallbackOnFrame(hwndVideo, &FrameCallBack);

LRESULT CALLBACK FrameCallBack( HWND hwndCapture, PVIDEOHDR lpvhdr );

在我們所自行定義的 FrameCallBack callback function 中, 有兩個輸入參數, 第一個參數 HWND hwndCapture, 指明哪一個視訊擷取視窗, 即該視訊擷取視窗的 handle, 第二個參數 PVIDEOHDR lpvhdr, capSetCallbackOnFrame 這個函式會自動把視訊擷取視窗的相關資訊透過 PVIDEOHDR lpvhdr 這個結構變數, 讓 FrameCallBack callback function 來使用。

有關 PVIEDOHDR 這個結構的相關資訊, 可以在 vfw.h 中, 找到如下的結構定義:

/* video data block header */
typedef struct videohdr_tag {
LPBYTE lpData;　　　　　　/* pointer to locked data buffer */
DWORD dwBufferLength; 　　/* Length of data buffer */
DWORD dwBytesUsed; 　　/* Bytes actually used */
DWORD dwTimeCaptured; 　/* Milliseconds from start of stream */
DWORD_PTR dwUser; 　　/* for client's use */
DWORD dwFlags; 　　　　　/* assorted flags (see defines) */
DWORD_PTR dwReserved[4]; 　　/* reserved for driver */
} VIDEOHDR, NEAR *PVIDEOHDR, FAR * LPVIDEOHDR;

透過結構 videohdr_tag 的宣告, 我們獲知擷取視窗的 data buffer 的指標可以用 lpData 這個變數來取得, 即

CaptureData = LPVIDEOHDR(lpvhdr);
ptrCapture = CaptureData->lpData;

// 全域變數宣告
LPVIDEOHDR CaptureData;
BYTE *ptrCapture, *ptrImage;

說明:
1. CaptureData 是全域結構變數, 其資料型態亦為 PVIDEOHDR。
2. *ptrCapture 與 *ptrImage 是兩個指向記憶體位址的全域指標變數。

本週的第一個實驗要做的事, 說穿了就是把某一塊記憶體(視訊擷取視窗資料暫時存放區/data buffer)複製到另一塊記憶體(影像物件存放色彩資料的記憶體)之中。因此, 我們只要弄清楚兩個記憶體的起始位址, 自然可以輕鬆完成實驗。

　
SampleProgram7.txt
　
第二個實驗則是需要針對監視畫面內容稍做計算, 畫面的下角是背景圖, 監視畫面與背景圖相減所得到的差異影像, 則會被放到右下角的圖片中。

SampleProgram8.txt
　

Voting Report: 關於課程進度的速度

2009-03-24T20:21:00.004+08:00

你覺得目前課程進度進行的速度如何?

　太慢　　 3 票 ( 14 % )
　適中　　17 票 ( 80 % )
　太快　　 1 票 ( 4 % )

　總投票數: 21 票
　投票日期: 2009/03/17 ~ 24
　

Week 6: Callback Function

2009-03-24T10:08:00.006+08:00

本週課程的討論主題是關於視訊擷取視窗的 Callback Function。在課堂上, 我們要求同學必須完成如下實驗:

實驗二: 當程式開啟視訊擷取視窗後, 顯示預覽的畫面總數到 Label 上。

// 副程式的宣告部分, 請將此行放到全域變數宣告的區域中

LRESULT CALLBACK FrameCallBack( HWND hwndCapture, PVIDEOHDR lpvhdr );
int iFrameCount=0;

// 設定 Callback function 與視訊擷取視窗之間的連結, 請將此行放到開啟視訊擷取視窗, 並開始 preview 的指令後

capSetCallbackOnFrame(hwndCapture, &FrameCallBack);

// Callback Function 的主體程式 (我們要程式自動執行的程式)

LRESULT CALLBACK FrameCallBack( HWND hwndCapture, PVIDEOHDR lpvhdr )
{
　iFrameCount++;
　Form1->lblLabel1->Caption = AnsiString(iFrameCount);
　return (0);
}
　

Week 5: 將影像讀入陣列之中

2009-03-16T23:23:00.010+08:00

本週要請同學思考的問題是如何將存於影像物件之中的色彩值, 讀入到陣列變數之中, 以供程式處理之用。

目前, 大部分同學已經會從顯示在螢幕上的視訊, 擷取一個畫面到影像物件之中, 為了提升對影像內容的分析效能, 有必要進一步影像元件中的色彩內容放到陣列中, 讓程式可以直接分析。

第一個方法是使用 Canvas 元件的 Pixels Property (TCanvas::Pixels), Pixels 的資料型態為 TColor datatype, 因此, 可以用如下的程式碼, 將色彩值讀入到陣列 tcColorMatrix 之中。

　for (i=0;i<iImageHeight;i++)
　　for (j=0;j<iImageWidth;j++)　
　　　tcColorMatrix1[i][j] = Image1->Canvas->Pixels[j][i];
　
第二個方法是透過 Bitmap 元件的 ScanLine Property 來取得存放每一列色彩值的起始指標, 再透過該指標依序取得每一個像素的色彩值。

　Byte *ptr; // 宣告指標變數;

　for (i=0;i<iImageHeight;i++)
　　{
　　ptr = (BYTE *) Image1->Picture->Bitmap->ScanLine[i];
　　k = 0;
　　for (j=0;j<iImageWidth;j++)
　　　{　
　　　tcColorMatrix1[i][j] = (TColor) RGB(ptr[k+2],ptr[k+1],ptr[k]);
　　　k = k + 3;
　　　}
　
接下來, 同學可以將之前所寫的程式, 改寫成使用 Scanline Property 的方式, 以加快程式的執行效能。
範例程式 SampleProgram5.txt
　

News: 3D 棒球卡球員栩栩如生

2009-03-12T21:28:00.002+08:00

中時電子報 2009/03/11 諶悠文綜合報導
原始新聞報導

一九五○年代，首屈一指的 Topps 公司賣出許多印有棒球員照片和各項比賽紀錄的棒球卡，為球賽增添生氣，如今它更打算推出 3D Live 立體棒球球員卡，要為棒球卡增添生命力。

《紐約時報》報導，九日開始，球卡收藏者只要拿著一張 Topps 3D Live 棒球卡，放在網路攝影機鏡頭前，就會在電腦螢幕上看到出現一個球員的三度空間影像。

在鏡頭前，卡友旋轉手中的球卡，螢幕上的人物也會跟著全方位旋轉。業者運用的是一種將實際與虛擬影像結合的「擴增實境」（augmented reality）互動技術。

科幻影集《星艦迷航記》有一句經典台詞：「傳送我吧，史考特！」（Beam me up, Scotty）。Topps公司主管數位科技的葛林姆斯說：「這就是『傳送我吧，史考特』版本的棒球卡，將會吸引小孩搶購。」現在棒球卡收藏者多半是男孩。

以前大家迷棒球明星，會瘋狂收藏棒球球員套卡，棒球卡風靡一時，如今收藏家可不花大錢輕鬆地從網路搜尋到各種運動相關資料，棒球卡也不再吃香。

根據「職棒大聯盟所有權」公司提供資料，曾高達十億美元的各類運動卡市場，現在每年銷售額萎縮到只剩兩億美元。二○○七年，前迪士尼公司執行長艾斯納旗下的兩家公司 Tornante 及 Madison Dearborn Partners，用三八五○萬美元收購 Topps，並構思讓運動卡與網路時代結合。

Topps 需要推陳出新，「擴增實境」技術便是其法寶之一。透過法國公司「Total Immersion」開發的「擴增實境」技術，擁有 3D Live 卡的卡友不只可從電腦看到球員的 3D 影像，還可利用電腦鍵盤，玩基本的傳接和打擊棒球的遊戲。這項技術已經運用在主題公園，以及一部分的汽車設計作業。

艾斯納表示，預計今年 Topps 將出貨一千萬盒的「Series 1」 (十二張卡售價兩美元)，以及 Topps Attax 卡 (五張售價一美元)。他認為 Topps 做的不是運動卡買賣，而是一個具有文化、圖騰意義的體制，與迪士尼公司沒有什麼不同，它帶給民眾一種美好的情緒反應，那是普魯斯特式的感受。
　

　

Experiment: 色彩差異

2009-03-11T13:14:00.005+08:00

　
範例程式 SampleProgram4.txt
　

Week 4: 取得視訊裝置驅動程式的資訊與效能

2009-03-10T11:03:00.011+08:00

1. WebCam Programming

　a. 取得視訊裝置驅動程式的資訊

　b. 取得視訊裝置驅動程式的效能

2. 範例程式 SampleProgram2.txt 說明:

　a. 取得裝置內容代碼 GetDC

　在我們所設計的靜態影像擷取之實驗中, 我們在範例程式 SampleProgram2.txt 使用了以下的 GetDC 指令,

　　hDC = GetDC(pnlCapture->Handle);

　　這行指令的目的就是取得顯示裝置內容 (display device context) 的代碼, 由於我們範例程式 SampleProgram1.txt 是將視訊顯示在 pnlCapture 物件中, 我們使用 GetDC 指令來獲知這個顯示裝置的代碼, 因此 pnlCapture->Handle 為 GetDC 函式的輸入參數。

3. 如何計算兩個色彩 TColor type 變數之間的差異?

　　假設, 我們宣告了兩個變數, 如下:

　　TColor tcColor1, tcColor2;
　
　　我們該如何計算 tcColor1 與 tcColor2 之間的距離呢?

　　TColor 資料型態為長度 4 個位元組的 enum (列舉) 資料型態, 除了最高位元組保留沒用之外, 接著由高至低依序為藍、綠、紅的色彩值。使用 GetBValue, GetGValue, GetRValue, 三個函數, 分別可以取出藍、綠、紅的色彩值。

　　假設 tcColor1 = 0x00ff0000;
　　ucB1 = GetBValue(tcColor1);
　　那麼 ucB1 的值就是 0xff = 255;

　　如果我們將一個色彩值視為一個 (R, G, B) 的三維向量, 那每一個色彩值就是三度空間中的一個點, 要計算兩個色彩值之間的差異, 就可以計算這兩個色彩值在三度色彩空間中的距離, 換句話說, 就是計算空間中兩點的直線距離, 也就是歐基里德距離 ( Euclidean Distance )。　　

　　範例程式 SampleProgram3.txt
　

Week 3: 靜態影像擷取

2009-03-03T10:00:00.009+08:00

1. 靜態影像擷取之簡單實驗

如果我們希望所開發的應用程式有能力可以理解視訊內容, 首先必須要先將視訊內容(一張一張的靜態影像)儲存到電腦的記憶體中(程式所宣告的陣列變數), 然後我們才可以開始分析視訊內容。因此, 我們設計以下的實驗, 希望同學可以完成。

實驗目的: 希望同學可以感受到當物件出現在畫面中時, 如何寫一個簡單的程式來感應此事件的發生！

　a. 在程式畫面中拉出兩個按鈕 A、B。
　　按鈕 A 的功能是儲存視訊的靜態影像到影像陣列 A 中。
　　按鈕 B 的功能是儲存視訊的靜態影像到影像陣列 B 中。

　b. 在程式畫面中拉出第三個按鈕 C, 功能是計算兩個陣列的平均差異值。

　實驗一: 攝影機拍攝內容不變, 連續拍攝 A 與 B, 計算其平均差異。

　實驗二: 先按 A 用攝影機拍攝一張照片儲存到陣列 A 後, 然後放置一物體到攝影機前, 再按 B 取得影像陣列 B 內容, 最後計算兩個陣列的平均差異。

範例程式下載 : SampleProgram2.txt

2. C++ Programming

　a. TColor 資料型態

　b. TCanvas

　c. 動態宣告二維陣列

　d. TCanvas::CopyRect method

　e. VFW: 靜態影像擷取

3. WebCam: Driver 下載
　網路硬碟 http://webhd.mcu.edu.tw
　分享名稱: CAM2008
　

bnext: Panasonic 網路攝影機零距離監控管理

2009-03-01T14:20:00.005+08:00

數位時代網站 Market 市場情報 2009/02/23
原始報導連結

邁入 2009 年，您還在煩惱如何提升管理績效、或是經常擔心家裡不夠安全嗎？

Panasonic 全新推出的網路攝影機，讓您在任何時間地點，都可透過網路攝影機對辦公室或家中進行遠端監控，輕鬆掌握一切狀況。

降低成本，提升效率，讓您擁有無限商機
藉由 Panasonic 網路攝影機獨一無二的遠端監視及控制功能，您能隨時掌握公司狀況，利用「雙向語音溝通」馬上就能解決即時問題，多台攝影機可同時監看多家分店，讓您用最少的人管理最多的店，錄影畫面還可用來分析來客數及了解顧客反應，以提升服務的品質，Panasonic 網路攝影機讓您在 2009 年贏得更漂亮！

居家安全不容萬一，您有權選擇真正的安全
有了 Panasonic 網路攝影機，您外出時一樣好安心，經由手機可監看屋內的任何角落，內建 LED 亮燈加強照明，即使角落不夠明亮，也能傳回清晰的影像，若畫面突然有所變動時，會即時回傳警報畫面，讓您不需無時無刻盯著螢幕看，不同於昂貴的保全系統，Panasonic 網路攝影機提供了一個經濟又安全的全面保障。

產品資訊請洽：台松電器（02）2227-6100
http://www.panasonic.com.tw
　

Week 2: WebCab Programming

2009-02-23T16:19:00.010+08:00

1. Problem Solving

　同學們在用 C++ Builder 寫網路攝影機的控制程式時, 不管在研讀函式的說明, 或是在編譯所寫的程式, 一定會遭遇到許多問題。要解決自己問題的第一步就是可以正確、完整地描述自己的問題, 這樣子, 別人才有機會弄懂你的問題, 再給予協助。這是在尋求解答的過程中, 我覺得最重要的一個步驟。因此, 在本課程中, 遭遇有關 WebCam Programming 的相關問題時, 我希望同學可以將問題寫在 Homework Show of VCGC 之中, 讓所有的人一起來解決你的問題。

　目標設定: 在 Week 7 將所有 WebCam Programming 之技術學習完成。

2. WebCam Programming:
　
　a. 如何建立一個視訊擷取視窗( capCreateCaptureWindow )

　b. 連接視訊擷取視窗與視訊裝置 ( capDriverConnect )

　c. 設定顯示模式 (capPreview)
　
　範例程式下載 : SampleProgram1.txt

3. 電腦互動技術實驗課程設計與教學手冊
　下載電子檔
　

Week 1: 從應用開始談...

2009-02-17T21:05:00.003+08:00

1. Applications of WebCam Programming
　a. QR Code

不知道大家有沒有發現, 最近全國加油站所印的發票, 右下角開始出現一個奇怪的方塊, 這個方塊就是所謂的 QR Code , 發票上註明本區測試中, 將來會推出什麼樣的服務, 我們可以拭目以待。

另外, 台新銀行最近也寄來一份 Oil Coupon, 憑此卷加滿 500 元可以折抵 50 元, 但比較可惜的是不能和其他優惠合併使用, 因此對我產生的吸引力並不大就是了 ...

有趣的是這張折抵卷背後也印有一個 QR Code,

因此, 2/13 這一天我特地前往全國加油站加油, 並使用了一張折抵卷。

全國加油站的收銀機電腦旁有加裝了一台 WebCam, 對準 QR Code 拍攝後, 電腦螢幕就自動出現一項 50 元優惠的選項, 列印出來的發票果然就折抵了 50 元, 相當於 9 折的優惠。

　b. 甲蟲王者與恐龍王

我們常常在百貨公司或是大賣場的玩具部門看到一群小朋友在玩這兩款卡片遊戲。遊戲每次 30 元, 玩家會隨機拿到一張不同性質的甲蟲卡片、絕招卡片等等, 玩家如果收集到夠多不同的卡片, 就可以在遊戲中隨心所欲的派出不同甲蟲, 使用不同的絕招來加入遊戲之中, 增加遊戲的精彩度。

機器是透過卡片兩邊的一維條碼來辨識不同的卡片, 因此如果不想花大錢收集卡片的玩家, 去買比較便宜的仿冒卡, 一樣可以玩得很高興。

　c. TAITO: King of Jurassic

這是另一家公司的卡片遊戲 King of Jurassic, 比較特殊的是卡片角落的彩色二維條碼, 條碼上可能的顏色有紅、綠、藍、黑等四色, 透過攝影機辨識這些不同色彩的小方塊, 就可以分辨不同的卡片, 進行遊戲。

2. News: 你看廣告廣告看你

這則廣告最主要的關鍵是透過攝影機可以辨別廣告觀眾的類別, 再撥出迎和該類觀眾的廣告, 用以提升廣告的效果。

目前關於人臉辨識的研究, 應用非常廣泛, 同學們比較有接觸到的是數位相機中的人臉自動判別, 用以調整自動對焦的參數。幾個月前曾經接到同事寄來的數位相機廣告, 令人印象深刻。

3. 互動式街頭廣告 New Interactive Window

4. Lee's C++ Builder Programming Notes

　這門課的最主要目標是希望培養同學使用 C++ Builder 整合開發環境, 撰寫攝影機控制程式, 最後, 透過互動視訊遊戲成果展來呈現同學所擁有的能力。

　有些同學之前沒有修過多媒體相關課程, 完全沒有使用 C++ Builder 的經驗, 我們希望這些同學在下週上課前, 至少可以寫一個簡單的程式, 上面只有一個按鈕, 一按就會在新視窗秀出訊息。這個入門程式, 我相信班上有許多修過多媒體相關課程的同學應該都會寫, 請不會的同學盡量在下週上課前去請教會的同學, 趕緊跟上來。
　

Semacode

2009-02-17T15:22:00.002+08:00

麥田中的 Semacode : Hello, world!

http://hello.w0r1d.net/
　

QR-Code

2009-02-17T10:03:00.000+08:00

News: 你看廣告廣告看你

2009-02-04T12:46:00.001+08:00

原始新聞連結
中廣新聞網 2009/02/04

很多人在街頭看廣告牌時，可能不知道，這個廣告牌也正在看你。

美聯社說，隨著科技進步，一些廣告公司在巨型廣告上畫面，或者在廣告牌週邊，安裝小型監視器，瞭解看廣告人的性別，年齡跟族群，根據獲得的情報，立即更換廣告，迎合看廣告人的喜好。

例如，如果廣告監視器發現，看廣告的是一名男性，自動更新的電子廣告辦，可能會出現男人刮鬍刀；如果看廣告的是女人，廣告可能變成化妝品廣告。

美聯社說，這種面孔觀察技術剛開始被使用，它判斷看廣告人的年齡，準確度在八成五到九成，今後越來越多商家會使用這種技術，隨時變更廣告內容，吸引民眾注意力。

Week 18: 期末回顧

2008-06-22T16:50:00.007+08:00

本學期的成果展總算順利完成了, 在原先不敢抱太大的期望下, 同學在成果展當天的表現, 整體表現還算不錯。感謝參與展出的同學。
　
這兩天, 我一直在忙的就是整理成果展的照片, 並把貼上部落格, 同學們應該都看到了。
　
剛剛我在結算同學的學期成績, 看同學寫的學期回顧, 我發現許多同學還是不願意花時間將這些寶貴的修課紀錄保留下來。到目前為止, 就只有 6 位同學繳交學期回顧報告。
　
再往前看同學在部落格寫的學習報告, 許多同學應該繳交的報告根本就沒有交, 嚴格來說, 這點是我的過錯, 在學期中我只有提醒同學應該要寫, 並沒有花時間去追蹤同學是否有寫, 導致同學根本沒有把這些我認為重要的事情放在心上, 我覺得很可惜。
　
修完這門課, 以後應該沒有機會再修我的課了。兩年來的相處, 想想同學這學期的表現, 我實在沒有把握我到底帶給同學什麼, 這實在是很糟糕的一件事, 我真得該好好自我檢討一番。
　
關於這學期的成績結算, 關於平時成績, 我會從下列同學寫的報告, 如:

1. 當週學習報告
2. Google 演講報告
3. EyeToy 探索報告
4. 視訊技術在電影中的應用
5. 期末專案企劃書
6. 期末回顧

我會挑比較高的 4 個成績來結算, 佔學期成績的 40%, 期末成果展則佔學期成績的 60 %, 有些同學在學期進行中, 曾經幫我忙的, 我也有另外加分。目前分數沒有人不及格, 但如果在我成績送出去前, 你要補交報告, 我會再調整分數的, 在意成績的同學, 請把握時間。
　

　

人形大挑戰

2008-06-22T13:26:00.001+08:00

　

　

　

　

　

　

　

　

　

　

　

　
邱怡瑄的作業連結
　

呼係

2008-06-22T10:56:00.002+08:00

　

　

蔡康俊的作業連結
　

拔河

2008-06-22T02:44:00.002+08:00

　

　

　
吳哲宇的作業連結
　
宋承諭的作業連結
　

鐵蛋傳說

2008-06-21T14:10:00.001+08:00

　

　

　
劉彥鋒的作業連結
　

打地鼠

2008-06-21T13:17:00.002+08:00

　

　

　

　

　

　

　

　
闕士楷的作業連結
　
學弟妹們對於打地鼠遊戲的討論與建議
　

水果盤

2008-06-21T12:41:00.002+08:00

　

　
楊龍廉的作業連結
　　

喜從天降

2008-06-21T12:33:00.001+08:00

　

　

　
王世昭的作業連結
　　

打爆他

2008-06-21T11:38:00.001+08:00

　

　

　

　

劉峻廷的作業連結
　　

怪獸卡決鬪

2008-06-21T11:20:00.003+08:00

　

　

　

　
黃俊壹的作業連結

宋曉芸的作業連結
　

蚊

2008-06-21T10:27:00.004+08:00

林豪鋒的作業連結

賴柏翰的作業連結

鄭峻鴻的作業連結
　

出氣機

2008-06-20T23:17:00.004+08:00

　
出氣機的原始構想與期末回顧。
　
花聖傑的作業連結。
　

Week 17: It's Show Time!

2008-06-10T19:39:00.003+08:00

　
　時間: 6 月 12 日 10:00 AM ~ 1 :00 PM
　

Week 16: 成果展預演

2008-06-07T00:47:00.002+08:00

1. 針對每一位同學的遊戲專案之進度討論。

2. 本週沒有參加預演的同學, 下週二 2:00 ~ 4:00 PM 必須到 S402 展示遊戲專案成果。

Week 15: VFW 視訊回呼函式

2008-06-07T00:34:00.005+08:00

討論 VFW 視訊回呼函式, 尤其是 capSetCallbackOnFrame 函式的使用方式。請同學參考課程部落格中標籤為 callback function 之相關文章內容。

capSetCallbackOnFrame

應用程式使用此函數來指派視訊畫面回呼函式, 在 Preview 顯示模式下, 當視訊擷取驅動程式接收到一個畫面(frame)時, 視訊驅動程式先呼叫所指派的回呼函式, 之後再將畫面在螢幕前。

Message from a friend

2008-05-29T00:44:00.003+08:00

I am selling my 20.1" TFT screen.

It's the Viewsonic VG2021m

I am looking for $4500.

Perfect condition. Original box, cables, included plus original receipt.

If you're interested, please contact: gbb@mcu.edu.tw
　

Week 14: ideastorming

2008-05-22T12:12:00.004+08:00

本週課程重點在於針對每一位同學所提出來的期末專案構想討論, 透過腦力激盪的過程, 讓構想朝著確實可行的方向做修正。

Week 13: 專案討論

2008-05-14T10:27:00.011+08:00

1. Lego Robot Programming (2)

　樂高機器人實作課程, 時間不變, 為 5/15 12:50 PM
　不過地點由原先的 S513 更改為 S305,
　有興趣的同學, 可以自行前往參加。
　推薦閱讀: LEGO MINDSTORMS NXT 簡介
　

2. 新一代設計展

　天下雜誌語音 Podcasting
　新一代設計展讓你驚艷的另類遊樂場
　　

3. Reading: 創造傳奇的地方: museum cafe & 元智資傳

　

4. 專案討論:
　這星期我們針對蕭桂芳老師所指導的專題 AR way! Let's Play! 2.0 做各種層面的討論。

5. 下星期必須繳交 6/6 期末成果展中你要展示的構想與草圖。

　

Week 12: Lego Robots

2008-05-12T08:24:00.010+08:00

1. Lego Robot Programming (1)

　今天前兩堂課的主題是 Lego Robot Programming 樂高機器人程式開發, 我們請來具有這方面經驗的老師來幫我們演講並展示, 因此, 這兩堂課也開放給所有有興趣的同學一同來研習。
　

2. Eye Toy Style Game Programming

　第三堂課我們請阿壹學長跟我們分享如何將從 WebCam 取像進來的影像放到全螢幕, 並設定成半透明, 期望可以開發出類似 Eye Toy 風格的視訊遊戲。
　
　連結至阿壹學長的講解
　