cocos做飞机大战笔记【敌机出现】

已于 2022-04-13 10:06:04 修改
阅读量371 收藏 1
点赞数
分类专栏： 学习cocos做飞机大战 文章标签： typescript 游戏引擎
于 2022-04-05 23:31:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ykl970719/article/details/123980113
版权

文章目录

飞机展示在游戏引擎中

1.创建敌机材质

在这里插入图片描述

2.创建敌机空节点plane02并将敌机模型挂上

在这里插入图片描述
在这里插入图片描述

3.敌机设置为预制资源

在这里插入图片描述

4.将敌机挂载到gameManager

gameManager.ts
/** 关联敌机 */
    @property(Prefab)
    public enemy01:Prefab = null;
    @property(Prefab)
    public enemy02:Prefab = null;

在这里插入图片描述
在这里插入图片描述

敌机移动

1. 定义一个Constant类用来存放游戏常用类型

在这个游戏中,比如飞机类型,子弹类型,以及飞机组合等等

export class Constant{
    /**
     * 敌机类型
     */
    public static EnemyType = {
        TYPE1:1,
        TYPE2:2,
    }
    /**
     * 组合类型
     */
    public static Combination = {
        PLAN1:1,
        PLAN2:2,
        PLAN3:3,
    }
}

在这里插入图片描述

2. 创建敌机脚本

在这里插入图片描述

//EnemyPlane.ts

import { _decorator, Component, Node } from 'cc';
const { ccclass, property } = _decorator;

 
// 敌机销毁位置
const OUTOFBOUNCE = 50

@ccclass('EnemyPlane')
export class EnemyPlane extends Component {
    // 敌机速度
    @property
    private _enemySpeed = 0;
   

    update(deltaTime: number) {
        const pos = this.node.position
        const movePos = pos.z + this._enemySpeed
        // 因为敌机向西飞所以为正向
        this.node.setPosition(pos.x, pos.y, movePos)

        if(movePos > OUTOFBOUNCE){//超出边界销毁
            this.node.destroy()
        }
    }
    /**
     * 设置飞机移动速度
     * @param speed 移动速度
     */
    show(speed:number){
        this._enemySpeed = speed
    }
}

3. GameManager填入敌机一些配置

在这里插入图片描述


import { _decorator, Component, Node, Prefab, instantiate, math } from 'cc';
import { Bullet } from '../bullet/Bullet';
import { EnemyPlane } from '../plane/EnemyPlane';
import { Constant } from './Constant';
const { ccclass, property } = _decorator;



@ccclass('GameManager')
export class GameManager extends Component {
    // 关联玩家飞机
    @property(Node)
    public playerPlane: Node = null;
    // 关联所有子弹
    @property(Prefab)
    public bullet01: Prefab = null;
    @property(Prefab)
    public bullet02: Prefab = null;
    @property(Prefab)
    public bullet03: Prefab = null;
    @property(Prefab)
    public bullet04: Prefab = null;
    @property(Prefab)
    public bullet05: Prefab = null;
    // 射击周期
    @property
    public shootTime = 0.3;
    // 子弹移动速度
    @property
    public bulletSpeed = 1;

    /** 关联敌机 */
    @property(Prefab)
    public enemy01: Prefab = null;
    @property(Prefab)
    public enemy02: Prefab = null;
    @property
    public createEnemtTime = 1;//创建敌机时间
    @property
    public enemy1Speed = 0.5;//敌机1速度
    @property
    public enemy2Speed = 0.7;//敌机2速度

    //子弹管理节点
    @property(Node)
    public bulletRoot: Node = null;

    private _currShootTime = 0;
    // 是否触摸屏幕
    private _isShooting = false;
    private _currCreateEnemyTime = 0//当前创建的敌机时间
    private _combinationInterval = Constant.Combination.PLAN1//组合间隔状态
    start() {
        this._init();
    }

    update(deltaTime: number) {
        // 这步加时间是为了发射子弹
        this._currShootTime += deltaTime;
        // 判断是触摸状态 并且射击时间大于我们的周期 发射子弹
        if (this._isShooting && this._currShootTime > this.shootTime) {
            this.createPlayerBullet();
            this._currShootTime = 0;
        }

        //判断组合方式
        if (this._combinationInterval == Constant.Combination.PLAN1) {
            //组合一 只创建单一的飞机
            this._currCreateEnemyTime += deltaTime
            if(this._currCreateEnemyTime > this.createEnemtTime){
                this.createEnemyPlane()
                this._currCreateEnemyTime = 0
            }

        } else if (this._combinationInterval == Constant.Combination.PLAN2) {

        } else {

        }
    }

