飞机打方块（三）特殊按钮制作

最新推荐文章于 2024-09-30 07:49:42 发布
最新推荐文章于 2024-09-30 07:49:42 发布
阅读量262 收藏
点赞数
文章标签： cocos2d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64393446/article/details/132404183
版权

一、特殊按钮容器

1.新建PropController脚本，并绑定新建的特殊按钮容器节点

 GameController.ts

 @property({ type: cc.Node, displayName: "特殊按钮节点", tooltip: "特殊按钮节点，分别为全消无敌和菜单" })
    special_btn: cc.Node = null;

PropController.ts

const { ccclass, property } = cc._decorator;

@ccclass
export default class NewClass extends cc.Component {


    @property({ type: cc.Button, displayName: "道具按钮", tooltip: "道具按钮" })
    btn: cc.Button[] = [];

    @property({ type: cc.Label, displayName: "显示道具按钮还可以用几次的文字", tooltip: "显示道具按钮还可以用几次的文字" })
    time_lb: cc.Label[] = [];

    @property({ type: cc.Float, displayName: "道具按钮还可以用几次", tooltip: "道具按钮还可以用几次" })
    time: number[] = []

    update() {
        //每帧更新文字显示内容
        this.time_lb[0].string = this.time[0].toString();
        this.time_lb[1].string = this.time[1].toString();

        //如果没有使用次数了，禁用按钮
        if (this.time[0] <= 0) {
            this.btn[0].interactable = false;
        } else {
            this.btn[0].interactable = true;
        }

        if (this.time[1] <= 0) {
            this.btn[1].interactable = false;
        } else {
            this.btn[1].interactable = true;
        }
    }

    //按钮按下减少一次使用次数
    onbtn0() {
        this.time[0] -= 1;
    }

    onbtn1() {
        this.time[1] -= 1;
    }
}

 2.绑定Canvas

二、全消按钮 

1.新建按钮节点，绑定Btn_scale脚本

 

 

 GameController.ts

//移除所有障碍物函数
    remove_all_barrier() {
        //获取当前所有障碍物父节点的名字
        let name = this.barrier_parent.name;
        //销毁所有障碍物的父节点
        this.barrier_parent.destroy();
        //new出一个新的节点代替被销毁的节点
        let node = new cc.Node;
        //名字不变
        node.name = name;
        //父节点时canvas
        node.parent = this.canvas;
        //坐标是0,0
        node.position = cc.v3(0, 0);
        //所有障碍物父节点变量赋值
        this.barrier_parent = node;
    }

 2.绑定按钮事件

 三、无敌按钮

 1.新建按钮节点，绑定Btn_scale脚本

 

 GameController.ts

@property({ type: cc.Prefab, displayName: "显示无敌剩余时间的文字", tooltip: "显示无敌剩余时间的文字" })
    invincible_lb_pre: cc.Prefab = null;


@property({ type: cc.Float, displayName: "无敌持续时间", tooltip: "无敌持续时间" })
    invincible_time: number = 8;



//无敌函数
    invincible() {
        let self = this;
        //将飞机分组设为无敌
        this.plane.group = "invicible";

        //显示粒子特效
        this.plane.children[0].active = true;
        this.plane.children[1].active = true;

        this.scheduleOnce(function () {
            self.plane.group = "default";
            self.plane.children[0].active = false;
            self.plane.children[1].active = false;
        }, this.invincible_time);

        let lb = cc.instantiate(this.invincible_lb_pre);
        lb.parent = this.label_parent;
        this.scheduleOnce(function () {
            lb.destroy();
        }, this.invincible_time)
    }

Barrier.ts

//碰撞回调
    //当碰撞产生的时候调用other产生碰撞的另一个组件 self产生碰撞的自身的碰撞组件
    onCollisionEnter(other, self) {
        if (other.node.group == "bullet") {

            //获取GameController脚本
            let gc = cc.find("/Canvas").getComponent("GameController") as GameController;
            //获取Bullet脚本
            let c = other.getComponent("Bullet");

            //从脚本获取攻击力较少自身生命值
            this.reduce_num(c.ATK);
            // 如果可以加双倍分数
            if (gc.is_double == true) {
                //加分
                gc.add_score((c.ATK) * 2)
            }
            //如果不可以加双倍分数
            if (gc.is_double == false) {
                gc.add_score(c.ATK);
            }
            //销毁子弹
            other.node.destroy();
        }

        //发生了碰撞，无敌
        if (other.node.group == "invincible") {
            //获取GameController脚本
            let gc = cc.find("/Canvas").getComponent("GameController") as GameController;
            //如果可以加双倍分数
            if (gc.is_double == true) {
                //加双倍分
                gc.add_score(this.num * 2);
            }
            //如果不可以加双倍分
            else if (gc.is_double == false) {
                gc.add_score(this.num);
            }
            //自身销毁
            this.node.destroy()
        }

        //如果自身生命值小于0
        if (this.num <= 0) {
            //自身销毁
            this.node.destroy();
        }
    }

