Egret学习笔记 (Egret打飞机-6.实现敌机飞起来)

时间:2021-05-21 18:57:36

有了子弹,总得有敌人来打吧,不然游戏有啥意思呢?今天我们来实现敌机从屏幕上边往下飞

参考微信打飞机游戏里面,敌机分为3种 1是特小飞机,2是小飞机,还有一种就是大飞机

Egret学习笔记 (Egret打飞机-6.实现敌机飞起来)

Egret学习笔记 (Egret打飞机-6.实现敌机飞起来)

Egret学习笔记 (Egret打飞机-6.实现敌机飞起来)

面向对象编程提倡抽象,实现代码复用的目的。所以我们打算把飞机的相同的点都抽象到飞机基类里面。

新建一个文件EnemyPlane.ts,敌机类,以后我们所有的飞机,都从这个类来扩展

class EnemyPlane extends egret.DisplayObjectContainer {
_enemy: egret.Bitmap;
_timer: egret.Timer;
_speed: number = 2;
_tyle: EnemyType = EnemyType.SMALL;
/**
* 是否使用
*/
public IsUse: boolean = false;
_main: Main;
public constructor(main: Main, type: EnemyType) {
super();
this._main = main;
this._tyle = type;
this._enemy = new egret.Bitmap();
this.addChild(this._enemy);
this.addEventListener(egret.Event.ADDED_TO_STAGE, () => { }, this) } /**
* 使用
*/
public Use() {
this.IsUse = true;
//判断类型
this.y = -this.height; //初始化飞机的位置为屏幕外
this._main.addChildAt(this, 10)
this.addEventListener(egret.Event.ENTER_FRAME, this.frame, this) }
/**
* 回收
*/
public Recycle() {
console.log("敌机回收-----")
this.IsUse = false;
this._main.removeChild(this);
this.removeEventListener(egret.Event.ENTER_FRAME, this.frame, this) }
frame() {
console.log("EnemyPlane Frame")
if (this.IsUse) {
this.y += this._speed;
if (this.y >= GameConfig.SceneH) {
//从父节点中移除
if (this.parent) {
this.parent.removeChild(this);
this.Recycle();
}
}
} } } /**
* 敌机类型
*/
enum EnemyType {
/**
* 大飞机
*/
BIG = 1,
/**
* 小飞机
*/
SMALL = 0,
/**
* 特别小的飞机
*/
VERSCHWINDENDSMALL = 2
}

在基类的构造方法中,我们初始化一些基本的对象,入飞机的Bitmap等等

在基类中,目前就三个方法对我们比较重要。Use方法,初始化当前飞机的Y坐标的位置,并监听ENTER_FRAME事件,Recycle方法是还原当前飞机的状态,并移除飞机的ENTER_FRAME事件,frame方法主要是移动飞机位置,并且在飞机飞出屏幕外面的时候,从父容器中移除当前飞机,并调用飞机的Recycle方法回收飞机

基类定义的方法,以后每个飞机都要用到,比如实现小飞机,大飞机,都可以从基类中扩展,复用基类已经实现的方法

基类实现好了,我们开始扩展具体的飞机,本篇随便只会扩展一种,其他的大家有兴趣自己去扩展

新建一个SmallEnemyPlane.ts的文件。

class SmallEnemyPlane extends EnemyPlane {
public constructor(main: Main) {
super(main, EnemyType.SMALL);
this.width = 69;
this.height = 89; this._enemy.texture = RES.getRes("enemy2_png");
this.addEventListener(egret.Event.ADDED_TO_STAGE, () => {
}, this)
}
}

在小飞机类里面,给父类构造方法传递一个自己的飞机类型进去,然后根据图片的宽高,设置自己的宽高。并加载图片。

到这里,飞机的的方法就全部实现完毕了,把这个对象添加到Main里面

var small = new SmallEnemyPlane(this)
small.Use();

飞机就从屏幕的左上角往下飞了。。。。。

Egret学习笔记 (Egret打飞机-6.实现敌机飞起来)

有点卡顿是我截图的问题。。。。实际是很流畅的