    /**
     * 创建子弹
     */
    public createPlayerBullet() {
        // 子弹实例化
        const bullet = instantiate(this.bullet01);
        // 将子弹放在子弹管理节点下面
        bullet.setParent(this.bulletRoot);
        // 获取飞机位置
        const pos = this.playerPlane.position;
        // 设置子弹位置
        bullet.setPosition(pos.x, pos.y, pos.z - 7);
        // 设置子弹速度
        const bulletComp = bullet.getComponent(Bullet);
        bulletComp.bulletSpeed = this.bulletSpeed;
    }

    /**
     * 创建组合一敌机
     *
     */
    public createEnemyPlane() {
        // 两架飞机随机选一（1，2）
        const whichEnemy = math.randomRangeInt(1, 3)
        let prefab: Prefab = null
        let speed = 0
        // 创建敌机1或2
        if (whichEnemy == Constant.EnemyType.TYPE1) {
            prefab = this.enemy01
            speed = this.enemy1Speed
        } else {
            prefab = this.enemy02
            speed = this.enemy2Speed
        }

        // 预制实例化
        const enemy = instantiate(prefab)
        enemy.setParent(this.node)
        const enemyComp = enemy.getComponent(EnemyPlane)
        enemyComp.show(speed)

        // 设置飞机位置 
        const randomPos = math.randomRangeInt(-25, 26)
        enemy.setPosition(randomPos, 0, -50)
    }
    /**
     * 触摸状态设置
     * @param value  true/false
     */
    public isShooting(value: boolean) {
        this._isShooting = value;
    }
    /**
     * 默认发射子弹
     */
    private _init() {
        this._currShootTime = this.shootTime;
        this._changePlanMode();
    }

    /**
     * 设计定时器 
     */
    private _changePlanMode() {
        /**
         * 每10秒改变一次状态，执行三次，根据状态就能决定采用什么组合
         */
        this.schedule(this._modeChanged, 10, 3);//组件自带定时器(回调函数，间隔时间,重复次数，延迟时间)
    }

    private _modeChanged() {
        this._combinationInterval++
    }
}

4. 挂载敌机脚本

在这里插入图片描述

5. 运行查看效果

在这里插入图片描述

组合飞机创建

组合会创建横排飞机，与v字飞机，先看下效果
在这里插入图片描述
在这里插入图片描述

完整代码

//GameManager.ts
import { _decorator, Component, Node, Prefab, instantiate, math } from 'cc';
import { Bullet } from '../bullet/Bullet';
import { EnemyPlane } from '../plane/EnemyPlane';
import { Constant } from './Constant';
const { ccclass, property } = _decorator;

@ccclass('GameManager')
export class GameManager extends Component {
    // 关联玩家飞机
    @property(Node)
    public playerPlane: Node = null;
    // 关联所有子弹
    @property(Prefab)
    public bullet01: Prefab = null;
    @property(Prefab)
    public bullet02: Prefab = null;
    @property(Prefab)
    public bullet03: Prefab = null;
    @property(Prefab)
    public bullet04: Prefab = null;
    @property(Prefab)
    public bullet05: Prefab = null;
    // 射击周期
    @property
    public shootTime = 0.3;
    // 子弹移动速度
    @property
    public bulletSpeed = 1;

    /** 关联敌机 */
    @property(Prefab)
    public enemy01: Prefab = null;
    @property(Prefab)
    public enemy02: Prefab = null;
    @property
    public createEnemtTime = 1;//创建敌机时间
    @property
    public enemy1Speed = 0.5;//敌机1速度
    @property
    public enemy2Speed = 0.7;//敌机2速度

    //子弹管理节点
    @property(Node)
    public bulletRoot: Node = null;

    private _currShootTime = 0;
    // 是否触摸屏幕
    private _isShooting = false;
    private _currCreateEnemyTime = 0//当前创建的敌机时间
    private _combinationInterval = Constant.Combination.PLAN1//组合间隔状态
    start() {
        this._init();
    }

