Creator实战项目JS【FlappyBird】-- 按钮的回调函数（点击按钮切换场景）

最新推荐文章于 2024-04-06 22:45:39 发布
最新推荐文章于 2024-04-06 22:45:39 发布
阅读量392 收藏
点赞数
分类专栏： # FlappyBird（JavaScript版） 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40968046/article/details/118368449
版权
本文介绍了在Creator项目中如何利用JavaScript实现FlappyBird游戏的按钮功能。通过创建按钮、编写回调函数，并在属性检查器中设置，实现了点击按钮触发场景切换。同时，利用CustomEventData实现多按钮管理和场景跳转。
摘要由CSDN通过智能技术生成

一个按钮的处理：一般按钮的回调函数都在脚本中，要在按钮的属性检查器中设置脚本的回调函数。遵循以下步骤：

  1. 创建按钮
  2. 在脚本中编写函数
  3. 设置属性检查器：节点（拖入）->脚本组件->回调函数名称
clickEvent(){
   
	cc.director.loadScene('Main')
}

在这里插入图片描述

多个按钮的处理：为了减少代码的书写，避免写多个回调函数，在按钮节点的属性检查器里面，处理完回调的下面写入的CustomEventData那个字符串，当按钮被点击后会传入到回调的第二个参数中。

 clickEvent(event,customEventData
最低0.47元/天 解锁文章
pistach
关注
专栏目录
JavaScript 按钮回调函数 Jquery选择器
weixin_41147129的博客
11-13 589
一个非常简单的实例，实现了 button回调 点下按钮之后 会跳出一个alert框 这个回调function在head里面定义 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>事件响应测试</title> <script> funct...
js回调函数
xiaoheixiaobai的专栏
03-31 5398
下面的过程实现了 点击一个按钮，弹出一个小画面，选择画面的值后，值返回到父画面的过程。1，A画面有个函数：  ①：funciton set_customer(strKey1, strKey2, strKey3, strKey4, strKey5, strKey6){  //根据传递的id给控件赋值等操作 }     ②：function open_sea
js滚动条下拉一定值_Vue.js 在复杂信息流场景下的最佳实践
weixin_39728124的博客
11-20 120
经常做业务的前端同学肯定遇到过这样的业务场景：常见的 hybird 页面常见的 UGC 类的 PC 网页这类页面都会承载着多个信息流列表，本文就针对这类复杂信息流页面进行梳理，给出我在做了无数次这类页面后的最佳实践总结。对于这类页面我们要进行合理的抽象和分层，让代码可以在更多的场景下复用。你可以直接戳这个地址查看最终 demo 效果：https://falstack.github.io/vue-h...
【第3版emWin教程】第55章 emWin6.x按钮Button控件自定义回调函数，实现各种按钮效果
Simon223的博客
12-30 2041
教程不断更新中：链接 第55章 emWin6.x按钮Button控件自定义回调函数，实现各种按钮效果 本章节为大家讲解按钮控件自定义回调函数，通过其回调函数就可以实现各种按钮效果。这方面的问题也是经常有初学者问，所以专门做一期教程。 目录 55.1 初学者重要提示 55.2 按钮控件自定义回调函数的实现方法 55.3 官方WIDGET_ButtonRound.c实例讲解 55.4 实验例程说明（RTOS） 55.5 实验例程说明（裸机） 55.6 总结 55.1 初学...
JS中回调函数的写法
qq_44884269的博客
04-14 1337
JS中回调函数的写法
cocos-creator点击按钮切换界面,动态加载页面，按钮缩放
06-30
首先，在按钮组件（`cc.Button`）上添加一个点击事件监听器，然后在监听器的回调函数中切换到目标场景。例如： ```javascript // 获取按钮节点 var button = cc.find('Canvas/Button'); // 添加点击事件监听...
cocos creator实例--实现FlappyBird游戏的基本功能 | 附代码FlappyBird.zip
01-13
《使用Cocos Creator实现FlappyBird游戏的基本功能》 Cocos Creator是一款强大的2D游戏开发引擎，它提供了直观易用的可视化编辑器和强大的JavaScript编程支持。本实例将深入讲解如何利用Cocos Creator来实现经典...
Creator实战项目TS【FlappyBird】-- 点击屏幕、玩家跳跃
weixin_40968046的博客
07-04 184
创建触摸层节点（节点大小设置为背景图大小）； 编写触摸层脚本，继承于脚本基类（记得把触摸层脚本挂到触摸层节点上）； 由于玩家的速度是私有的，要在玩家脚本中编写函数setSpeed()，用于设置玩家速度； 在触摸层脚本中拿到玩家脚本（记得import），调用函数设置速度； 把该脚本挂的节点TouchLayer拖到Game节点的属性检查器上。 Bird.ts import ScriptBase from './ScriptBase' const {ccclass, property} = cc._deco.
Creator实战项目TS【FlappyBird】-- Game自动添加节点脚本
weixin_40968046的博客
07-04 352
由于总控制脚本Game管理所有脚本时，每一次都要手动添加控制的节点，比较麻烦。 为了解决以上问题，在Game脚本中写一个函数setConfigTs来实现自动添加。 只要是继承于脚本基类的脚本所挂的节点，都会被自动添加到Game里，由总控制脚本Game来控制。 import ConfigMgr from './ConfigMgr'; import ScriptBase from './ScriptBase' const {ccclass, property} = cc._decorator; @cccla
cocoscreator 预设Button用代码添加回调
Pan_mouren的博客
01-10 1232
最近开发一款游戏遇到一个小坑，就是用creator开发的时候，如果我们把button做成预设的时候呢是不能给按钮绑定回调，这是creator引擎不允许的， 刚开始的想法的是定义一个全局的变量，然后预设按钮点击的时候呢来改变这个全局变量，在另一个脚本的update中监测这个全局变量是否改变，来响应相应的回调，但是这个 方式不仅显得笨拙，而且会消耗很多内存，这在开发中是不允许的，思来...
cocoscreator 预设Button用代码添加回调
LANGZI7758521的专栏
07-17 825
//创建button预设 这里的self就是this var roleBtn=cc.instantiate(self.roleBtnPrf); roleBtn.parent=self.roleBtnParent; //添加事件 var clickEventHandler= new cc.Component.EventHandler(); //目标节点 clickEventHandler.t...
matlab按钮组的回调,Matlab GUI中回调函数的写法详解
weixin_39728909的博客
03-17 6516
1、从最简单的开始编程最基本的目的就是——我执行一个操作，程序做出一个反应。“一个操作”包括：点击鼠标，拖动滑块，填写数据，选择选项…… “做出一个反应”包括：计算一些东西，然后储存在哪里，或者贴个图出来，或者显示在哪里……----------------------------------------------------------------------------------------...
【cocos creator】弹窗提示，按钮点击传一个回调函数，在点击按钮后执行
烧仙草奶茶的博客
12-27 1866
按钮点击传一个回调函数，在点击按钮后执行 //挂在按钮所在panel上 cc.Class({ extends: cc.Component, properties: { msg: cc.Label, btn_A: cc.Button, text: cc.Label, setfunc: false, }, ...
android源码分析——从button的点击事件看回调机制
tyhj_sf的博客空间
03-22 2730
在Android中到处可见接口回调机制，尤其是UI事件处理方面。熟悉回调机制之后，我们就可以利用这个机制为自定义组件创建我们自己的事件监听接口和回调方法。
Creator实战项目TS【FlappyBird】-- 按钮与回调
weixin_40968046的博客
07-03 126
主要注意区别于javaScript的不同之处 const {ccclass, property} = cc._decorator; @ccclass export default class NewClass extends cc.Component { //与javascript不同，typeScript不同类型要分开发布 @property(cc.Node) btnStart:cc.Node = null; start () { //与javas
原生JS轮播图+自动播放+按钮切换+鼠标经过暂停+底部圆点切换
奥里给小饼干
05-04 2325
手搓一个原生的JS轮播图，HTML部分就随意写了一点，重点的逻辑还是在JS中，可以实现自动播放banner图片，还有按钮点击切换banner和底部小圆点，点击底部小圆点可以切换banner图等功能，先上个图吧，是不是很丰富每一步的注释都已经写好了，请放心食用，如有不清楚的地方可以在评论区交流一下。
JavaScript实现功能（按钮状态切换）
最新发布
qq_61986293的博客
04-06 485
----------------------------------------------------感觉如果写拍卖网页的话可以加这个功能。加价按钮5秒不被点击，去购买按钮可用（去购买点击事件可以根据自己的需求再写 本段代码没有）当某个按钮5秒不被点击，则另外一个不可用的按钮变为可用。
【包教包会】重写CocosCreator的按钮Button组件，动画、音效、回调逻辑优化
CocosCreator水煮肉片饭的博客
12-10 776
新版按钮BurstButton主要做了5个优化
Cocos Creator入门：打造Flappy Bird风格游戏
通过学习和实践Cocos Creator，尤其是如何运用Cocos2d-JS和创建游戏场景，开发者能够逐渐掌握制作Flappy Bird这样经典小游戏的技能，这不仅是对技术的锻炼，也是对游戏设计和用户体验的理解深化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值