1110712、0714、0716 南投創客基地：Webduino 賓果遊戲雷切盒！線上研習直播影片



在這次的 Webduino Smart 工作坊三次線上研習課程中，希望能讓同學可以用 Sweet Home 3D 建立高擬真度的賓果遊戲雷切盒，接著再透過雷切機與 Webduino Smart 開發板，將真正的實體完成，變成一個由完整的電腦設計到實體輸出 + 程式設計的 Webduino 動手作教案！







※0712 第一天：Sweet Home 3D 基礎研習

影片章節： 00:00 研習開始 08:00 本次工作坊 Webduino 賓果遊戲雷切課程介紹 18:08 下載 Sweet Home 3D 軟體 31:36 Sweet Home 3D 介紹 33:45 Sweet Home 3D 使用前的參數設置調整 35:50 Sweet Home 3D 軟體界面介紹 47:15 Sweet Home 3D 的 3D 模型物件操作 01:00:55 Sweet Home 3D 如何建立牆體與房間(地板) 01:09:10 Sweet Home 3D 材質的設定 01:26:20 Sweet Home 3D 高畫質影像輸出 01:32:36 下課休息10分鐘 01:43:39 Sweet Home 3D 鳥瞰模式與虛擬觀視模式介紹 01:47:17 Sweet Home 3D 加入燈光 01:51:35 Sweet Home 3D MakerCase 雷切盒製作 02:09:50 RemoveBG 雲端 AI 影像去背應用 02:18:00 改圖寶與全字庫書法字體的使用 02:28:00 Photoshop 的替身演員 Photopea 介紹與基本操作 02:39:38 如何使用 Photopea 處理 MakerCase 雷切盒 SVG 的填色 02:46:40 如何使用 Photopea 處理雷切盒 SVG 的 LED 點矩陣與電源線 02:56:55 Photopea 轉存與拆解 SVG 圖層，並匯入 TinkerCAD 轉成 3D


※0714 第二天：Webduino Smart 基礎研習

影片章節： 00:00 研習開始 04:26 Photopea 處理 SVG 向量圖檔複習 20:00 TinkerCAD 建立雷切盒 3D 模型 29:43 如何將 3D 模型匯入 Sweet Home 3D 01:04:35 2D 圖檔如何轉換成 3D 模型 01:17:33 認識 Webduino 01:29:07 下課休息10分鐘 01:40:10 認識 Webduino Smart 開發板 02:03:27 Webduino 模擬器的使用與 LED 燈體驗 02:39:50 蜂鳴器介紹與應用


※0716 第三天：Webduino 賓果遊戲雷切盒工作坊

上午：

影片章節： 00:00 研習開始 04:42 Smart 開發板的 3D 列印底板 13:18 LED 點矩陣介紹與基礎應用 31:38 Webduino 雲端平台註冊與基本使用 01:31:03 下課休息10分鐘 01:46:42 用 for 迴圈製作倒數計時 01:57:18 倒數計時 + Youtube 影片播放 02:10:57 剪刀石頭布，選按按鈕出拳 02:30:13 雷切機實際操作介紹 02:42:30 RDWorks 雷切機軟體操作(1)


下午：

影片章節： 00:00 研習開始 01:20 RDWorks 點陣圖的處理 14:05 RDWorks 雷切與雷雕參數設定 31:06 賓果遊戲介紹與簡易版的設計 41:00 一起玩賓果遊戲 01:00:14 賓果遊戲功能說明與Blockly列表的使用 01:24:30 下課休息10分鐘 01:35:56 賓果機雷切盒組裝 01:50:10 賓果遊戲進階版程式說明 02:17:22 第二版MQTT賓果遊戲接收機Web:Bit版介紹 02:41:58 Webduino MQTT 介紹



※使用 Canva + 剪映製作的雷切機操作影片

為了方便線上同學可以更完整的看到整個雷切機的操作過程與使用方式，所以特別到中心實際拍攝整個雷切機的操作流程，再配合 Canva 製作片頭、片尾，使用剪映進行整體影片的剪輯！

註：因為影片為上課時播放，並配合線上直接說明，因此沒有配上背景音樂。


※ 使用 Canva 製作的虛擬賓果遊戲抽獎號碼影片

由於此次工作坊只有 20 位學可以拿到「材料包」，為了不讓其餘旁聽同學無聊，所以還是使用 Canva 準備了虛擬賓果遊戲抽獎號碼影片，讓我們在第二階段配合 MQTT 實作時，可以開啟 Web:Bit 模擬器，在賓果遊戲抽到號碼時，可以讓影片同步跳至相同數字的影格，一起同樂！



↑  Web:Bit https://webbit.webduino.io/blockly/#VR9kaEGv0Jp31 




※ 電子零件 LED 點矩陣踩到雷

這次工作坊所購買的 LED 點矩陣電子零件，第一次買到完全不能使用的「藍色電路版」LED 點矩陣，真的不是只有一個兩個，全部21個都不能用！雖然在蝦皮的賣家之前已經有買過幾次，但第一次遇到這樣的情形，由於想早點準備好上課材料，所以六月份就先買好，當時只想說怕蜂鳴器買到不 OK 的，所以一顆一顆測試，僅有一、兩顆完全沒聲音，幾顆音量較小聲，還在可接受範圍！

LED 點矩陣一直到七月上課前拿到中心時才做測試，還好有先測試，不然就趕不及在材料包寄出前替換成可正常使用的零件給大家了！

跟這個蝦皮的賣家反應，也比對之前刊登的商品照片上是綠色電路板，不是出貨的藍色電路板，他們給的理由是不同廠商的可能設計方式有不同，或是要使用離晶片較遠的那端來連接，經過測試都是不OK的，還實際拍攝正常版與該公司版的使用影片做為說明，但他們說目前只有這種，沒有其他可以替換的，也不給退貨，畢竟買完也經過近一個月的時間，早已過了蝦皮可退貨的時間，只能默默收下做為「紀念品」！

這個是給自己一個提醒，買 Arduino 電子零件是有風險的，例如蜂鳴器的良率都不是很高，所以購買時要多出一半到一倍的數量，才會比較保險，其餘的零件，也都一定要拆開逐一測試是否可以正常使用，不然只能自己吸收成本！










※ 教學資料總整理：


※ 延伸閱讀：

留言

張貼留言