    update(deltaTime: number) {
        // 这步加时间是为了发射子弹
        this._currShootTime += deltaTime;
        // 判断是触摸状态 并且射击时间大于我们的周期 发射子弹
        if (this._isShooting && this._currShootTime > this.shootTime) {
            this.createPlayerBullet();
            this._currShootTime = 0;
        }

        this._currCreateEnemyTime += deltaTime
        //判断组合方式
        if (this._combinationInterval == Constant.Combination.PLAN1) {
            //只创建单一的飞机 0-10秒飞机创建
            if (this._currCreateEnemyTime > this.createEnemtTime) {//普通飞机创建
                this.createEnemyPlane()
                this._currCreateEnemyTime = 0
            }

        } else if (this._combinationInterval == Constant.Combination.PLAN2) {
            // 10-20秒飞机创建
            if (this._currCreateEnemyTime > this.createEnemtTime * 0.9) {//0.9飞机组合间隔
                const randomCombination = math.randomRangeInt(1, 3)//随机1，2飞机
                if (randomCombination === Constant.Combination.PLAN2) {
                    this.createCombination1()
                } else {
                    this.createEnemyPlane()
                }

                this._currCreateEnemyTime = 0
            }
        } else {
            //20+ 飞机创建
            if (this._currCreateEnemyTime > this.createEnemtTime * 0.8) {//0.8飞机组合间隔
                const randomCombination = math.randomRangeInt(1, 4)//随机1，2，3飞机
                if (randomCombination === Constant.Combination.PLAN2) {
                    this.createCombination1()
                } else if (randomCombination === Constant.Combination.PLAN3) {
                    this.createCombination2()
                } else {
                    this.createEnemyPlane()
                }

                this._currCreateEnemyTime = 0
            }
        }
    }

    /**
     * 创建子弹
     */
    public createPlayerBullet() {
        // 子弹实例化
        const bullet = instantiate(this.bullet01);
        // 将子弹放在子弹管理节点下面
        bullet.setParent(this.bulletRoot);
        // 获取飞机位置
        const pos = this.playerPlane.position;
        // 设置子弹位置
        bullet.setPosition(pos.x, pos.y, pos.z - 7);
        // 设置子弹速度
        const bulletComp = bullet.getComponent(Bullet);
        bulletComp.bulletSpeed = this.bulletSpeed;
    }

    /**
     * 创建敌机
     *
     */
    public createEnemyPlane() {
        // 两架飞机随机选一（1，2）
        const whichEnemy = math.randomRangeInt(1, 3)
        let prefab: Prefab = null
        let speed = 0
        // 创建敌机1或2
        if (whichEnemy == Constant.EnemyType.TYPE1) {
            prefab = this.enemy01
            speed = this.enemy1Speed
        } else {
            prefab = this.enemy02
            speed = this.enemy2Speed
        }

        // 预制实例化
        const enemy = instantiate(prefab)
        console.log(enemy);
        
        enemy.setParent(this.node)
        const enemyComp = enemy.getComponent(EnemyPlane)
        enemyComp.show(speed)

        // 设置飞机位置 
        const randomPos = math.randomRangeInt(-25, 26)
        enemy.setPosition(randomPos, 0, -50)
    }
    /**
     * 组合1创建 横向排列 z轴50，x轴从-20开始
     *
     */
    public createCombination1() {
        const enemyArray = new Array<Node>(5)//飞机数组
        for (let i = 0; i < enemyArray.length; i++) {
            // 敌机资源实例化
            enemyArray[i] = instantiate(this.enemy01)
            const element = enemyArray[i]
            element.parent = this.node
            element.setPosition(-20 + i * 10, 0, -50)//-20起始左位置，10飞机间隔，其实创建位置
            //设置飞机速度
            const enemyComp = element.getComponent(EnemyPlane)
            enemyComp.show(this.enemy1Speed)
        }
    }
    /**
     * 组合2创建 V字排列
     *
     */
    public createCombination2() {
        const enemyArray = new Array<Node>(7)//飞机数组
        // 位置数组
        const combinationPos = [
            -21, 0, -60,
            -14, 0, -55,
            -7, 0, -50,
            0, 0, -45,
            7, 0, -50,
            14, 0, -55,
            21, 0, -60
        ]

        for (let i = 0; i < enemyArray.length; i++) {
            // 敌机资源实例化
            enemyArray[i] = instantiate(this.enemy02)
            const element = enemyArray[i]
            element.parent = this.node
            const startIndex = i * 3//因为位置数组有7个 但是位置有3×7 21个  所以每架飞机位置偏移是3
            element.setPosition(combinationPos[startIndex], combinationPos[startIndex + 1], combinationPos[startIndex + 2])
            //设置飞机速度
            const enemyComp = element.getComponent(EnemyPlane)
            enemyComp.show(this.enemy2Speed)
        }
    }
    /**
     * 触摸状态设置
     * @param value  true/false
     */
    public isShooting(value: boolean) {
        this._isShooting = value;
    }
    /**
     * 默认发射子弹
     */
    private _init() {
        this._currShootTime = this.shootTime;
        this._changePlanMode();
    }

