照著底下的步驟做,練習使用 NETLab Toolkit 的基本 Flash 元件,這系列教學將帶你入門教你學會使用 NETLab Tookit。
情境說明
底下是範例情境的示意圖:
我們將在 Arduino 上跑 Firmata 程式,讓 Arduino 可以用 Firmata 協定跟外部的軟體溝通(在此為 Flash 程式),接著在電腦上跑 NETLab Hub 應用程式,你可以將 NETLab Hub 看做是一個序列通訊轉接成網路通訊的程式,最後再利用 NETLab Toolkit Flash widgets 寫一支 Flash 應用程式來與 Arduino 產生互動。
Flash Widgets 是 Flash 的元件,我們到時會把 Flash Widgets 放在 Flash 影片中。Flash Widgets 會與 Hub 建立連線,透過 Hub 來與 Arduino 通訊,我們的 Flash 程式將讀取接在 Arduino 上的可變電阻的讀值,並利用可變電阻來控制畫面上一張圖片的移動,包括圖片的三維旋轉、縮放、陰影、模糊等。
軟體需求
材料與接線
- 麵包板 x 1
- Arduino 板子 x 1
- 可變電阻 x 1
- 單心線 x N
接線很簡單,參考下圖,把可變電阻中間腳位接到類比輸入(Analog Input) pin 0,剩下的兩支腳位,一支接到 5V,另外一支接到 GND:
上傳 Firmata 程式到 Arduino
打開 Arduino IDE,點選 File > Examples > Firmata > StandardFirmata 並將程式上傳到 Arduino 板子上:
▲ Arduino IDE
下載 NETLab Toolkit
到 NETLab Toolkit 官網下載頁面下載適用你作業系統的軟體。NETLab Toolkit 有 Macintosh 和 Windows 的版本可供選擇。軟體不用安裝,下載後解開壓縮檔即可。下圖是 NETLab Toolkit v3.1.7 的資料夾結構:
重要的檔案及資料夾簡單說明如下:
- MediaControl_pc: 這個資料夾存放 MedicaControl 應用程式(MediaControl_pc.exe)。
- NETLabFlashWidgets_3_1_7: 這個資料夾存放所有的 Flash Widgets,例如 AnalogIn.swc, ClipControl.swc, DigitalIn.swc, VideoControl.swc 等 Widgets。
- NETLabHub_2010_11_18_win: 這個資料夾存放 NETLab Hub 應用程式(NETLabHub.exe)。
- NETLabFlashWidgets_3_1_7.mxp: 這個檔案是 Flash Widgets 的安裝套件。
安裝 Flash Widgets
點兩下 NETLabFlashWidgets_3_1_7.mxp,這會啟動 Adobe Extension Manager 來幫你安裝 NETLab Toolkit 的 Flash Widgets:
按下「接受」後,就可以把 NETLab Toolkit 的 Flash Widgets 安裝到你的系統上,之後會跳出底下這個「安裝成功」的視窗提醒你要重新啟動 Flash CS5 讓變更生效:
如下圖,Adobe Externsion Manager 會列出已安裝的擴充功能:
如果你將來要更新 NETLab Toolkit 的版本,或者是不想使用了,隨時可以打開 Adobe Extension Manager 來把它移除。
下一篇我們將建立一個 Flash 文件並使用 Flash Widgets 來連接 Arduino 板子上的可變電阻。
4 意見:
你好,Cooper, 关于你使用NetLab软件,我又一个问题,安装NetLab toolkit 前,是否一定要先安装好Flash CS5???
你好,
不用的,如果你沒有要用 Flash Widgets 的話,不用安裝 Flash CS5。比如說你的軟體要結合 Processing 和 NetLab 做應用,那麼只需要 Netlab Hub 即可。
您好
請問使用NetLab toolkit和firmata及光敏電阻
控制Flash,Flash的部分一定要是視訊嗎?
我想用光敏電阻控制Flash翻頁,但Flash的翻頁好像都是用其他軟體做的,不知道該從哪處控制才是...。
還請給予指教,謝謝QAQ
你好,Flash 的部份不是視訊也可以
不好意思,我可能沒辦法協助你喔,因為先前我用的 Flash CS5 是試用版,後來軟體過期已經被我移掉了~~
張貼留言