命令行
egret build
egret run -a 自动编译，浏览器不能自动刷新
Stage
public constructor() {
super();
this.once(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);
}
private onAddToStage(event:egret.Event) {
this.stage.frameRate = 50;
}事件
通过 addEventListener 注册监听事件，可以是系统和自定义事件， 通过 dispatchEventWith 和 dispatchEventWith 触发事件， 另外可以通过 removeEventListener 移除监听事件
this.fireTimer.addEventListener(egret.TimerEvent.TIMER, this.createBullet, this);
this.dispatchEventWith("createBullet", false, data);
this.addEventListener(egret.Event.ENTER_FRAME, this.gameViewUpdate, this);常用系统事件
egret.TouchEvent.TOUCH_MOVE
egret.TimerEvent.TIMER
egret.TouchEvent.TOUCH_MOVE
拖动
http://developer.egret.com/cn/example/egret2d/index.html#060-interact-drag-drop
// 鼠标点击时，鼠标全局坐标与e的位置差
private _distance:egret.Point = new egret.Point();
this.e.addEventListener(egret.TouchEvent.TOUCH_BEGIN, this.mouseDown, this);
this.e.addEventListener(egret.TouchEvent.TOUCH_END, this.mouseUp, this);
private mouseDown(evt:egret.TouchEvent)
{
this._touchStatus = true;
this._distance.x = evt.stageX - this.e.x;
this._distance.y = evt.stageY - this.e.y;
this.stage.addEventListener(egret.TouchEvent.TOUCH_MOVE, this.mouseMove, this);
}
private mouseMove(evt:egret.TouchEvent)
{
if( this._touchStatus )
{
this.e.x = evt.stageX - this._distance.x;
this.e.y = evt.stageY - this._distance.y;
}
}- egret.TouchEvent.TOUCH_BEGIN
锚点
anchoroffsetX 和 anchoroffsetX 可以用来作为虚拟的中心点或者参考点
this.fire.x = 200;
this.fire.y = 200;
this.fire.scaleX = 0.7;
this.fire.scaleY = 0.7;
this.fire.anchorOffsetX = this.fire.width / 2;
this.fire.anchorOffsetY = this.fire.height / 2;动画
监听
ENTER_FRAME将会按照帧频进行回调
this.addEventListener( egret.Event.ENTER_FRAME, ( evt:egret.Event )=>{
e.rotation += 3;
}, this );富文本
http://developer.egret.com/cn/example/egret2d/index.html#110-text-text-flow-2
const html:egret.TextField = new egret.TextField();
html.textFlow = new egret.HtmlTextParser().parser(str);
this.addChild(html);粒子 particle
{
"modules":[
{
"name": "particle",
"path": "../particle/libsrc"
}
]
}http://developer.egret.com/cn/github/egret-docs/extension/threes/instructions/index.html
下载地址：https://github.com/egret-labs/egret-game-library/tree/master/particle
教程文档：http://developer.egret.com/cn/github/egret-docs/extension/particle/introduction/index.html
粒子编辑器： http://developer.egret.com/cn/github/egret-docs/tools/Feather/manual/index.html
silver.zip
资源加载
// 同步加载资源，这种方式只能获取已经缓存过的资源，例如之前调用过loadGroup()被预加载的资源
// 可以在 resource/default.res.json 配置
const res = RES.getRes("red_icon_png");
// 异步获取资源，这种方式可以获取配置中含有的所有资源项。如果缓存中存在，直接调用回调函数返回，若不存在，就启动网络加载文件并解析后回调。
const res = RES.getResAsync(name:string,compFunc:Function,thisObject:any):void纹理集
- 纹理集实际上就是将一些零碎的小图放到一张大图当中, 可以用 Texture Merger 工具制作http://edn.egret.com/cn/article/index/id/135
- 可以通过
markman软件获取已有纹理图元素坐标，用于编写 纹理图 json 文件, 需要先安装 AdobeAIR
飞机大战
游戏逻辑
创建默认背景图和启动按钮，同时创建可滚动背景图。飞机不动， 利用负坐标，背景向下移动，背景图循环滚动，循环利用
点击启动按钮启动游戏，开始创建飞机和发射子弹
监听 egret.Event.ENTER_FRAME 事件，更新飞机和子弹位置，通过不停的更改飞机和子弹的 y 坐标实现子弹发射效果， 通过 hitTestPoint 进行我的子弹与敌机， 敌机子弹与我的飞机进行碰撞检测，进行相应的扣血
创建我的飞机和发射子弹，监听创建子弹事件，监听我的飞机 egret.TouchEvent.TOUCH_MOVE 事件，同时调整飞机和子弹坐标
定时创建不同类型的敌机，同时开火，监听创建子弹事件
增加护卫机子弹发射，滚石场景，BOSS 场景，能量，爆炸，音乐等场景
开发技巧
飞机不动， 背景向下移动，背景图循环滚动，循环利用
通过 egret.TimerEvent.TIMER 事件执行重复操作，比如创建飞机，滚石，发射子弹等
敌机，子弹，滚石，道具都需要进行回收（超出屏幕）和重复利用，同时停止发射等事件
通过设置 子弹的 scaleX 和 scaleY 改变子弹的发射角度和方向， 可以使用坐标递增，递减或 egret.Tween.get 动画实现子弹发射效果
游戏结束，清理现场，包括 TIMER，ENTER_FRAME以及自定义事件
