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

答题游戏代码解析
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开发的一款简单答题游戏
欢迎各路大神指点，也欢迎各路萌新一起探讨新技术。