享受視覺,

享受音樂,

泡杯咖啡,

再來細細品嘗每一篇文章不是很棒的一件事嗎 ?

請移到新部落格喔~ zzz

2010年6月30日 星期三

[教學] 以前寫的 flashDevelop 安裝教學

在開發 flash 遊戲之前必須先選定程式編譯環境,
編譯的作用就是將您撰寫好的程式(source code)轉成機械碼(machine code)-電腦看得懂得語言,以便電腦進行運算。

目前有很多 flash 編譯器,包含:

Adobe Flash Professional http://www.adobe.com/tw/ 
Adobe Dreamweaver http://www.adobe.com/tw/ 
Adobe Flash Builder(Flex)http://www.adobe.com/tw/

若是沒有預算購買軟體,站長推薦使用 FlashDevelop,對學生或是任何想踏入 flash 遊戲設計領域的初學者是非常好的選擇。
FlashDevelop 的特色在於強健與完善的程式編譯環境,尤其程式提示與自動生成(code hint & generation)上比 flash IDE(Integrated Development Environment)好用很多。







接下來介紹 FlashDevelop 整個安裝到程式發佈的流程://///////////////////////////

1.下載並安裝 FlashDevelop 3.0.5 RTM released (3.9mb)

2.起動 FlashDevelop 進入 Start Page 頁面,選擇 >> New Project... 

3.按照步驟選擇 (1)AS3 Project -> (2)專案名稱 -> (3)專案資料夾放置位置(請自行建立專案資料夾)


4.按 OK 後會要求輸入作者名稱,請輸入英文別名。確定後畫面右方會跑出剛建立專的資料夾結構圖(如下圖 File Tree)


 File Tree 分 3 個部分
 bin - 將編譯好的 swf 檔放置此
 lib - 可放置您或第三方類別庫
 src - 根本專案相關程式放置位置; src 下有一個 main.as 為主程式

5. 先測是程式是否可執行,請在上方找尋藍色 play 鍵按鈕並點擊之,您會發現跳出對話框「would you like to open AS3 context setting to configure the compiler?」原因 是 FlashDevelop 本身未包含 AS3 類別庫,可至 Flex SDK 下載頁面下載檔案 - 站長選擇 Build 3.4.0.9271 Open Source Flex SDK Download (ZIP, 26MB)

6. 請在 FlashDevelop 上方工具列選擇 Tools -> Program Settings... 或按 F10

7. 請選擇 AS3Context -> Flex SDK location 並將路徑設成 Flex SDK 資料夾位置 - 記得解壓縮下載好的 Flex SDK 並放置您想要的位置

8. 設好後即可按藍色 play 鍵按鈕編譯(下方為測試補充,如有問題請至討論主題發表)

 ----------------------------------
 src下有Main.as, 請打開, 我稍微把程式改簡單點

package{
import flash.display.Sprite;
import org.flashdevelop.utils.FlashViewer; // 除錯用類別, 就像 C 的 println

public class Main extends Sprite{
public function Main():void{
//程式起始點
FlashViewer.trace("hello world!"); // 輸出hello world!
graphics.lineStyle(1, 0, 1); // 設定筆刷樣式
graphics.moveTo(20, 20); // 筆刷移到20, 20位置
graphics.lineTo(100, 100); // 筆刷畫到100, 100位置
}
}
}

程式寫好後, 請在 Project->properties->output下方 Test Movie 選 Play in new tab
按 Ctrl + Enter 發佈
會跳出 test.swf 視窗
視窗下方 output 位置有 hello world! 文字出現
 ----------------------------------