    /**
     * 设计定时器 
     */
    private _changePlanMode() {
        /**
         * 每10秒改变一次状态，执行三次，根据状态就能决定采用什么组合
         */
        this.schedule(this._modeChanged, 10, 3);//组件自带定时器(回调函数，间隔时间,重复次数，延迟时间)
    }

    private _modeChanged() {
        this._combinationInterval++
    }
}
ykl970719
关注
专栏目录
Cocos发射子弹实例（动态创建节点）
m0_46113894的博客
11-23 2634
Cocos发射子弹实例（动态创建节点）1. 动态创建节点2. 附加脚本3. 爆炸效果 实现点击炮台发射子弹并最终让子弹爆炸的动画效果 1. 动态创建节点 先实现点击炮台将子弹动态的出现在屏幕中。 新建一个空节点，在该节点上添加Sprite属性并赋值，再将其挂载到响应父节点下。 @property(cc.SpriteFrame) bulleteicon:cc.SpriteFrame=null; onLoad () { this.node.on("touchstart
cocos2d-x 3.2 |飞机大战:敌机与爆炸
Mobile game development
09-08 1940
前情提要：飞机大战第三篇 实现敌机与爆炸 如下：新建项目---->类----->Plane + Bullet 第一步：飞机类
cocos做飞机大战笔记【敌机发射子弹】
ykl970719的博客
04-11 1549
COCOS学习
Cocos Creator2D游戏开发(7)-飞机大战(5)-让子弹飞
Fuly的博客
07-29 425
③ 发射子弹 player加入代码 @property(Prefab) playerBullet_prefab: Prefab;新建一个动画体,命名为playerBullet_animation.amim 保存在assets/animation/文件夹中。创建脚本PlayerBullet.ts脚本里写的是子弹运动的逻辑。现在已经可以发射子弹了,但是子弹是是静止的,不会动,向下面这样。创建动画帧 每5帧插入一张新动画 (这里重复用了第一张)Player.ts加入创建子弹的代码。
cocos发射子弹
weixin_45514287的博客
07-14 242
start() {//攻击计时器//创建子弹//设置父物体//设置子弹位置},0.5)
Python小例子——使用pygame应用：飞机大战（六 显示敌机）
qq_951274168的博客
07-29 458
#coding=utf-8 import pygame from pygame.locals import * ''' 6. 显示敌人飞机 ''' class HeroPlane(object): def __init__(self,screen): #设置飞机默认的位置 self.x = 150 self.y = 480 ...
27飞机大战_发射子弹
weixin_34315189的博客
02-07 840
1. 设计 英雄 和 子弹 类 英雄需求 游戏启动后,英雄出现在屏幕的水平中间位置,距离屏幕底部120像素 英雄每隔 0.5 秒发射一次子弹, 每次连发三枚子弹 英雄默认不会移动, 需要通过左/右方向键, 控制英雄在水平方向移动 子弹需求 子弹从英雄的正上方沿直线向上方飞行 飞出屏幕后,需要从从精灵组中删除 ...
基于cocos2dx的飞机大战学习[五]-添加三种敌机
阿里巴巴算法工程师
07-17 3176
这节完成了许多的功能： 1、添加小飞机、中等飞机、大飞机。 2、每种飞机的移动速度和血量不同。 3、飞机被子弹打击效果。 4、飞机被摧毁效果。cocos2d提供的Sprite类不足以提供以上功能，所以我们需要新建一个Enemy类重写Sprite。Enemy.h代码段#ifndef __ENEMY_H__ #define __ENEMY_H__#include "cocos2d.h"//敌机类
基于cocosCreator做的微信经典飞机大战
06-22
【作品名称】：基于cocosCreator做的微信经典飞机大战 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目介绍】：该项目是模仿的...
飞机大战 cocos creatro 完整资源+ 代码
06-15
《飞机大战：Cocos Creator全资源与代码解析》 在移动游戏开发领域，Cocos Creator作为一款强大的2D游戏开发引擎，因其易用性、高效性能和丰富的资源库，深受开发者喜爱。本资源包名为“kirikayakazu-10236752-飞机...
cocos creator 源码 ：”飞机大战“，特别适合新手入门
03-22
1. 基于cocos creator 2.1.3 开发 2. 主要功能： 2.1 开始菜单界面 2.2 主游戏界面 2.3 历史排行榜 2.4 结算弹窗 3. 支持微信等各平台小游戏发布 4. 亲测有效
2D小飞机对敌机发射子弹
06-22
基于3D的一个2D小游戏，飞机可以向敌机发射子弹，鼠标点击飞机位置可以变化。比较简单
一个cocos2d-x 的飞船射击子弹
09-15
没有带库，需要把当前的工程解压后放到cocos2d-x的目录下。否则无法编译运行。 这个是一个从cocos2d-x移植过来的飞船射击子弹。主要是为了学习和加强精灵的使用。
Android cocos2d-x开发（五）之如何发射子弹和检测碰撞
04-09
NULL 博文链接：https://lichunan-d-163-com.iteye.com/blog/1625503
cocos lua飞机大战代码+资源
10-24
《cocos lua飞机大战代码+资源》是一款基于Cocos2d-x引擎，使用Lua脚本语言编写的休闲射击游戏。这款游戏展示了如何利用Cocos2d-x的特性与Lua的便捷性来开发一款完整的游戏，提供了从游戏逻辑到图形渲染的全方位示例...
ES6飞机大战篇-敌机自动移动发射子弹
Leisure_Time的博客
01-21 3655
想要游戏变得有点难度的话 就得让敌机自己动起来（移动轨迹提前设置好）那么就得单独的来进行控制敌机上下左右发射 首先制作数据： /** * health：生命值 * width：宽度 * height：高度 * image：图片 * enemyMoveFunc：function 返回自动移动的数据 * timer：ms 执行时间间隔时间 * moveDirection：移动方向、按下的键位 可以设置多个 , 作为分隔符 将会同时按下 * distance：一次性移动多少距离 * isHide
cocos3.8子弹发射小案例
tongueer的博客
11-07 462
当然，以下是对你所提供的代码的逐行注释。利用对象池实现子弹的回收。
cocos2d-x入门(4)-英雄发射子弹和碰撞检测
mmdev
10-27 358
现在来让我们的英雄发射子弹，主要需要监听屏幕触摸事件，根据触摸点的坐标和英雄的位置决定子弹行走路线。然后对子弹和屏幕上的敌人进行碰撞检测，若击中敌人则把子弹和敌人都从该层清除。在头文件GameScene.h中添加如下代码： void update(cocos2d::ccTime dt); void ccTouchesEnded(cocos2d::CCSet *touches,c...
cocos2d-x如何发射子弹
warxjCPP的专栏
11-23 601
cocos2d-x如何发射子弹 现在，我们想让英雄能发射子弹来消灭敌人，添加以下的代码，来设置图层支持触摸。   先上代码 1// cpp with cocos2d-x 2this->setIsTouchEnabled(true); 1// objc with cocos2d-iphone 2self.isTouchEnabled = YES; 这样我们就能接受到touch
cocos2d-x在飞机大战中敌机发射子弹怎么写代码
最新发布
09-07
在使用cocos2d-x开发飞机大战游戏时，敌机发射子弹的逻辑可以分解为以下几个步骤： 1. 创建子弹类：首先需要创建一个子弹的类，继承自cocos2d-x中的`Sprite`类，用于管理子弹的属性和行为。 ```cpp class Bullet :...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值