LayaAir引擎學習日誌3----FlashDevelop/Flash Builder開發環境配置(AS3)

塵封的記憶0發表於2016-12-29

第一步: LayaAir Engine下載

    1.1 引擎下載

     使用LayaAirIDE開發的話,下載LayaAirIDE會自帶引擎包。若開發者使用第三方工具開發,那需要先下載引擎。在官網首頁或者開發者中心選單中,擁有引擎下載的連結入口,開啟連結後會出現引擎各個版本的下載列表,每一個版本均提供AS3、TS、JS三種開發語言,選擇對應的開發語言包,直接點選下載即可(http://ldc.layabox.com/index.php?m=content&c=index&a=lists&catid=28)。 

    1.2 引擎包目錄結構介紹     

由於本篇介紹的是FlashDevelop開發環境,所以我們下載AS3版本的引擎包。當下載解壓後,可以看到AS3版本的目錄結構如下圖所示:

圖片1.jpg

  • “LayaAirFlash”目錄內是釋出Flash的版本才需要的引擎庫程式碼。

  • “libs”引擎程式碼目錄,LayaAir引擎庫程式碼處於該目錄的src子目錄中。

  • “laya.js.exe”為Windows系統下的AS3程式碼編譯器,用於將AS3程式碼編譯為JS程式碼。

  • “LayaJSMac”為蘋果MAC系統下AS3程式碼編譯器,用於將AS3程式碼編譯為JS程式碼。

  • “playerglobal.swc”用於替換AS3原生編譯器SDK,去除原生API語法提示,增加引擎API提示。 


第二步 安裝Google Chrome瀏覽器

    當執行AS3程式碼編譯後,預設呼叫Chrome瀏覽器開啟執行專案,需要安裝此瀏覽器進行專案除錯。已安裝的可跳過本步驟。

 

第三步 配置FlashDevelop中的AS3編譯環境

    步驟一:開啟FlashDevelop,在選單欄裡找到“巨集”並開啟“編輯巨集”皮膚。

3eda9f18c6450b837c37568181235d8e_b.jpg

    步驟二:首先點選“新增”增加一條巨集命令,然後選中剛剛增加的巨集命令,在“Label”欄修改巨集命令的選單名稱為“LayaCompiler”,以及在“Shortcut”欄設定巨集選單快捷鍵為“Alt+F5”(快捷鍵設定僅作參考,不要和別的快捷鍵衝突)。

blob.png


    步驟三:在“Entries”欄的右側位置點選“...”操作區域,開啟“字串集合編輯器”視窗。

blob.png

    步驟四:在字串集合編輯器皮膚裡,輸入巨集指令:

1
2
SaveAllModified
RunProcessCaptured|D:\LayaBox\LayaAirAs3_1.5.5\as\laya.js.exe;"$(ProjectPath)";iflash=false;

blob.png

(Tips:“D:\LayaBox\LayaAirAs3_1.5.5\as\laya.js.exe”應為laya.js.exe的實際所在路徑。MAC系統下為D:\LayaBox\LayaAirAs3_1.5.5\as\LayaJSMac


    步驟五:點選”確定“完成巨集指令配置後,已經完成巨集命令“LayaJsCompiler”全部配置,並即時生效,直接點選“關閉”按鈕即可。

  

至此,建立專案前的LayaAir引擎下載,瀏覽器下載,FlashDevelop環境下的AS3編譯器配置就結束了。


第四步 配置Flash Builder中的AS3編譯環境

    步驟一:開啟Flash Builder,找到“外部工具 配置”並開啟該配置視窗。

3eda9f18c6450b837c37568181235d8e_b.jpg

 

    步驟二:在配置視窗內,右鍵選中“程式”,點選“新建”,開啟新建配置視窗。

3eda9f18c6450b837c37568181235d8e_b.jpg

    步驟三:首先修改外部程式名稱為“LayaCompiler”。然後點選“瀏覽檔案系統”找到“laya.js.exe”或者直接複製”laya.js.exe”的路徑貼上到“位置”輸入欄。最後在“自變數”欄裡輸入"${project_loc}\.actionScriptProperties;iflash=false",點選”應用“即可完成本次配置。

blob.png

(Tips:“D:\LayaBox\LayaAirAs3_1.5.5\as\laya.js.exe”應為laya.js.exe的實際所在路徑。MAC系統下為D:\LayaBox\LayaAirAs3_1.5.5\as\LayaJSMac


至此,建立專案前的LayaAir引擎下載,瀏覽器下載,Flash Builder環境下的AS3編譯器配置就結束了。


不懂的可以加我的QQ群: 172719352(LayaAir引擎交流群 )歡迎你的到來哦,看了博文給點腳印唄,謝謝啦~~


相關文章