2.绑定按钮事件

 

 四、菜单按钮

1.新建节点

 1.新建按钮节点，绑定Btn_scale脚本

 

2.新建Menu节点 

 3.新建Game_Menu脚本,绑定Canvas

2.打开菜单功能

1.新建Label 

Game_Menu.ts

const { ccclass, property } = cc._decorator;
import gc from "./GameController"

@ccclass
export default class NewClass extends cc.Component {

    @property({ type: gc, displayName: "GameController脚本所在节点", tooltip: "GameController脚本所在节点" })
    gc: gc = null

    @property(cc.Node)
    canvas: cc.Node = null;

    @property({ type: cc.Node, displayName: "菜单节点", tooltip: "菜单节点" })
    menu_UI: cc.Node = null;

    @property({ type: cc.Node, displayName: "菜单按钮", tooltip: "菜单按钮" })
    menu_btn: cc.Node = null;

    //菜单在屏幕最上方的位置
    pos: cc.Vec3 = null;


    onLoad() {
        //将菜单移到屏幕最上方
        let t = (this.canvas.height / 2);
        let y = t + this.menu_UI.height;
        this.menu_UI.position = cc.v3(0, y);
        //获取下菜单在屏幕上的位置
        this.pos = this.menu_UI.position;
        //显示菜单
        this.menu_UI.active = true;
    }


    //打开菜单函数
    open_menu() {
        //动作和缓动
        let move = cc.moveTo(1, 0, 0).easing(cc.easeBackInOut());
        //执行
        this.menu_UI.runAction(move);
        //暂停游戏
        this.pause();
        //禁用按钮
        this.menu_btn.getComponent(cc.Button).interactable = false;
    }

    //暂停函数
    pause() {
        this.gc.is_barrier_move = false;
        this.gc.is_plane_move = false;
        this.gc.is_fire = false;
        this.gc.is_barrier_create = false;
    }

}

2.绑定按钮 

 

 3.关闭菜单功能

1.新建按钮容器Btn

 2.新建Close Button并绑定按钮事件

 

Game_Menu.ts

 //关闭菜单函数
    close_menu() {
        let self = this;
        //动作和缓动
        let move = cc.moveTo(1, cc.v2(this.pos)).easing(cc.easeBackOut());
        //启用按钮
        let f = cc.callFunc(function () {
            self.menu_btn.getComponent(cc.Button).interactable = true;
        });
        //两个结合在一起
        let action = cc.sequence(move, f);
        //执行
        this.menu_UI.runAction(action);
        //恢复游戏
        this.resume()
    }

    //恢复游戏函数
    resume() {
        this.gc.is_barrier_move = true;
        this.gc.is_plane_move = true;
        this.gc.is_fire = true;
        this.gc.is_barrier_create = true;
    }

 

 4.返回开始场景按钮功能

1.新建Back Button按钮节点,并绑定按钮事件

 

 

 GameController.ts

//返回开始场景函数
    back(){
        cc.director.loadScene("Start");
    }

 

 

 

