2011年3月10日 星期四

NETLab Toolkit and Flash 入門 (1)

照著底下的步驟做,練習使用 NETLab Toolkit 的基本 Flash 元件,這系列教學將帶你入門教你學會使用 NETLab Tookit。

情境說明

底下是範例情境的示意圖:

image

我們將在 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:

image

上傳 Firmata 程式到 Arduino

打開 Arduino IDE,點選 File > Examples > Firmata > StandardFirmata 並將程式上傳到 Arduino 板子上:

image
▲ Arduino IDE

下載 NETLab Toolkit

NETLab Toolkit 官網下載頁面下載適用你作業系統的軟體。NETLab Toolkit 有 Macintosh 和 Windows 的版本可供選擇。軟體不用安裝,下載後解開壓縮檔即可。下圖是 NETLab Toolkit v3.1.7 的資料夾結構:

image

重要的檔案及資料夾簡單說明如下:

  • 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:

image
▲ Adobe Extension Manager

按下「接受」後,就可以把 NETLab Toolkit 的 Flash Widgets 安裝到你的系統上,之後會跳出底下這個「安裝成功」的視窗提醒你要重新啟動 Flash CS5 讓變更生效:

image

如下圖,Adobe Externsion Manager 會列出已安裝的擴充功能:

image▲ ADOBE Extension Manager

如果你將來要更新 NETLab Toolkit 的版本,或者是不想使用了,隨時可以打開 Adobe Extension Manager 來把它移除。

下一篇我們將建立一個 Flash 文件並使用 Flash Widgets 來連接 Arduino 板子上的可變電阻。

延伸閱讀

4 意見:

Memory Station 提到...

你好,Cooper, 关于你使用NetLab软件,我又一个问题,安装NetLab toolkit 前,是否一定要先安装好Flash CS5???

coopermaa 提到...

你好,

不用的,如果你沒有要用 Flash Widgets 的話,不用安裝 Flash CS5。比如說你的軟體要結合 Processing 和 NetLab 做應用,那麼只需要 Netlab Hub 即可。

Nagi 提到...

您好

請問使用NetLab toolkit和firmata及光敏電阻
控制Flash,Flash的部分一定要是視訊嗎?

我想用光敏電阻控制Flash翻頁,但Flash的翻頁好像都是用其他軟體做的,不知道該從哪處控制才是...。

還請給予指教,謝謝QAQ

cooper maa 提到...

你好,Flash 的部份不是視訊也可以

不好意思,我可能沒辦法協助你喔,因為先前我用的 Flash CS5 是試用版,後來軟體過期已經被我移掉了~~