LayaAir引擎学习日志6----LayaAir IDE创建AS3项目并详解目录结构

来源:互联网 发布:组装机 知乎 编辑:程序博客网 时间:2024/06/06 16:32

尽管当前推荐AS3开发者采用FlashDevelop和FlashBuilder环境开发LayaAir引擎的HTML5项目。但是我们建议先通过LayaAirIDE创建项目,再通过FlashDevelop或FlashBuilder打开编辑通过LayaAirIDE创建项目会默认建立清晰的目录结构。下面我们就以LayaAirIDE工具创建AS3空项目作为开始,带领大家创建项目并介绍项目的结构。

一、用LayaAirIDE创建AS3项目

步骤一:打开LayaAirIDE,点击新建项目

blob.png

步骤二:选择“LayaAir空项目”在设置项目名称、路径、类型,以及选择完引擎版本后,点击“创建”建立一个新的空项目。

blob.png

步骤三:在点击“创建”后,可以看到项目的结构项目文件夹结构如下图所示

blob.png

如果想采用FlashDevelop打开。选中FlashDevelop的项目工程文件,在资源管理器中打开即可。

blob.png


二、介绍AS3项目结构

    接下来,将会结合上一节中创建的项目结构来介绍每个目录文件夹的作用。

2.1 项目的输出目录(bin)

    “bin/h5”目录存放的是当前项目的输出文件。用于存放项目中的ActionScript3.0 文件编译生成的js 文件和HTML5页面。

 

2.2 UI项目目录(laya)

    “laya”目录 是用于当前项目存放LayaAirIDE的UI项目。
    laya/assets” 目录用来存放编辑UI页面、粒子等组件所需的图片资源。
    laya/pages目录用来存放LayaAirIDE的UI编辑器生成的页面配置文件。
    “laya/.laya文件是LayaAirIDE的UI项目配置文件。

 

2.3 项目库目录(libs)

    “libs”目录内为项目的库目录,用于存放项目使用的库文件。

   “libs/laya/src”目录内存放LayaAir引擎库文件。


2.4 项目的AS3代码目录(src)

    项目中的用到的AS3代码文件(.as文件)默认将存放在 src 目录。

2.5 项目配置文件(项目名.laya)

    项目名.laya 是项目配置文件,文件内记录了当前项目的项目名称、使用的类库版本号和项目类型。

    例如:

1
{"proName":"myLaya","version":"1.5.4","proType":0}


2.6 FlashDevelop项目配置文件(项目名.as3proj

    项目名.as3proj文件是FlashDevelop项目的配置文件。使用 FlashDevelop 编辑器开发AS3项目时,可以通过打开资源管理器,然后在目录中双击此文件用FlashDevelop 打开此项目。

blob.png

或者先打开FlashDevelop工具,然后在菜单栏通过“文件”->“打开”找到项目名.as3proj所在的目录打开此项目。

blob.png


2.7 FlashBuilder 项目配置文件

    .settings文件夹、.actionScriptProperties文件和.project文件 是Flash Builder 项目的配置文件。使用 FlashBuilder 编辑器时,可以通过菜单栏“文件”->“导入Flash Builder项目”来导入LayaAirIDE创建的AS3项目。

 blob.png


不懂的可以加我的QQ群: 172719352(LayaAir引擎交流群 )欢迎你的到来哦,看了博文给点脚印呗,谢谢啦~~

0 0