在水果忍者游戏上做改编的中秋切月饼canvas小游戏

《中秋切月饼游戏》

2015年9月25日

要过中秋哒~于是我们又要做中秋的小游戏了，在水果忍者的游戏的基础上做的，第一次做游戏，激动，但是难免很多都不懂，几乎是一边学一边做。

整个游戏的流程其实还是很简单的，开始动画，加载页，然后进入切月饼的游戏页面，游戏中如果切到兔子就GG了，会看到灰常血腥的一幕，如果顺利玩完游戏那么你就可以，输入手机号码查看你的微信好友排名。

作为一只游戏小白，表示真的什么都不懂啊，策划突然给我这么一游戏的时候，我真的好想说，臣妾做不到啊~ 好在技术老大给喝了一大碗鸡汤之后又默默有了战斗力，弄了两个星期总算是出来了。今天终于通过测试，记录下这个项目中遇到的技术难点和要总结的一些东西。

做之前列了些可能遇到的问题，做完之后把遇到的问题集中总结了下：

1.排行榜问题（如何获得排行榜中的微信名，微信头像，游戏分数）

2.游戏时间问题（如何控制游戏时间，暂停游戏）

3.如何实现重玩一次

4.如何防止ajax重复提交请求

5.要让页面元素都加载完之后游戏才开始

第一个问题，获取微信名头像和微信名，后台哥哥们给我的接口是这样设计的，首先在微信平台访问这个小游戏的链接时，微信就会把你的微信名nickname和头像地址headImg的参数带到链接后面，然后写个获取参数的函数，

然后发送两次请求给后台，第一次是添加本人本次游戏的分数的记录，第二次是请求后台返回排行榜的信息。这里要注意的一点是，如何将游戏的分数变成全局变量然后一并传给后台。window.变量名 = 变量名；虽然做完看这个知识点觉得挺简单的，但是有时候一个小知识点真的是能够解决很大的问题。

第二个问题，控制游戏时间，设置定时器就可以了，setInterval(id),然后当游戏结束的时候 clearInterval(id)就行了;

第三个问题， window.location.reload( );调用这个方法就可以了~

第四个问题，多次点击确认手机注册的按钮的时候，会发送多次请求，从而会产生重复的排行榜成绩，这显然是不科学的，所以，查了资料，一般的方法是让按钮点击一次就disabled掉，但是我很作死的觉得不是很优雅，恩，最近就是有点任性，然后就设置了个lock的全局变量，var lock = true; 一开始让锁是打开的，然后在发送请求之前做一个判断

if(lock){

$.ajax({ }) 让lock为true的的时候才会发送请求，然后当执行过一次函数之后，将lock值设为false,那么第二次点击确认手机注册的按钮时就不会再发送请求，也不会坑爹的给我返回N个排行榜了

}

lock =false;

第五个问题，我做了个loading页面，让这个页面住处顶层盖住所有元素，等页面所有图片加载完之后，这个loading页面才会消失，

window.onload = function( ){

$(".loading").hide( )

}

最后，感谢UI的妹纸，画的图好看极了，极大增强了我玩游戏的欲望，附上小游戏的上线二维码一枚，祝各位玩的愉快，顺便吐槽帮我找bug, 少年们中秋节快乐~

扫我啊~

在水果忍者游戏上做改编的中秋切月饼canvas小游戏相关推荐

删除桌面上淘宝商城,高清电影,精彩小游戏图标
症状:最近很多朋友反应,桌面上多了高清电影.精彩小游戏.淘宝商城这三个图标,右击这几个图标,只有打开主页或创建快捷方式的选项,无法删除. 经过测试,解决方法如下: 首先在桌面上右击,依次点击排列图标, ...
通宵三天我做了一个超级好玩的中秋节小游戏
文章目录中秋祝福中秋传说中秋节的由来游戏设计游戏效果演示游戏在线体验地址游戏源码地址结语中秋祝福花好月圆团圆夜, 星月流光相皎洁. 华灯初上, 照耀团圆夜晚, 中秋喜乐, 祝福阖家 ...
开发一个Canvas小游戏实现一个游戏“引擎”
前言这个游戏其实在三四年前就写了,中间还重构过好几次,之前都是用简单的面向对象和函数式编程来写,游戏中的元素关系到还是分的挺开,但是游戏的渲染,运算等逻辑分的不够清晰,整个逻辑基本都是自顶向下的流水 ...
HTML5小游戏笑说米,活跃气氛的70个小游戏带动气氛的小游戏
集体活动最怕的就是冷场,活动之前准备一些活跃气氛的游戏可以让整个氛围变得好很多.下文有途网小编给大家整理了一些能够带动气氛的小游戏,供参考! 带动气氛暖场小游戏娱乐呼啦圈(4人) 规则:两男两女 ( ...
html游戏开发开题报告,基于H5 网页的打豆豆小游戏的设计与实现毕业论文+开题报告+设计源码...
摘要网页游戏是一个用现实包装的快感反馈引擎,它的根本目的始终是让玩家能够得到舒畅的体验为了娱乐心神,所以开发出大家喜欢的,高品质的休闲游戏会受到人们的普遍欢迎.打豆豆小游戏这款游戏主要是利用cs ...
【Cocos Creator游戏开发教程】仿微信趣味画赛车小游戏（三）代码实现
[Cocos Creator游戏开发教程]仿微信趣味画赛车小游戏(一)前言,界面UI [Cocos Creator游戏开发教程]仿微信趣味画赛车小游戏(二)物理刚体关节项目地址已放到 github ...
2018中国游戏市场增长放缓，但已经爆发的小游戏市场2019年更值得期待
上周,<2018年中国游戏产业报告>正式发布,报告指出中国游戏市场2018年实际销售收入达2144.4亿元,同比增长5.3%,相比2017年23%的增速有所放缓.其中,移动游戏市场实际销售 ...
【Cocos Creator游戏开发教程】仿微信趣味画赛车小游戏（一）前言，界面UI
前言这个是我去年3月份在简书上发布的,不玩简书了,就迁到CSDN吧-- 最近遇到一款游戏,感觉玩起来还行,于是顺带就用来熟悉一下Cocos Creator(太久没用). 项目地址已放到 github ...
【Cocos Creator游戏开发教程】仿微信趣味画赛车小游戏（二）物理刚体关节
[Cocos Creator游戏开发教程]仿微信趣味画赛车小游戏(一)前言,界面UI 项目地址已放到 github 上,需要的小伙伴可自行下载. 这节我们讲一下车子的物理刚体关节. 我在项目中添加了一 ...

在水果忍者游戏上做改编的中秋切月饼canvas小游戏

在水果忍者游戏上做改编的中秋切月饼canvas小游戏相关推荐

最新文章

热门文章