遊戲規劃

置入一小段音樂，人物必須在音樂結束前調整姿勢，
試圖達到與圖片密合度最大的狀態，

當分數達到一定標準時，可以進入下一關
否則遊戲結束並且計算成績。

預計至入一段最長15秒的音樂...
但是這部分可能還要想想要怎麼搞定比較好

還沒完成：「切確的評分標準」以及「過關標準」、「音樂置入」、「畫面美化」

Final Project - 進度筆記

※目前已經完成：
1. 動態物件偵測與介面設計
2. 人型樣本[New!]





















※還沒完成的：
1. 計分演算法
2. 倒數計時
3. 遊戲測試(都還沒setup起來= =)

Video Games Class - Final Project

※關於：期末課內展示與除錯
※時間：2008.06.05
※地點：s513-1

※標題：火焰大挑戰 - 人型看板

說明：參考自日本著名節目，目標是人物做出與題目一樣的動作！
　　　程式建構與測試時期，暫以其他圖形與其他方式替代。

以下是[偽．演算法]

※圖1 - 題目


說明如下：如上圖所示，圖片可分為黑與白，白色是物體所在範圍，黑色是物體不可存在範圍。

※圖2 - 比對結果


說明：如上圖所示，假設圓圈是人必須做出的動作，則矩形就是webcam前面的player。
　　　黑色：人物不可touch或出現的部分
　　　綠色：人物該出現，卻沒出現的部分(※註1)
　　　黃色：人物該出現，也真實出現的部分(可得分)
　　　紅色：人物不該出現，卻出現的部分。(fail)

註一：
在現實生活的節目中，人物只要不超出圖1的白色範圍即可過關，但考慮到這是webcam，如果仍然延續現實的作風，則每個人都可輕鬆過關。因此考慮採計累積分數，人物該出現，卻沒出現的部分(綠色)必須斟酌扣分；人物不該出現，卻出現的部分(紅色)也要扣分。


※程式部分
※介面


完全是複製貼上學長的程式，唯一的差別是我有改變東西的擺放方式[也是要改程式碼的!]
左上可以觀看自己，左下可以觀看自己去背景的效果(啥)
大框是要預留給遊戲畫面用的，但我發現，其實第一版應該不會那麼大框....

因為測試過程中必須獨立作業，因此左下的Buttom是為了存一些手的照片而放的
預計先做手的Pose，一但手的成功，置入圖片也可以正常運作!!

※遭遇問題與困境
因為動態物件判斷是不停的判斷，因此....
我還沒想好要怎麼把圖片跟人物做判斷(某個時間點or其他)
然後來運算加減分!!

目前也還沒做到把去背景以及遊戲畫面拿來做運算的部分!
但是就是先努力的做出還可以做到的事情

互動遊戲製作 Week 08

※Week 08 上課要報告的東西

經過了一個春假，我很混的只有研究了一點視訊控制的東西
其中之一就是背景建立與偵測物件變化[教材 P.15~P.18]的東西

但是在判斷物件的變化上，我是使用暴力法來解決，而非教材上所說的演算法。



在圖片上可以看到，左上圖是視訊正在擷取的畫面，
而右上圖則是我剛剛抓取到的背景；
左下圖是我加入一些變化，右下圖則是背景與物件的相減所得成果

在判斷的部分，我使用
iImageMatrix_1　來存放背景的圖
iImageMatrix_2　來存放不同於背景的圖片
在GetPicture的同時，一起把不同的地方運算出來。

一開始的時候，我做的判斷
因為背景多少會因為光與影的變化而有所不同
因此不能使用全等於(iImageMatrix_2 == iImageMatrix_1)
會在右下角的圖片中會產生非常為妙的變化

後來我改的判斷是
(iImageMatrix_2＞iImageMatrix_1 -30) ＆＆
(iImageMatrix_2＜iImageMatrix_1+30)

才取出漂亮一點的背景....orz
不過這個用法實在是有點太過暴力了....|||b

※下一階段想研究的是
研究「偵測活動中的物件」以及「物件的中心線」

Week 7: Image-based Spam E-mail

上面三張圖片，分別是：所有資料、使用的電腦繪圖、使用的自然圖片。

Spam圖片的數值分布範圍頗廣的，有一種我程式寫錯的感覺=.=a

Histogram

部份程式碼：
　for( i = 0 ; i ＜IH ; i++ )
　{
　ptr = (Byte * )Image1->Picture->Bitmap->ScanLine[i];
　　for( j = 0 ; j ＜ IW ; j++ )
　　{
　　　R[ i ][ j ] = ptr[ j * 3 + 2 ];
　　　G[ i ][ j ] = ptr[ j * 3 + 1 ];
　　　B[ i ][ j ] = ptr[ j * 3 ];
　　}　//每個座標將RGB的值分開來存放
　 }
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
　　//以下只有展示處理R...G跟B很類似的方法
　 for( i = 0 ; i ＜IH ; i++ )
　{
　　ptr = ( Byte * ) Image2->Picture->Bitmap->ScanLine[i];
　　for( j = 0 ; j ＜ IW ; j++ )
　　{
　　　ptr[j * 3 + 2 ] = R[ i ][ j ];
　　　ptr[j * 3 + 1 ] = 0;
　　　ptr[j * 3 ] = 0;
　　} 　//把R的值讀出來並且顯示在Image2
　}
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
　for( i = 0 ; i ＜ IH ; i++ )
　{
　　for( j = 0 ; j ＜ IW ; j++ )
　　{
　　　TR = R[i][j];
　　　RH[ TR ]++;　　　TG = G[i][j];
　　　GH[ TG ]++;　　　TB = B[i][j];
　　　BH[ TB ]++;
　　　}
　　} 　　//上述程式紀錄RGB 0~255每個值各有幾點

　for(i=0;i＜256;i++)
　{
　　if (Rmax＜RH[i])
　　{
　　　Rmax=RH[i]; //如果Rmax小於RH[i]，Rmax=RH[i]
　　}　} //G跟B略

　for (i=0;i＜255;i++)　　//假設x為該畫幾點
　{
　　x = (RH[i]*IH) / Rmax;
　　TempR[i]=x;
　　Image5->Canvas->MoveTo(i*2,IH);
　　Image5->Canvas->LineTo(i*2,IH-x);
　}
－－－－－－－－－－－－－－－－－－－－－－
如果只是取出RGB值跟畫出基礎的Histogram，以上的程式碼已經足夠。我後面的程式碼雖然可以往上畫，但是卻沒有辦法縮短Histogram，因此暫時省略。

其他更高級的功能都還沒有生出來@__@
目前還卡在怎麼把長度縮短。

Week4筆記

Image?->Picture->Bitmap->PixelFormat=pf24bit;
(可以預防讀圖時出現問題)

Image?->Picture->Bitmap->Width=ImageWidth;
Image?->Picture->Bitmap->Height=ImageHeight;
↑要指定Bitmap大小，使用ScanLine才不會出錯