LayaAir引擎学习日志3----FlashDevelop/Flash Builder开发环境配置(AS3)

56 阅读 0 评论 37 点赞

我是靠谱客的博主懵懂时光，最近开发中收集的这篇文章主要介绍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版本的目录结构如下图所示：

图片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，在菜单栏里找到“宏”并打开“编辑宏”面板。

步骤二：首先点击“添加”增加一条宏命令，然后选中刚刚增加的宏命令，在“Label”栏修改宏命令的菜单名称为“LayaCompiler”，以及在“Shortcut”栏设置宏菜单快捷键为“Alt+F5”（快捷键设置仅作参考，不要和别的快捷键冲突）。

步骤三：在“Entries”栏的右侧位置点击“...”操作区域，打开“字符串集合编辑器”窗口。

步骤四：在字符串集合编辑器面板里，输入宏指令：

1 2	`SaveAllModified` `RunProcessCaptured\|D:LayaBoxLayaAirAs3_1.5.5aslaya.js.exe;"$(ProjectPath)";iflash=false;`

（Tips：“D:LayaBoxLayaAirAs3_1.5.5aslaya.js.exe”应为laya.js.exe的实际所在路径。MAC系统下为“D:LayaBoxLayaAirAs3_1.5.5asLayaJSMac”）

步骤五：点击”确定“完成宏指令配置后，已经完成宏命令“LayaJsCompiler”全部配置，并即时生效，直接点击“关闭”按钮即可。

至此，建立项目前的LayaAir引擎下载，浏览器下载，FlashDevelop环境下的AS3编译器配置就结束了。

第四步配置Flash Builder中的AS3编译环境

步骤一：打开Flash Builder，找到“外部工具配置”并打开该配置窗口。

步骤二：在配置窗口内，右键选中“程序”，点击“新建”，打开新建配置窗口。

步骤三：首先修改外部程序名称为“LayaCompiler”。然后点击“浏览文件系统”找到“laya.js.exe”或者直接复制”laya.js.exe”的路径粘贴到“位置”输入栏。最后在“自变量”栏里输入"${project_loc}.actionScriptProperties;iflash=false"，点击”应用“即可完成本次配置。