[Flash Game] 吹泡泡

December 22, 2005 · Posted in Event, Flash, Game, My Works 

bubble game
這是在亞洲真實工作營上課五天的成果－吹泡泡，這個作品顧名思義就是要模擬吹泡泡的感覺。為了力求真實，還特別到夜市去買了吹泡泡的玩具回來參考。要模擬吹這個動作，可以使用麥克風來當作輸入設備。吹的越大力，則接收到的音量就越大。

DSC05653 DSC05513
我們考慮到要讓實體設備和情境吻合，所以就決定用珍珠奶茶的粗吸管和耳機來製作，整個硬體的成本只有10元，參考的玩具只花了30元。回到飯店之後，我和Tommy就一直在吹泡泡，研究吹氣的力道和產生的泡泡的關係。我發現如果輕輕的吹，就可以把泡泡吹的很大，再用力一點，泡泡就會離開吸管飛出去。如果用力的吹，就會產生一連串的小泡泡。泡泡落地的速度正好和體積成正比。觀察到這些現象之後，我就開始寫程式、Tommy則開始製作泡泡和背景的圖片。經歷大概三個小時的努力之後，總算把這個小遊戲作出來了。

DSC05611 DSC05647
DSC05613 DSC05608
隔天展示給大家看的時候，反應還不錯。大家看到泡泡真的可以依照吹氣的力道、持續的時間做變化都覺得很有趣。不過沒想到後來吹泡泡遊戲變成大家拿來比賽肺活量，比看看誰能吹出最大的泡泡。

是不是也很想玩呢？記得準備好麥克風，或是把耳機插在麥克風孔來代替一下也可以喔！

[玩遊戲]

2005/12/27更新：別漏掉改良版的遊戲喔！

Tags: no tags

Comments

