Cocos 飞机大战（难点分析制作）-526互联

前言

自己也写了3个cocos 项目，觉得前面确实有点难，但是熟悉上手之后应该就是好多了，就是熟能生巧吧

下面就是我的一个项目分析和难点就是我们常玩的打飞机

先看下效果图我在手机上的截图

就是拖到触屏飞机进行射击和躲避子弹，感觉还行吧哈哈

难点

1. 就是物体直接的碰撞和刚体碰撞

// 添加碰撞体 BoxCollider 和刚体 RigidBody
       const collider = this.node.getComponent(BoxColliderComponent);
        const rigidBody = this.node.getComponent(RigidBodyComponent)

逻辑：

玩家飞机，敌方飞机，和子弹实现自己的逻辑

玩家飞机需要和敌机以及敌方子弹碰撞，无论哪种玩家飞机都要减小血量

敌方飞机无论被玩家飞机还是玩家子弹碰撞都需要被销毁

玩家子弹碰到敌方飞机就自动销毁

敌方子弹碰到玩家飞机就自动销毁

其实只要在碰撞矩阵上设置子弹和子弹之间不产生碰撞就好了，所以设置4个属性

项目设置 ---》 physics

然后设置他们的碰撞条件勾选一下就好

然后到编辑内容上

添加2个组件撞体 BoxCollider 和刚体 RigidBody

设置碰撞体的大小和飞机一样大就是size ，isTrigger 一定要勾选上

然后设置rigidbody 分类是 self_player 就是我们之前设置的4个其中一个，

运动类型因为没有重力所以不是运动学，静态就好KINEMATIC

然后子弹和敌方飞机也是这么设置就好，就不写了

然后在代码敌方机上写

    private _onTriggerEnter(event: ITriggerEvent){
        const collisionGroup = event.otherCollider.getGroup();
        if(collisionGroup === Constant.CollisionType.SELF_PLANE || collisionGroup === Constant.CollisionType.SELF_BULLET){
            // console.log('trigger enemy destroy');
            this._gameManager.playAudioEffect('enemy');
            PoorManager.instance().putNode(this.node);
            // this.node.destroy();
            this._gameManager.addScore();
            this._gameManager.createEnemyEffect(this.node.position);
        }
    }

解释就是敌方飞机：当碰撞类型遇到玩家飞机和玩家子弹的是时候就就开始销毁和加分

    onEnable () {
        const collider = this.getComponent(Collider);
        collider.on('onTriggerEnter', this._onTriggerEnter, this);
    }onTriggerEnter 就是碰撞监听事件 需要绑定

 
这样就比较好理解了

难点2
节点池

就是类型垃圾回收这样 script 的解释：就是存放数据的时候有需要在拿去不需要就放回，以免产生大量的实例垃圾

在script 目录下新建一个文件：PoorManager.Ts

里面就是

// 节点池
interface IDictPool {
    [name: string]: NodePool;
}

interface IDictPrefab {
    [name: string]: Prefab;
}
 
@ccclass('PoorManager')
export class PoorManager {
    
    //  因为不是组件没有地方实例化  因此定义 静态方法实例化
    public static instance(){
        if(!this._instance){
            this._instance = new PoorManager();
        }

        return this._instance;
    }

    private _dictPool: IDictPool = {}; // 存放节点
    private _dictPrefab: IDictPrefab = {};  //存放预制
    private static _instance: PoorManager; // 判断是否实例化过


    public getNode(prefab: Prefab, parent: Node){
        let name = prefab.data.name;
        // console.log('get node   ' + name);
        let node: Node = null;
        this._dictPrefab[name] = prefab;
        const pool = this._dictPool[name];
        // 判断有米有当前分类的容器
        if (pool) {
            if (pool.size() > 0) {
                node = pool.get();
            } else {
                node = instantiate(prefab); //s实例化新的节点
            }
        } else {
            this._dictPool[name] = new NodePool();
            node = instantiate(prefab);
        }

        node.parent = parent;  //设置他的归宿 他的父节点
        node.active = true;   //属性激活
        return node;
    }

    // 放回到容器里面
    public putNode(node: Node){
        let name = node.name;
        // console.log('put node   ' + name);
        // 因为节点被回收了，就不能存在场景里面
        node.parent = null;
        if (!this._dictPool[name]) {
            this._dictPool[name] = new NodePool();
        }

        this._dictPool[name].put(node);
    }
}

就是创建 2个一个是存放节点池，一个预制体的

然后在2个方法 getNode 和 putNode 这样好理解了吧

然后在其他控制器内把 instantiate 这个方法替代因为这就是创建节点的方法

PoorManager.instance()

写法就是下面

        // const bullet = instantiate(this.bullet01);
        // bullet.setParent(this.bulletRoot);
        const bullet = PoorManager.instance().getNode(this.bullet02, this.bulletRoot);
        bullet.setPosition(targetPos.x, targetPos.y, targetPos.z + 6);

全局找到着方法然后在替换