抓蛙宫城石
关注
iOS常用的第三方库
MissChunLi 的 专栏
08-24 7008
下拉刷新 EGOTableViewPullRefresh – 最早的下拉刷新控件。SVPullToRefresh – 下拉刷新控件。MJRefresh – 仅需一行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看“使用方法”。 （国人写）XHRefreshControl – XHRefreshCon
iOS 常用第三方库
热门推荐
晨光的博客
06-04 1万+
转载自：https ：//github.com/Tim9Liu9/TimLiu-iOS目录UI下拉刷新模糊效果自动版式富文本图表表相关与的TabBar隐藏与显示HUD与吐司对话框其他UI动画侧滑与右滑返回手势GIF动画其他动画网络相关网络连接图像获取网络聊天网络测试网页框架的WebView与WKWebView模型通讯录其他库数据库缓存处理PDF图像浏览及处理摄像照相视频音频处理响应式框架消息相关消...
ios常用第三方总结
CQAHF的博客
04-12 4461
用到的组件1、通过CocoaPods安装项目名称项目信息AFNetworking网络请求组件FMDB本地数据库组件SDWebImage多个缩略图缓存组件UICKeyChainStore存放用户账号密码组件Reachability监测网络状态DateTools友好化时间MBProgressHUD一款提示框第三方库MWPhotoBrowser一款简单的 iOS 照片浏览控件CTAssetsPicker...
程序设计(网页制作)基础
Y2483490891的博客
03-29 3556
计算机只识别0与1构成的指令，与人类沟通所使用的语言相差甚远，如果直接使用0-1向计算机发号施令，是一种非常抽象又难以理解的过程，为了降低人与计算机的沟通速度，人们发明了一种由生活中常用组合轻而易举的编写出功能繁琐的程序，我们将这样的指令称为程序设计语言。PIXI.js是一个js文件，内部提供了很多的js工具库，可以在网页中引入，pixi.js使用PIXI提供的工具库，用更简短的实现比较复杂的效果。position.text = "x: "+pos.x+"坐标”，y: "+pos.y+"坐标";
ios中常用的第三方库
Cola
03-04 933
下拉刷新 EGOTableViewPullRefresh – 最早的下拉刷新控件。SVPullToRefresh – 下拉刷新控件。MJRefresh – 仅需一行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看“使用方法”。 （国人写）XHRefreshControl – XHRefreshCon
第三方库大全
angel199282的博客
03-29 4450
自己总结的iOS、mac开源项目及库，持续更新。。。。 github排名 https://github.com/trending,github搜索：https://github.com/search 目录 UI 下拉刷新模糊效果AutoLayout富文本图表表相关与Tabbar隐藏与显示HUD与Toast对话框其他UI 动画 侧滑与右滑返回手势gif动画其他动画 网络相
iOS 开发第三方库全集
u012273301的博客
06-21 3256
下拉刷新 EGOTableViewPullRefresh – 最早的下拉刷新控件。SVPullToRefresh – 下拉刷新控件。MJRefresh – 仅需一行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看“使用方法”。 （国人写）XHRefreshControl – XHRefreshContr
iOS开发常用第三方库
cybtop的博客
05-04 1240
UI动画网络相关Model其他数据库缓存处理PDF图像浏览及处理摄像照相视频音频处理响应式框架消息相关版本新API的Demo代码安全与密码测试及调试AppleWatchVPN完整项目好的文章Xcode插件美工资源其他资源开发资源 UI下拉刷新EGOTableViewPullRefresh - 最早的下拉刷新控件。SVPullToRefresh - 下拉刷新控件。MJRefresh - 仅需一行代码...
iOS 第三方库插件和知名博客
she_yufan的博客
08-17 8552
TimLiu-iOS Swift版本点击这里 欢迎加入QQ交流群: 594119878 介绍 这是一个用于iOS开发的各种开源库、开源资料、开源技术等等的索引库. github排名 https://github.com/trending,github搜索：https://github.com/search 使用方法 根据目录关键字搜索，记得包含@，以保证搜索目录关键字的唯一...
斗地主图片
01-11
5. **特效图片**：特效图片用于增强游戏的趣味性和刺激感，例如炸弹、飞机等特殊牌型出牌时的动画效果，胜利或失败时的庆祝或遗憾的画面，都能提升玩家的沉浸感。 6. **积分、等级和成就系统**：这些通常会通过图标...
iOS 强大第三方资源库
weixin_34237596的博客
03-08 1万+
Github用法 git-recipesGit recipes in Chinese. 高质量的Git中文教程. lark怎样在Github上面贡献代码 my-git有关 git 的学习资料 gitignore非常赞 有用的.gitignore模板集合(忽略上传的文件集合)，包含了各种语言. 完整App@ open-source-ios-apps- iOS开源App集合，分：swift与Objec...
基于Java的雷电游戏设计(含源文件)
【完整】
03-08 4144
欢迎添加微信互相交流学习哦！ 项目源码：https://gitee.com/oklongmm/biye 基于Java的雷电游戏 摘 要 电脑游戏，是指在计算机上能够运转的游戏软件。这种软件具有较强的娱乐性。电脑游戏的创新和发展与硬件、软件的发展紧密相关。它能够给玩家提供一个虚拟的环境，使游戏带给了人们很多的享受和欢乐。雷电游戏因为操作简单，节奏明快，一直是纵轴射击游戏的经典之作。经常能够在手机或者计算机中见到这款游戏，深得广大玩家的喜爱，可以说是妇孺皆知的一款益智类游戏。 ...
树莓派之Debian游戏（部分）
唐剑仙的博客
02-05 1万+
注：该内容为机翻，难免有翻译错误内容 这些游戏可以在树莓派自带的软件商店里找到并下载、安装 1.0ad（古代战争的实时战略游戏） 是一个自由、开源、跨平台的古代战争实时策略游戏。简而言之，它是一款基于历史的战争/经济游戏，允许游戏者再体验或改写西方文明史，时间跨度为公元前 500年至公元500年。该项目雄心勃勃，包括最先进的3D图像，细致的插图，声音，以及灵活强大的可定制游戏引擎。 2.2048-qt （基于数学的益智游戏） 是基于数学的解谜游戏，你需要在一个格子棋盘上滑动滑块，将其组合并创建数字 2
无人机视角垃圾检测数据集，26700余张无人机图像，超过4万标注信息，共3.6GB数据量，可用于环卫快速检查，垃圾快速定位等应用。
阿利同学的博客
09-30 639
无人机视角垃圾检测，26700余张无人机图像，超过4万标注信息，共3.6GB数据量，可用于环卫快速检查，垃圾快速定位等应用。
S7-1200的运动控制功能
10-07
mysql
闲置物品交易网站设计与实现.ppt
10-07
闲置物品交易网站设计与实现.ppt
2023全国最新区划代码
最新发布
10-07
行政区划代码，地区划分代码，包涵县以下
JAVA源码简单聊天软件CS模式JAVA源码简单聊天软件CS模式
10-07
JAVA源码简单聊天软件CS模式JAVA源码简单聊天软件CS模式
用python生成一个飞机打方块的小游戏
04-01
抱歉，我是一名AI语言模型，无法生成游戏。但我可以给你提供一个Python游戏框架Pygame的示例代码，供你参考： ``` import pygame import random # 初始化游戏 pygame.init() # 设置游戏窗口的大小和标题 screen_width = 500 screen_height = 750 screen = pygame.display.set_mode((screen_width, screen_height)) pygame.display.set_caption('飞机打方块') # 加载背景图片 background = pygame.image.load('background.png').convert() # 加载飞机图片 player_img = pygame.image.load('player.png').convert_alpha() player_width, player_height = player_img.get_size() # 加载方块图片 block_img = pygame.image.load('block.png').convert_alpha() block_width, block_height = block_img.get_size() # 定义游戏角色类 class Player(pygame.sprite.Sprite): def __init__(self): pygame.sprite.Sprite.__init__(self) self.image = player_img self.rect = self.image.get_rect() self.rect.centerx = screen_width / 2 self.rect.centery = screen_height - player_height / 2 self.speed = 8 # 控制角色移动 def update(self, key): if key == pygame.K_LEFT: self.rect.centerx -= self.speed elif key == pygame.K_RIGHT: self.rect.centerx += self.speed if self.rect.left < 0: self.rect.left = 0 if self.rect.right > screen_width: self.rect.right = screen_width # 定义方块类 class Block(pygame.sprite.Sprite): def __init__(self): pygame.sprite.Sprite.__init__(self) self.image = block_img self.rect = self.image.get_rect() self.rect.centerx = random.randint(block_width / 2, screen_width - block_width / 2) self.rect.centery = -block_height / 2 self.speed = 5 # 控制方块移动 def update(self): self.rect.centery += self.speed if self.rect.top > screen_height: self.kill() # 创建游戏角色和方块的组 all_sprites = pygame.sprite.Group() blocks = pygame.sprite.Group() player = Player() all_sprites.add(player) # 游戏循环 running = True while running: # 处理事件 for event in pygame.event.get(): if event.type == pygame.QUIT: running = False elif event.type == pygame.KEYDOWN: player.update(event.key) # 添加方块 if random.randint(0, 20) == 0: block = Block() all_sprites.add(block) blocks.add(block) # 更新角色和方块 all_sprites.update(pygame.key.get_pressed()) blocks.update() # 绘制背景、角色和方块 screen.blit(background, (0, 0)) all_sprites.draw(screen) pygame.display.flip() # 退出游戏 pygame.quit() ``` 在这个示例代码中，我们使用Pygame框架创建了一个简单的飞机打方块的小游戏。游戏主要包括以下几个部分： 1. 初始化游戏，并设置游戏窗口的大小和标题。 2. 加载游戏素材，包括背景图片、飞机图片和方块图片。 3. 定义游戏角色类和方块类，并在游戏循环中控制它们的移动和更新。 4. 创建游戏角色和方块的组，并在游戏循环中添加、更新和绘制它们。 5. 处理游戏事件，包括退出游戏和控制角色移动。 6. 绘制游戏背景、角色和方块。 你可以根据自己的需要修改代码，添加更多的游戏元素和玩法，让这个小游戏更加有趣。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值