2011年3月10日 星期四

NETLab Toolkit and Flash 入門 (2)

這是這系列的第二篇。

前一篇中,你已經把 Firmata 程式上傳到 Arduino 板子上,而且也安裝好 NETLab Toolkit 的 Flash Widgets 了。下一步是建立一個 Flash 文件,然後用 Flash Widgets 來連接 Arduino 板子上的可變電阻。

建立 Flash 文件與連接可變電阻

1) 首先,點兩下 NETLabHub.exe 打開 NETLab Hub 應用程式:

image
▲ NETLab Hub 已啟動

用 Flash Widgets 寫 Flash 程式不需要知道太多有關 Hub 的細節,因此,你只要把 Hub 打開放著就行了。

2) 打開你的 Flash 軟體並建立一份 ActionScript 3 的文件(註: 底下我使用 Flash Professional CS5 示範):

image_thumb[18]
▲ 建立 ActionScript 3 文件

3) 點選「視窗 > 組件 (或按 Ctrl+F7)」打開組件視窗,參考下圖,從組件視窗拖曳一個 AnalogIn 元件放到 Flash 文件的場景中:

image_thumb[21]

然後切換到屬性視窗(要打開屬性視窗可點選「視窗 > 屬性」或按 Ctrl+F3),把這個元件命名為 input0:

image

4) 接著參考下圖設定 input0 的幾個屬性:

  • controller: 把它設定為 arduino
  • controllerInputNum: 把它設定為 0。這是因為我們把可變電阻接在類比輸入 pin 0,如果你可變電阻接在其它接腳位,請做適當的調整。
  • serialPort: 把它設定為 COM4。這是因為我的 Arduino 接在 COM4 上,如果你用的是其它 Serial Port,請依你的環境適當的調整。

其它屬性使用預設值就可以了。

image

5) 把你的 Flash 文件存檔並點「控制 > 測試影片 > 測試」或按下 Ctrl+Enter 來測試你的 Flash 影片。然後按下 AnalogIn 元件右上角的 Connect 按鈕來跟 Arduino 建立連線。

image_thumb[30] 
▲ 按下 Connect 鈕後,NETLab ToolKit 會花幾秒鐘的時間跟 Arduino 建立連線

現在,試著旋轉一下 Arduino 板子上的可變電阻,看看 Flash 影片上的 AnalogIn 元件會有什麼變化,正常情況下,你應該會看可變電阻的數值會在 AnalogIn 指示器上即時反應:

image

假如一切順利的話,那麼恭禧你,你已鋞成功建立 Flash 與 Arduino 之間的連線了。

現在,請關閉 SWF 然後回到 Flash 的創作環境。

下一篇我們將使用可變電阻和 ClipControl 元件來控制圖片的移動,包括圖片的三維旋轉、縮放、陰影、模糊等效果。

0 意見: