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

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

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

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

新建一个文件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();

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

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

转载于:https://www.cnblogs.com/boxrice/p/8204854.html