LayaAir引擎學習日誌3----FlashDevelop/Flash Builder開發環境配置(AS3)
第一步: 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版本的目錄結構如下圖所示:
-
“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,在選單欄裡找到“巨集”並開啟“編輯巨集”皮膚。
步驟二:首先點選“新增”增加一條巨集命令,然後選中剛剛增加的巨集命令,在“Label”欄修改巨集命令的選單名稱為“LayaCompiler”,以及在“Shortcut”欄設定巨集選單快捷鍵為“Alt+F5”(快捷鍵設定僅作參考,不要和別的快捷鍵衝突)。
步驟三:在“Entries”欄的右側位置點選“...”操作區域,開啟“字串集合編輯器”視窗。
步驟四:在字串集合編輯器皮膚裡,輸入巨集指令:
1
2
|
SaveAllModified RunProcessCaptured|D:\LayaBox\LayaAirAs3_1.5.5\as\laya.js.exe; "$(ProjectPath)" ;iflash= false ; |
(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,找到“外部工具 配置”並開啟該配置視窗。
步驟二:在配置視窗內,右鍵選中“程式”,點選“新建”,開啟新建配置視窗。
步驟三:首先修改外部程式名稱為“LayaCompiler”。然後點選“瀏覽檔案系統”找到“laya.js.exe”或者直接複製”laya.js.exe”的路徑貼上到“位置”輸入欄。最後在“自變數”欄裡輸入"${project_loc}\.actionScriptProperties;iflash=false",點選”應用“即可完成本次配置。
(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引擎交流群 )歡迎你的到來哦,看了博文給點腳印唄,謝謝啦~~
相關文章
- LayaAir引擎學習日誌8----AS3語言中Flash Builder中顯示文字Hello Layabox(AS3)AIS3UI
- LayaAir引擎學習日誌11----LayaAir Android環境的搭建AIAndroid
- LayaAir引擎學習日誌2----LayaAir引擎在Windows下安裝AIWindows
- LayaAir引擎學習日誌6----LayaAir IDE建立AS3專案並詳解目錄結構AIIDES3
- LayaAir引擎學習日誌15----LayaAir記憶體效能分析AI記憶體
- LayaAir引擎學習日誌7----AS3語言中FlashDevelop中顯示文字Hello Layabox(AS3)AIS3dev
- LayaAir引擎學習日誌13----LayaAir怎麼在mac環境下打包成ios的app以及釋出的所有流程AIMaciOSAPP
- LayaAir引擎學習日誌14----LayaAir記憶體優化的問題AI記憶體優化
- LayaAir引擎學習日誌9---- LayaAir IDE中顯示文字Hello World(JS)AIIDEJS
- LayaAir引擎學習日誌10----LayaAir的一些遊戲演示和遊戲專案原始碼開源AI遊戲原始碼
- LayaAir引擎學習日誌5----LayaAir IDE建立TS專案並詳解目錄結構AIIDE
- JAVA學習——JDK開發環境配置JavaJDK開發環境
- LayaAir引擎學習日誌4----建立JS專案並詳解目錄結構AIJS
- Flash開發環境簡介開發環境
- java學習日記-java環境的配置Java
- 《學習 VUE - Windows 下配置 vue 的開發環境 》VueWindows開發環境
- SpringBoot多環境日誌配置Spring Boot
- Kinect開發學習筆記之(三)Kinect開發環境配置筆記開發環境
- Webpack4 學習筆記八 開發環境和生產環境配置Web筆記開發環境
- 《學習 VUE-Windows 下配置 vue 的開發環境 》VueWindows開發環境
- tensorflow學習筆記1——mac開發環境配置筆記Mac開發環境
- 深度學習環境配置深度學習
- 開發環境配置開發環境
- emacs開發環境配置(4)——rust開發環境Mac開發環境Rust
- Flash Builder 開發相關連結UI
- 配置開發環境、生成環境、測試環境開發環境
- Android NDK學習(2)Windows下NDK開發環境配置AndroidWindows開發環境
- 【機器學習】深度學習開發環境搭建機器學習深度學習開發環境
- Flutter學習指南:開發環境搭建Flutter開發環境
- react 配置開發環境React開發環境
- js開發環境配置JS開發環境
- Java開發環境配置Java開發環境
- weex開發環境配置開發環境
- Arduino開發環境配置UI開發環境
- Ubuntu開發環境配置Ubuntu開發環境
- (七)Flutter學習之開發環境搭建Flutter開發環境
- Flutter學習(一)——搭建開發環境(Windows)Flutter開發環境Windows
- 谷歌JAX深度學習開發環境搭建谷歌深度學習開發環境