Egret Engine(白鹭引擎)是白鹭时代推出的一款使用TypeScript语言构建的开源免费的移动游戏引擎。通过白鹭引擎,开发者可以快速地创建可以运行在手闷蠢誉机App的WebView或者浏览器中的HTML5移动游戏,也可以编译输出成基于Android、iOS、Windows Phone的跨平台原生移动游戏。应用Egret引擎开发HTML5移动游戏,不但能让H5游戏具备牛逼的性能表现,并且效率很高。
项目目录如下:需要关心的有两个文件夹:launcher、src。
launcher 文件夹下面,需要关心的是 index.html文件,改文件是项目的入口。egret帮助建立的,自己可以自行修改里面内容,只要别把加载框架的部分干掉就行。
其中必要说明的是 Id 为 gameDiv 的<div>是游蚂段戏引擎用来 *** 作的地方。档悄框架会在改<div>下面自动建立一个<canvas>,然后在这上面绘制游戏界面。可以自行控制gameDiv的样式,别删除或者修改ID就行。launcher文件夹下面暂时没有别的需要关注的了。
src 文件夹下面两个文件,后缀名为ts,是typescript 文件,其实就是javascript 的一个超集而已。其中loadingUI.ts ,暂时也不需要关心,这个是加载网页的时候让用户安心等待的一个提示界面。
下面就是最重要的Main.ts。
标注的两个方法,就是egret对html所干的事情。整个hello world分析就结束了。
egret采用的是typescript 语言,在入口(index.html)文件里面 *** 作 ID 为 gameDiv的标签(在改标签下面增加一个画布<canvas>)。项目启动交给了main.ts(改文件名字可更换),main.ts会加载预先准备的资源,资源加载完成之后,开始绘制<canvas>里面的内容。
一、通过直接修改项目的index.html进行配置首先在项目libs目录下新建一个puremvc(名字可自定)文件夹,但是不要新建在libs/modules下面。将puremvc文件夹bin目录下的所有文件都拷贝到刚才新建的文件夹下面,然后修改项目的index.html,在<!--other_libs_files_start-->乎毕标签之间引入相应的js文件即可。
<script egret="lib" src="libs/puremvc/puremvc-typescript-multicore-1.1.js" src-release="libs/puremvc/puremvc-typescript-multicore-1.1-min.js"></script>
这样就配置好了,但是目前却还是没办法用,因为puremvc编译后的js文件加入了租顷好AMD模块规范,在egret项目中无法直接使用,因此需要注掉AMD模块声明部分
puremvc-typescript-multicore-1.1.js和puremvc-typescript-multicore-1.1-min.js都需要注掉AMD模块定义部分,这样就可以使用弊铅puremvc库了。
二、标准配置
在项目所在文件夹下,用命令行egret create_lib puremvc创建一个egret库,当然目录路径可以任选,但是最好不要在项目文件夹下创建。将puremvc文件夹bin目录下的所有文件都拷贝到刚才新建的文件夹下的src目录中,修改刚才库文件夹下的package.json,配置如下
<pre name="code" class="html">{
"name": "egret",
"version": "3.2.2",
"modules": [
{
"name": "puremvc",
"description": "puremvc",
"files": [
"puremvc-typescript-multicore-1.1.d.ts",
"puremvc-typescript-multicore-1.1-min.js",
"puremvc-typescript-multicore-1.1.js"
],
"root": "src"
}
]
}
在当前库文件夹下调用egret build编译库,然后修改项目egretProperties.json,modules下增加如下配置
{
"name":"puremvc",
"path":"../puremvc"
}
编译项目即可自动完成配置,要注意的是这里也是要去掉puremvc-typescript-multicore-1.1-min.js和puremvc-typescript-multicore-1.1.js中的AMD模块部分的。
TexturePacker可以很方便此源燃的制作位图纹理集。同时TexturePacker支持众多格式。目前TexturePacker官方还没有支持Egret所支持的纹理集格式,但可以为TexturePacket安装插件来支持Egret纹理集导出。
森虚 下载插件
该插件由ping-chen提供。
插件安装
将插件同步到本地后,打开目录将egret-spritesheet文件夹拷贝到{TexturePacker}/bin/exporters目录中。
重启TexturePacker后,可以在Data Format选项中看到egret-spritesheet选项裂谈。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)