LostRoutes项目日志——玩家飞机精灵Fighter解析

Fighter类的定义在Fighter.js中，Fighter类继承与PhysicsSprite。

原版的Fighter.js：

var Fighter = cc.PhysicsSprite.extend({
        hitPoints: true,        //当前的生命值
        space: null,            //所在物理空间
        ctor: function (spriteFrameName, space) {
            this._super(spriteFrameName);
            this.space = space;

            var verts = [
                -94, 31.5,
                -52, 64.5,
                57, 66.5,
                96, 33.5,
                0, -80.5];

            this.body = new cp.Body(1, cp.momentForPoly(1, verts, cp.vzero));
            this.body.data = this;
            this.space.addBody(this.body);

            var shape = new cp.PolyShape(this.body, verts, cp.vzero);
            shape.setElasticity(0.5);
            shape.setFriction(0.5);
            shape.setCollisionType(Collision_Type.Fighter);
            this.space.addShape(shape);

            this.hitPoints = Fighter_hitPoints;

            var ps = new cc.ParticleSystem(res.fire_plist);
            //在飞机下面.
            ps.x = this.getContentSize().width / 2;
            ps.y = 0;
            //ps.setRotation(180.0);
            ps.setScale(0.5);
            this.addChild(ps);
        },

        //重写setPosition
        setPosition: function (newPosition) {

            var halfWidth = this.getContentSize().width / 2;
            var halfHeight = this.getContentSize().height / 2;
            var pos_x = newPosition.x;
            var pos_y = newPosition.y;

            if (pos_x < halfWidth) {
                pos_x = halfWidth;
            } else if (pos_x > (winSize.width - halfWidth)) {
                pos_x = winSize.width - halfWidth;
            }

            if (pos_y < halfHeight) {
                pos_y = halfHeight;
            } else if (pos_y > (winSize.height - halfHeight)) {
                pos_y = winSize.height - halfHeight;
            }

            this.body.setPos(cc.p(pos_x, pos_y));

        }
    })  ;

 

第5~23行：设置飞机的物理引擎特性，这里使用物理引擎的目的是进行精确碰撞检测。
第27~32行：创建飞机后面（飞机的尾部/尾巴这里）喷射烟雾例子效果。
第29~30行：设置烟雾粒子在飞机的下面（尾部）。
第32行：由于粒子设计人员设计的粒子比较大，通过第32行代码ps.setScale(0.5)缩小一半。
第33行：this.addChild(ps)是将粒子系统添加到飞机精灵上。

---

这里附加一点子弹精灵Bullet及shape相关的信息：

Bullet的shape定义就比较简单（直接一个矩形）。
圆形的定义可参见Enemy.js中陨石和行星的定义；
多边形的定义可参见Enemy.js或Fighter.js中飞机的定义；
简单矩形的定义可参见Bullet.js中子弹的定义。