改良版的吹泡泡遊戲

December 27, 2005 · Posted in Interaction Design, My Works

做完了吹泡泡遊戲之後，總覺得不能讓泡泡從吸管所指的位置吹出來這點沒做出來有點可惜。所以週末的時候就重新製作麥克風吸管，再前端加了一個雷射筆，打算利用Webcam拍攝雷射筆在投影幕上造成的光點，讓Flash能夠判斷吸管所指的位置。

2005/12/29更新：如果你有投影機、麥克風、網路攝影機、雷射筆的話，可以玩玩看新版的吹泡泡喔。
以下為改良後的作品…

我的作法是多增加一個webcam的畫面於螢幕左下方，開始玩之前要將webcam盡量調整到能夠和投影出來的畫面吻合。操作的時候，要將雷射筆的開關打開，如此一來在投影幕上就可以形成一個亮點。程式的處理上則利用Bitmap Data的getPixel()，找出Wemcam所拍攝的畫面中亮度超出某個值的點，這點就是吸管所指的位置，就是這樣單純而已。不過在效能上一開始並無法讓人滿意，後來是藉由降低webcam解析度與降低掃描的解析度才讓系統的反應達到可以接受的程度。

Tags: no tags

Comments

12 Responses to “改良版的吹泡泡遊戲”

daniel on December 27th, 2005 2:20 pm

帥!! 真有意思^^
阿修的部落格 » [Flash Game] 吹泡泡 on December 27th, 2005 9:50 pm

[...] 插在麥克風孔來代替一下也可以喔！ [玩遊戲] 2005/12/27更新：別漏掉改良版的遊戲喔！

Trackback ·

7 Responses to &#8 [...]
deepstar on December 29th, 2005 5:42 pm

阿修，
你真是名符其實的達人耶…..
>
nuclei on December 30th, 2005 12:15 pm

好玩！！
xox on January 4th, 2006 6:24 pm

造成的光點，讓Flash能夠判斷
这也行。。。恩，有思想
Tian on January 16th, 2006 10:59 am

Hi 阿修

能否請教一個問題？跟你做的吹泡泡遊戲有些關連。

我現在在做一本互動書，是一本實體紙本書，但翻頁的時候，藉由webcam的傳遞，電腦螢幕上會產生變化/互動。我把webcam放在一個箱子裡面，然後把書本放在箱子上方，然後在箱子和書本上打洞，根據洞的位置，可以偵測現在user是翻到第幾頁，我用的也是Flash 8裡面getPixel()的方式，但我發現，挖的洞不夠大的話，很難觸碰到在Flash場景裡面設定的那個點，我現在使用的方式是map.getPixel(dot01._x, dot01._y)，在場景中放一個名為dot的MC，我想請問，這樣的偵測方式，是不是只有一個點，有沒有什麼辦法能夠加大感應區域的呢？或者，這個辦法根本不適合做這樣的東西，那有什麼方式會比較適合做這樣的互動書呢？？

我知道一定很多人排隊問你問題，但如果你剛好知道答案的話，還麻煩指點迷津，感激不盡T_____T…..

BTW，我也是念印刷設計出身的，還蠻好奇你是念哪裡…..師大、台藝、世新還是文化？如果是秘密就算了，ㄏㄏ….
lis on January 17th, 2006 10:08 am

因為webcam捕捉進來的影像通常會有雜訊，尤其是光源不足的時候，所以可以試試看一次多讀取幾個點，再濾掉差異太大的幾個。另外在一年多以前的天工開物展覽裡面，我有看過類似的書，是利用條碼機來做的。
我是念文化的。
香喵 on April 3rd, 2006 10:33 pm

你好~
我對你的吹泡泡很有興趣
因為我想要用flash8來做視訊會下雪堆雪之類的虛擬互動情境
請問你可以分享你的泡泡成果或是有相關的source code可以分享讓我研究嗎??
感激不盡
坊 on April 20th, 2006 8:31 am

您好：
您的吹泡泡好有趣，我好想知道這個是怎麼做出來的，
能否分享你的source code讓我參考。
如果不行，是否能告訴我應該用那些函式來做應用

另外，想請問，我想做一個和音階有關的遊戲
不知道flash是否能接收音源然後判斷他的音階
還請多多指教　謝謝
hisky on March 2nd, 2007 11:31 am

你好!
能否学习一下你的code.
谢谢!
小蔡 on April 30th, 2009 9:57 pm

請問這款遊戲有沒有可以放在手機的小程式?想改量成測肺活量的
urserfaerssds on December 1st, 2009 9:35 pm

redtube