42 Responses to “[Flash Game] 吹泡泡”

  1. Olive on December 22nd, 2005 5:29 pm

    很好玩耶^^….
    真的對耳機吹就ok….挺怪的feeling..哈
    且小小力的吹就吹很大……用力吹就不行

    ps.若有泡泡破掉的感覺更是完美…
    不要打我….我知道你們只有3hr就做出來哩^^

    love, Olive

  2. lis on December 22nd, 2005 10:21 pm

    謝謝你的建議，東西做的再好，總是有地方可以改進的。

  3. 風小孩 on December 22nd, 2005 11:49 pm

    好棒…
    好久沒碰flash了…
    看到你做的東西又給我一點動力.. :P

    請問這是用communication server作的嘛?
    就用flash內建的component嘛?

  4. Ticore on December 23rd, 2005 12:06 am

    把回音調大一點，就會自動吹大大泡泡了~~~

  5. lis on December 23rd, 2005 1:13 am

    To 風小孩:
    只有用到Microphone Object。

  6. 阿修的部落格 » 改良版的吹泡泡遊戲 on December 27th, 2005 2:10 pm

    [...] 做完了吹泡泡遊戲之後，總覺得不能讓泡泡從吸管所指的位置吹出來這點沒做出來有點可惜。

  7. Jan's Tech Blog on December 27th, 2005 6:45 pm

    結合真實與虛擬的吹泡泡遊戲

    從阿修那邊看到他的傑作：吹泡泡遊戲。千萬不要以為這是個兒戲的玩意。這遊戲可真的讓Jan感到Impressed呢！ 這遊戲讓玩家以吹管吹風，然後泡泡便會在屏幕上顯示。吹風的力度，又直接影

  8. Comus on December 29th, 2005 12:26 pm

    任天堂的NDS也有類似的功能，將麥克風應用在遊戲中

  9. lis on December 29th, 2005 4:48 pm

    是阿，可以參考一下觸控壞力歐。

  10. 凱洛 on December 29th, 2005 8:40 pm

    阿修
    你太可怕也太可愛了
    做出這麼有趣的玩意!!!!!
    我猜PSP的遊戲應該有給你一些創意的靈感吧?

  11. mild but calmless! catalogue on December 29th, 2005 11:17 pm

    [...] 這類遊戲多數人都會一味靠”吹“，這個吹氣泡泡，相當有趣。 製作介紹： http://www.lis186.com/?p=1579 網上試玩： http://www.lis186.com/works/bubble/

    Comments 給我留言 |
    Email 回應電郵 |
    send to frie [...]

  12. lis on December 29th, 2005 11:18 pm

    錯啦，應該是NDS。PSP相較之下，比較沒什麼創意。

  13. mild but calmless! catalogue on December 29th, 2005 11:21 pm

    [...] 戲多數人都會一味靠”吹“，這個吹氣泡泡，相當有趣。 製作介紹： http://www.lis186.com/?p=1579 網上試玩： http://www.lis186.com/works/bubble/

    Comments

  14. 5Kong|Jump » 用mic吹泡泡 on January 8th, 2006 1:42 am

    [...] works/bubble/bubble2005.swf”> 如果想知道作者是怎么设计的，请访问这个链接 。 我个人非常欣赏这个作品，远比如同肥皂泡一样的web2.0要实际和有趣的多。 [...]

  15. GonDa’s Blog » 用麥克風吹泡泡的遊戲 on January 8th, 2006 8:48 pm

    [...] 泡泡時所用的吹氣力度大小。令人佩服製作者的巧思。 遊戲的網站在這裡

     
    Leave a Reply Name (required) Mail (will not b [...]

  16. Cinnamon on January 11th, 2006 10:23 pm

    好好玩:) 期待彩色泡泡版 哈哈
    介紹到PTT小遊戲版讓更多人玩

  17. Emma on January 13th, 2006 11:05 pm

    recommend Flash Game ( Escape Hair Salon )
    Have a fun.
    http://www.gotmail.jp/apps/nigepico.html

  18. lis on January 14th, 2006 2:59 pm

    Thank you all!

  19. casper on February 24th, 2006 3:59 pm

    看完此遊戲,感覺很棒.
    對WebCam技術滿感興趣,想請教有關利用WebCam的技術該如何下手.

  20. lis on February 24th, 2006 5:04 pm

    可以先了解Camera和BitmapData這兩個Class。

  21. 陳信豪 on April 6th, 2006 12:25 am

    泡泡在電腦螢幕前為什麼會向上又向下飄?

  22. lis on April 6th, 2006 1:33 am

    因為實際的泡泡就是這樣飛的。

  23. ADIPEX on April 13th, 2006 5:35 pm

    Best !

  24. 小草 on April 14th, 2006 9:35 am

    有创意哈!

  25. adipex on April 15th, 2006 6:42 am

    Hi :D

  26. 虚拟主机 on June 29th, 2006 1:43 pm

    有创意哈,泡泡就是這樣飛的,很棒.

  27. Flash Game Man on July 23rd, 2006 1:39 pm

    [ Yoko Ruta ] Very Good Flash Game

    http://ycs.myftp.org/fport/flash_play.asp?id=2303

  28. 自私→莎←任性 on August 5th, 2006 4:06 pm

    天ㄚ~~好好玩喔!!
    你怎麼做的?!

    我覺得你好厲害喔!!
    你的flash 是自修的嘛??
    因為我現在也在些flash 但超難>

  29. sofia on September 6th, 2006 2:02 pm

    請問這一定要在線上玩ㄇ
    有沒有辦法抓到電腦裡

  30. Hopkins on December 1st, 2006 10:09 pm

    滿新奇的耶 . 沒想到還能以這種方式呈現 , 小時後的童玩
    樂趣 , 我覺得真是給它很不錯 . 不過 , 落地的 末速度
    推導與體積成正比的過程是如何的呢 ? 這應該是個物理問
    題吧 . :0
    其實這個好玩的泡泡遊戲是個有趣的問題 . 是不是也可以測
    得多少分貝得多大量的泡泡數呢 ? 假如不給他吹破的話 .
    以前曾在電視上看過表演 , 泡泡可以吹的很大很綿長套到
    ㄧ個人的全身 , 真的是很有技巧 . 小時後ㄚ , 只要把
    手中那個環狀物 , 沾一下類似洗衣粉的溶劑 , 在空氣中
    畫個兩三畫 , 泡泡就很多跑出來了 . 真是有趣啊 , 喚醒
    我小時的記憶 . :)

  31. rock on January 5th, 2007 6:58 pm

    AnimalQuest ~ Very Cute Flash Game

    http://gj1904.servegame.com/game/flash_play.asp?id=2363

  32. rock on January 5th, 2007 11:08 pm

    NumberOne

    fun game

    http://ycs.myftp.org/fport/flash_play.asp?id=2375

  33. rock on January 5th, 2007 11:11 pm

    >

    fun game

    http://ycs.myftp.org/fport/flash_play.asp?id=2375

  34. shen168 on January 9th, 2007 4:22 pm

    try it

    http://gj1904.servegame.com/game/flash_play.asp?id=2371

  35. a-bao on January 28th, 2007 7:01 pm

    我點進去的時候
    正好在用耳機聽歌
    只見泡泡不停的自己飛出來
    在最後音樂要結束的那刻
    吹了一個很大很大的泡泡
    好好玩 :D

  36. Peggy on April 28th, 2007 4:26 am

    好厲害~真是佩服佩服^^
    不知道是否可以轉載到我的個人blog給朋友分享呢^^?

  37. EnD on May 30th, 2007 11:15 am

    請問可以把FLA檔分享給我嗎??我想學~~感激不進

  38. smartwen on July 11th, 2007 9:18 pm

    好有趣的 flash

  39. mini001 on January 4th, 2008 1:20 pm

    good mini games

    http://www.mini001.com

  40. KC on June 22nd, 2008 2:25 am

    香港也有一個十分不錯的Flash Game網叫做17PlayGame.com (一起玩遊戲）。

    有興趣可以到來參觀！(記得Bookmark及按廣告）

  41. Gfans on October 13th, 2008 10:01 pm

    非常棒哦。

  42. Jan’s Tech Blog » 結合真實與虛擬的吹泡泡遊戲 on June 26th, 2010 12:37 pm

    [...] 27 Dec, 2005  gaming 從阿修那邊看到他的傑作：吹泡泡遊戲。千萬不要以為這是個兒戲的玩意。這遊戲可真的讓Jan感到Impressed呢！ [...]

Leave a Reply




  • Plurk

  • 我的位置

  • Events

  • My Flickr Photos

    www.flickr.com

  • Meta

  • Counter
    Technorati Profile