[硬漢工作室] 妖怪手錶聲光遊戲彈珠台

難　　度　★★☆☆☆
施作時間　13 小時 ( 構思構圖 1 hr / 備料 1 hr / 製作 8 hr (木工2小時+程式6小時) / 畫圖 3 hr

[ 上週日 硬漢 陪 淇淇 看妖怪手錶 , 廣告休息時間親子交換心得感想(苦難的開始) ..... ]

淇淇 : 把拔 , 可以將 "妖怪手錶" 做成彈珠台的獎品嗎 ?
硬漢 : 怎麼做呢 ?
淇淇 : 就是一格放一隻妖怪 , 彈珠打到就像被妖怪手錶照到一樣 .
硬漢 : 然後呢 ? (腦筋還沒轉過來)
淇淇 : 厚 !! 你都沒認真看 , 被手錶照到妖怪才會出現 !!
硬漢 : 所以妖怪一開始要隱形是嗎 ?
淇淇 : 沒錯
硬漢 : 好像懂了 ... (世界上最遠的距離原來不是「武當」到「大都」, 而是 ~ 幼稚園到中年 ..... )
淇淇 : 把拔應該沒問題吧 !
硬漢 : Help meeeeeeeeee
老婆 : 你喊吧 !! 就算喊破喉嚨也不會有人來救你的 9527 !!
硬漢 : ......... 破喉嚨 ~


硬漢 做過很多彈珠台
不知道是不是因為 淇淇 升大班的緣故
她最近開的「玩具需求單」很多都已經不是能用純木頭打造出來了
不過秉持著「活得精采 做的痛快」的精神
前世情人提出再難的挑戰說什麼都要一一克服
好在現在寫程式很簡單
只要打個噴嚏的時間
大家就能輕輕鬆鬆在家打造一台媲美夜市遊戲功能的『聲光特效彈珠台』

硬爸硬媽們跟著 硬漢 一起動手吧 !!


首先準備一塊 30 x 20 公分的『木板』
最好是連跆拳道迴旋踢都踢不斷的規格


準備一把裝上 3mm 鑽頭的電鑽
鑽頭上可以貼一段膠帶
好控制每個洞都鑽出相同的深度


鑽洞


切換鑽頭在木板上鑽出兩種不同的洞


除了 3mm 的圓洞
還要如下圖鑽出下層 6mm / 上層 11mm 的穿透孔


裁切四邊『側板』裝上
後方的『側板』要寬一點 (9.5cm) 彈珠才會往下掉


老婆 : 只是做這樣一個單調的彈珠台嗎 ? 要不要在上頭畫點什麼 ?
硬漢 : 這樣就很好了 好嗎 !!
淇淇 : 把拔 , 我最喜歡「小石獅」了 , 彈珠台上面如果畫一隻「小石獅」淇淇 會高興到睡不著 !
老婆 : (眼光瞄過來)
硬漢 : 既然要做『妖怪手錶聲光遊戲彈珠台』肯定要畫《妖怪手錶》裡的角色 , 就畫「小石獅」吧 !
老婆 : 尚書大人還真機靈 , 風往哪吹你就往哪倒 ~
硬漢 : .......
淇淇 : 把拔好棒喔 !!

查詢網路開張圖來描草稿


時光飛逝 ~ 3 個小時咻一下就過去了
"小石獅" 繪製完成


彈珠台右上角製作一塊『彈珠導塊』裝上


取直徑 4mm / 長度超過 3cm 的『螺絲』鎖在『木板』上每個 3mm 的圓洞
『螺絲』至少要鎖入木板裡頭 1cm


下方彈珠導槽綁上『橡皮筋』當隔離擋牆


右側彈珠導槽也綁上『橡皮筋』當隔離擋牆


『橡皮筋』綁好如下圖


切一片『木條』當彈珠擋板


準備一根寬的冰棒棍 / 放上彈珠 ~ 就可以玩了 !!
不過 ... "聲光遊戲" 在哪裡勒 ???
『彈珠台』沒有聲光效果就像做人沒有夢想一樣,那跟鹹魚有什麼分別! (小石獅:我不是鹹魚喇~茲啦!)


到 [光華國際電子商場] 找零件
買了『復位開關』跟『2P連接線』


將『復位開關』焊接在『2P連接線』上
『復位開關線組』一共要製作 7 組


如上圖將『復位開關線組』穿過木板上的開孔


『復位開關』一端留在板上


如上圖用尖嘴鉗將『復位開關』裝入 11mm 圓洞內


最右側彈珠發射軌道的『復位開關』壓片朝上
六組彈珠軌道的『復位開關』壓片朝下


將彈珠台翻面
在背後裝上『感側元件控制板』


先預設 7 組『復位開關線組』的定義如下


『感側元件控制板』上接頭的定義如下


將 7 組『復位開關線組』接上『感側元件控制板』


將線組用『塑膠固定片』理線固定整齊
『妖怪手錶聲光彈珠台』硬體製作完成 !!


接下來開始寫互動遊戲程式
聲光互動遊戲設計玩法如下 :

遊戲開啟
> 當「鋼珠」滑過「發射通道」時會觸發「發射偵測開關」
>「發射偵測開關」一被觸發 景泰 就會說 "妖怪出現吧!!!"

>「鋼珠」通過鐵釘陣會掉入下排其中一個「得分通道」
> 當「鋼珠」滑過「得分通道」時會觸發「得分偵測開關」
>「得分偵測開關」一被觸發就會出現對應種族妖怪
> 六組「得分偵測開關」都被觸發後會進入下一關 ~ 共有八關
> 右上角有「時間計時」 看看通過八關一共花費多少時間








> 最後一關通過後「時間計時」會停住並出現 <勝利> 字樣


程式部分就用現在國小都會教的『Scratch 2.0 積木程式』來撰寫
可以先進入 Scratch 雲端伺服器 (網址 https://scratch.mit.edu/)
Scratch 是開源免費軟體 (是麻省理工學院設計給 8 歲以上無程式經驗小孩學習的)
只需申請一個帳號就可以免費使用了
申請步驟如下圖 ~ 點選右上角 <加入 Scratch>


接著輸入 <使用者名稱> 及 <密碼>
<使用者名稱> 建議使用一組英文加一串數字


接著按照引導輸入簡單 <個人資料>


最後輸入聯絡 <電子信箱>


出現下圖畫面就代表帳戶申請成功
按右下角 <OK , let's go!> 就可以開始玩 Scratch 了


在主畫面下點選左上角 <新建> 開啟一個新編輯任務


首先先幫遊戲取一個名稱
本例取名 ~『妖怪手錶聲光彈珠台』


步驟1 : 點選左下方 <舞台>
步驟2 : 點選 <舞台>
步驟3 : 選取檔案
步驟4 : 點選 <開啟>


載入兩張背景檔案圖後如下圖狀


步驟1 : 點選 <角色-小貓>
步驟2 : 按右鍵開啟選單點選 <刪除>


步驟1 : 點選箭頭指示觸 <上傳角色檔案>
步驟2 : 選取檔案
步驟3 : 點選 <開啟>


將上傳的角色移動到適當位置


重複上上圖步驟繼續上傳 <角色> 圖形


步驟1 : 點選 <造型>
步驟2 : 點選 <上傳造型檔案>
步驟3 : 選取檔案
步驟4 : 點選 <開啟>
如此同一個角色可以切換不同的造型


同一個角色可以有多個造型


繼續上傳 6 個角色


淇淇 堅持要自己錄製背景音樂


步驟1 : 點選 <舞台>
步驟2 : 點選 <音效>
步驟3 : 點選 <上傳音效檔案>
步驟4 : 選取要用為背景音效的檔案
步驟5 : 點選 <開啟>


音效檔案 上傳後的畫面


步驟1 : 點選 <程式>
步驟2 : 點選 <資料> 群組
步驟3 : 點選 <做一個變數>
步驟4 : 輸入 "時間"
步驟5 : 點選 <確定>


按上圖步驟依序再建立 P1 / P2 / P3 / P4 / P5 / P6 / 遊戲結束 / 關卡 8 個變數


將 P1 / P2 / P3 / P4 / P5 / P6 / 遊戲結束 / 關卡 8 個變數前方框內的 "打勾" 點選消掉
再將 "時間方框" 移到顯眼位置


步驟1 : 點選 <事件> 群組
步驟2 : 將 [當綠旗被點一下] 程式積木拉到右側 {程式編輯區}


步驟1 : 點選 <資料> 群組
步驟2 : 將 [將變數XXXX的値設為0] 程式積木拉出接在 [當綠旗被點一下] 下方
步驟3 : 點選 XXXX 右邊的小倒黑三角形
步驟4 : 選取 "時間"


按上圖步驟將 P1 ~ P6 / 遊戲結束 / 關卡 8 個變數設定積木都拉出來
除 "關卡" 變數的値設為數值 "1" 外
其他變數的値都設為數值 "0"


步驟1 : 點選 <外觀> 群組
步驟2 : 將 [將背景設定為XXXXXX] 程式積木拉出接在 "變數" 程式積木下方
步驟3 : 點選 XXXXXX 右邊的小倒黑三角形
步驟4 : 選取第一張背景圖


步驟1 : 點選 <控制> 群組
步驟2 : 將 [等待1秒] 程式積木拉出往下接
步驟3 : 將 1秒 改為 3秒


步驟1 : 點選 <外觀> 群組
步驟2 : 將 [將背景設定為XXXXXX] 程式積木拉出往下接
步驟3 : 點選 XXXXXX 右邊的小倒黑三角形選取第二張背景圖


步驟1 : 點選 <控制> 群組
步驟2 : 將 [重複執行] 程式積木拉出往下接


步驟1 : 點選 <聲音> 群組
步驟2 : 將 [撥放聲音錄音1直到撥放完畢] 程式積木拉出放入 [重複執行] 程式積木內部


步驟1 : 點選 <事件> 群組
步驟2 : 再將 [當綠旗被點一下] 程式積木拉到右下側


步驟1 : 點選 <控制> 群組
步驟2 : 將 [等待1秒] 程式積木拉出往下接 , 並將 1秒 改為 3秒 .
步驟3 : 將 [重複執行直到□] 程式積木拉出往下接
步驟4 : 將 [等待1秒] 程式積木拉出往下接


步驟1 : 點選 <運算> 群組
步驟2 : 再將 [□=□] 程式積木拉到 [重複執行直到□] 的 □ 內


步驟1 : 點選 <資料> 群組
步驟2 : 將 "遊戲結束" 變數程式積木拉到 [□=□] 程式積木左邊的 □ 內
步驟3 : 將 [□=□] 程式積木右邊的 □ 內填入數值 "1"


步驟1 : 將 [將變數XXXX的値改變1] 程式積木拉出接在 [等待1秒] 程式積木下方
步驟2 : 將 XXXX 變數設為 "時間"


步驟1 : 點選 <控制> 群組
步驟2 : 將 [停止所有的] 程式積木拉出往下接


滑鼠左鍵點擊角色 - 天野景太 一下

步驟1 : 點選 <事件> 群組
步驟2 : 將 [當綠旗被點一下] 程式積木拉到右側 {程式編輯區}
步驟3 : 點選 <外觀> 群組
步驟4 : 將 [隱藏] 程式積木拉出往下接
步驟5 : 點選 <控制> 群組
步驟6 : 將 [等待1秒] 程式積木拉出往下接 , 並將 1秒 改為 3秒 .
步驟7 : 點選 <外觀> 群組
步驟8 : 將 [顯示] 程式積木拉出往下接


步驟1 : 點選 <事件> 群組
步驟2 : 將 [當按下空白鍵] 程式積木拉到右下側
步驟3 : 點選 空白鍵 右邊的小倒黑三角形向下移動選取字元 "0"


步驟1 : 點選 <音效>
步驟2 : 點選 <選擇聲音>


步驟1 : 點選 <效果>
步驟2 : 點選 "zoop"
步驟3 : 點選 <確定>


步驟1 : 點選 <聲音> 群組
步驟2 : 將 [撥放聲音zoop] 程式積木拉出往下接


步驟1 : 點選 <外觀> 群組
步驟2 : 將 [說Hello!2秒] 程式積木拉出往下接
步驟3 : 將 Hello! 改成 妖怪出現吧!!!


看到這裡應該很多朋友已經快睡著了
以上大致介紹 Scratch 程式積木的撰寫方式
由於程式頗長
每個程式步驟繼續介紹下去 ~ 可能會讓網友把鍵盤當枕頭
所以有興趣的朋友請直接連結雲端遊戲程式 ( https://scratch.mit.edu/projects/76033358/ )
載入後可以點擊 [看看裡面] 查看遊戲程式內容


點擊角色 - 小石獅 一下即可看到右側有程式的詳細寫法


由於 Scratch 是開源分享軟體
初學的朋友也可以點選左上角 [檔案] > [下載到你的電腦] 將程式下載回去研究修改
先看一看 再學著試寫一個
多寫幾次自然就熟練了


前面提過 Scratch 是麻省理工大學媒體實驗室終身幼稚園組開發的一套 {樂高積木式圖形化電腦程式開發平台}，旨在讓 8 歲以上程式設計語言初學者不需先學習語言語法便能設計創作產品。開發者期望通過學習Scratch，啟發和激勵使用者在愉快的環境下透過實驗（如設計互動故事）去學習程式設計、數學和計算知識，同時獲得創造性的思考，系統推理，和協同工作的體驗。

所以雖然 淇淇 還不到六歲
可是 硬漢 還是讓她參與整個遊戲的玩法、畫面佈置 及 音效製作
當她看到遊戲有許多她一同參與製作完成的成果
立刻就能感受到她從參與感中得到了成就感



Scratch 開發平台可安裝在Mac OS X、Windows、Linux的平台上
自 2.0 之後換用Actionscript編制
Scratch 2.0 可以執行於瀏覽器
因此也就是說只要行動裝置如 智慧手機 或 平板電腦 有瀏覽器
那就也能用來執行 Scratch 撰寫的遊戲程式
可是實際運作後又發現一個問題 ~ 由於 Scratch 的影音是由 Flash 的格式做撥放
所以瀏覽器必須要能支援 Flash 的格式撥放
由於 Apple 的 iphone 及 ipad 都不支援 Flash
連 Android 上的 Chrome 及 Firefox 等幾款瀏覽器也不支援
難道就不能做到連接行動裝置做互動遊戲來玩了嗎 ?

好加在 硬漢 在 PLAY商店 找到一個可以在 Android 上撥放 Flash 的瀏覽器 >>> Flashfox
藍底的 Flashfox 是免費版
黃底的 Flashfox 是付費版
不過 Flashfox 有小部分硬體相容問題
如果您的平板使用的是 Nvidia Tegra 及 Intel Atom 晶片
會出現(Warning: nvidia tegra and intel atom cpus not supported)然後閃退


藍底免費版 Flashfox 下方會有廣告列
雖然不會影響運行
不過用久了之後會因為遊戲沒辦法滿框呈現
會覺得非常的礙眼
不過初學者可以先下載 藍底免費版 Flashfox 來學習寫作


黃底付費版 Flashfox 下方就沒有廣告列


Scratch程式編輯畫面左上角有個藍色小方形
點擊一下就可以讓遊戲以全螢幕呈現


遊戲以全螢幕呈現


使用重量較重的鐵珠就可以擊發『復位開關』
擊發的『復位開關』就會觸發對應的遊戲物件程式
接著就開始以 物件導向方式 運作互動遊戲程式


接著就要請『硬漢工作室』首席玩具測試總監 ~ 淇淇 來試玩



首席玩具測試總監試玩情況



Scratch 的程式語法與 VB (Virtual Basic) 很像
硬漢 在大學才開始修習 VB 程式語言
以前學習程式必須記住很多英文程式語法 不然就寫不出程式
Scratch 的出現顛覆了傳統程式寫作模式
即使是不會寫程式的小朋友也能在各程式模組中隨意拉動 {樂高積木式圖形化程式模組} 拼裝
接著就能在遊戲中學習到程式邏輯概念

傳統的『彈珠台』只有一種單調玩法 ~
撥出彈珠後看它經過碰撞後落入哪一格 自己算分數
因為很無聊
所以新鮮感一過 『彈珠台』過沒兩天就被小孩打入冷宮

加入程式設計後就可以隨著創意讓『彈珠台』變成多種好玩的主題玩具
例如 :

小男生可以做成『中華職棒彈珠台』
這樣『彈珠台』有可以讓兩個人一起邊玩邊比賽




小女生可以做成『Hello Kitty家家酒彈珠台』
淇淇 最近對英文突然很感興趣
可是 硬漢 又不希望用教她死背記單字
乾脆將單字放在遊戲中讓她在遊戲中自然而然記住英文單字
『彈珠台』遊戲結合 Hello Kitty 紙娃娃 + 英文教學


還可以做成『釣魚彈珠台』
彈珠經過通道感應就釣起對應的魚
通道越旁邊的魚越大隻 分數也越高


還可以做成『Line運動會彈珠台』
彈珠經過通道感應就讓對應的 Line 角色往前跑
彈珠經過越多次就越快跑到終點



只要有無限創意 ~ 單調的『彈珠台』就能有無限新奇多種玩法 !!
Mobile01 創作一覽表