答题游戏开发教程
本篇文章教大家怎么用小游戏可视化工具制作一个简单的答题游戏。
游戏示例地址:高尔夫答题
体验二维码:
答题游戏的应用
大家可以使用小游戏可视化工具快速搭建一个问答游戏分享给好友进行互动,也可以丰富更多游戏内容,申请MP账号注册小程序发布成独立小游戏
我们可以通过改编示例,另存为示例项目,或者在社区里改编其他人的项目,来生成属于自己的答题小游戏
改编示例游戏
高尔夫答题游戏介绍:
打开网址:高尔夫答题
游戏截图:
逻辑方面:有开始界面/游戏界面/结束界面,在开始界面点击开始游戏后进行答题,总共从30+题库中随机抽取5道题来进行回答,每道题有10秒作答时间,回答正确得分,回答错误不得分,5道题目答完后游戏结束,到结束界面并弹出排行榜
动画方面:每进行一次答题都会有从右到左的转场动画,上方的高尔夫球也会随着5道题回答的进度来滚动,回答问题的选项有音效和按钮颜色反馈来表示,得分有一个移动和渐隐,倒计时也会随着时间播放扇形进度条
制作思路:采用单场景+表格进行渲染,由于游戏内容较为简单,采用单场景更利于做过渡动画,题目和选项都使用表格数据进行读取,利于不断丰富问答内容
接下来我们一步步改编这个示例游戏
打开示例项目,对场景中的任意精灵或者积木进行拖动,都会触发项目保存,当我们在右上角点击保存按钮(或者按Ctrl+S)对示例项目进行保存时,就会收到示例项目的保存提示:
点击另存为新项目,并重新命名,就能复制一个相同的项目到我们自己的游戏列表中
现在,这个正在编辑项目的项目就是属于我们自己的项目了,并且会在上方工具栏多出一些和上传相关的操作,我们可以先点运行预览一下游戏体验一下。
如果你只是想完全复用高尔夫游戏的样式,你只需要改编题目和答案
在数据面板中选择【表格-题库】并点击右侧的编辑
打开后你可以随意的修改题目的内容和每一个选项,注意第五列是当前问题的正确选项,以1-3为对应
并且还可以导出csv表格,在本地修改完后重新导入csv到工具中
如果你还想换成属于自己的风格
删除一些不必要的图层和资源,和高尔夫相关的装饰层可以先删除
如果你没有设计师帮忙设计标题,可以暂时先用隐藏的标题图层来临时充当标题,并且自己修改按钮文字
甚至可以直接替换按钮的贴图,选择图层【开始游戏按钮-btn】,在右侧属性面板中点击【编辑造型】
在造型编辑页面选择替换造型
在素材库选择一个你想要的按钮图片进行替换,替换完成后,还可以修改一个符合你的主题的背景颜色
同样【答题-选项-选项背景】的造型也需要替换成符合你主题的图片,这里有一个要注意的点,由于选项背景是会替换造型的,所以替换的三个造型必须宽高要保持一致
还可以在素材库中找一个符合主题的素材来当作背景,效果如下图:
如果你还想拥有自己的游戏逻辑
如果你想拥有不止5题,或者只想要3题,只需要选中背景,然后修改重复执行积木只执行3次
如果你想调整每次答题的间隔,调整精灵【主区域】的收到通知点击答案积木,修改等待时间即可
如果你想修改过渡动画,你只需要调整精灵【主区域】中的动画积木,如下图,即可改成从下往上出
其他更多游戏逻辑都需要通过解读积木来一一调整,需要你来细心去阅读
逻辑流程:编辑题库-随机选取题目-点击开始游戏-通知渲染问题和选项-点击答案判断对错-再次渲染问题和选项直到答题结束-跳结束页上传得分
其他
除了普通的问答式的答题游戏,在小游戏平台更为流行成语类的答题游戏,这里不再具体描述成语答题的制作过程,可以参考成语答题示例游戏: 成语填字