【答题游戏】最强王者--小游戏开发解析

答题游戏代码解析
1.游戏整体设计

2.ui布局
（1）开机页：上图+蓝色背景图、中间按钮文案展示区域、活动规则文案展示区域
（2）游戏页：蓝色背景图、上（左右）题目序号文案展示、10秒倒计时动态、题目以及答案选项展示区域
（3）结果页：蓝色背景图、获奖文案、奖品文案、金额数字、分享按钮

场景代码：
首页：

游戏页（预准备数据）：

结果页：

小游戏体验：扫描二维码

游戏代码分析：
游戏页（题目序号）：

主要由这个函数进行数据更新

_right_label是当前label文本节点对象，可调用该节点下的属性string更新文案

游戏页（倒计时+题目更新+答案选项更新+答题完切换结果页+初始化数据展示）倒计时：

Cocos调用计时器推荐使用提供的api接口schedule（callback，x秒），停止计时器可用_this.unscheduleAllCallbacks(_this)；

题目更新：

题目主要是由后端返回的json.qAndA，Array对象来获取每题的题目和选项文案，以及每题的正确答案，内容更新和序号一致，通过题目节点下的richText文本节点更新文案

选项更新：

答案选项需遍历取值，将按钮下每个label节点更新文案：

选项按钮触发：

将每一个按钮节点保存至一个数组，因后续按钮节点触发事件需要重新绑定和解绑，以上都是背景图的设置以及对应节点对象获取。

按钮绑定事件：

将该js引用到按钮节点下，初始化时调用该2个方法，即可进行事件绑定：

_this.node.on(cc.Node.EventType.TOUCH_START,_this.touch_start,_this);
_this.node.on(cc.Node.EventType.TOUCH_END, _this.touch_end,_this);

解绑为：

_this.node.off(cc.Node.EventType.TOUCH_START,_this.touch_start,_this);
_this.node.off(cc.Node.EventType.TOUCH_END,_this.touch_end,_this);

对应触发事件：

touch_start（）触摸前改变按钮透明度，更改背景色
Touch_end（）触摸结束调用答案更新事件，解绑按钮事件
on_init（）事件初始化
show_error_or_succ（eType）触发按钮给出正确和错误答案事件
结果页展示：

切换至结果页时，已经拿到正确答案数，根据逻辑判断答对数大于0标题展示“恭喜您”，
否则“真遗憾”，然后根据模拟结果数据：

替换各个节点内的内容（正式数据由后端返回）
结果页（分享）：

由于只集成了客户端分享，微信，手机浏览器都无法体验该功能。

点击展示多种分享方式，例如分享至微信；

各个分享方式节点都绑定一个事件，shareAND，customEventData是透传参数，这里设置为pyq

Js文件则改造该函数，event接收事件对象，customEventData为透传数据，例如pyq，再根据业务需求，调用app分享事件，分享信息数据则提前从后端拿到封装好后调用cmrsdk.shareEx(_json);
Cancel()将当前弹出的分享框进行隐藏

以上就是一位萌新0基础使用cocos-creator开发的一款简单答题游戏
欢迎各路大神指点，也欢迎各路萌新一起探讨新技术。

【答题游戏】最强王者--小游戏开发解析相关推荐

腾讯云为小游戏开发者升级工具箱小游戏联机对战引擎免费用
由微信小游戏举办的"微信小游戏创意大赛"正在火热进行中.12月23日,腾讯云宣布,除了给参赛者提供基础云资源,还将提供更多工具支持.开发者在通过初赛后,可免费使用腾讯云" ...
极光会客厅：大型H5游戏如何登陆微信小游戏及游戏性能优化分享
上周末,由极光网络主办的首期"极光会客厅"正式开门迎客.在本次的"2D小游戏开发实战技术沙龙"上,极光网络客户端主程陈策以及极光网络项目总监陈源向一众与会者分享 ...
pygame小游戏——中国地图拼图小游戏
pygame小游戏--中国地图拼图小游戏游戏简介本游戏用python开发,可对中国各个省份进行拼图,设置三个模式,便于中小学生熟悉中国地图,省份及简称等.通过鼠标拖动省份到地图相应位置,寓教于乐. ...
帮你抢小游戏流量红利——快手小游戏入指南
帮你抢小游戏流量红利--快手小游戏入指南一.接入游戏流程:申请开发者账号–申请接入游戏-完善游戏信息及上传证书-申请广告-调试项目-提交审核–上线 1.申请开发者账号资质审核耗时半天 2.申请游戏 ...
百度游戏HTML5小游戏,发布到百度小游戏
发布到百度小游戏百度小游戏是基于手机百度 app 上的智能小程序进行扩展的小游戏,它不仅提供了强大的游戏能力,还和智能小程序一样,提供了大量的原生接口,比如支付,文件系统,位置,分享等.相当于同时结 ...
Cocos creator小游戏实现套牛小游戏资源及代码
Cocos creator实现套牛小游戏资源及代码一安装CocosDashBoard 二新建2D项目RunCow 1.管理项目目录 2.搭建界面三上线微信小游戏 1.上线微信小游戏 2.Co ...
h5小游戏嵌入到微信小游戏中（以egret为例）
H5小游戏源代码不能直接转换为微信小游戏发布,但是可以把现有的h5小游戏嵌入到微信小游戏中,这里使用egret举例.使用egret创建一个空的微信小游戏,在main.ts中资源加载完成后执行Webvi ...
计算机公开课课前互动小游戏,心理辅导破冰小游戏(也可用于公开课热身)
心理辅导破冰小游戏(也可用于公开课热身) (3页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 8.90 积分心理辅导小游戏1.你追我赶你追我赶目的:目的 ...
帮你抢小游戏流量红利——bilibili小游戏入指南
帮你抢小游戏流量红利--bilibili小游戏入指南规则:(截止2021年7月) 1.小游戏平台功能尚在测试中,对产品要求很严格,必须提前联系对接商务或邮件申请,评测通过之后才能接入 2.接入完成后 ...
上班最强摸鱼游戏-多人联机小游戏（一）
highlight: a11y-dark 多人在线射击游戏.最强摸鱼游戏在想体验地址====> github地址: 开发不易,多谢大哥大姐们点个start吧,点个小爱心吧技术栈 canvas ...

【答题游戏】最强王者--小游戏开发解析

【答题游戏】最强王者--小游戏开发解析相关推荐

最新文章

热门文章