上1篇将实现了大概逻辑,玩了几把以后发现了几点不足
1.随机数的生成空间是1⑴0s,这个范围有点大,有时候会造成等待时间太长或太短的情况,因而将随机数的生成空间调剂为3⑹s
randomTime = Math.floor(Math.random()*3+1)+3;
2.在点击开始游戏页面和游戏结束页面增加动画,让游戏更具有动感
this.startAnim = cc.Sprite.create(s_ClickToStartAnim);
this.startAnim.setPosition(this.size.width/2,this.size.height/2);
this.addChild(this.startAnim,1);
var action = cc.Sequence.create(cc.FadeOut.create(1.0),cc.FadeIn.create(1.0));//先渐变消失,再渐变出现
var rep = cc.RepeatForever.create(action);//1直循环该动作
this.startAnim.runAction(rep);
3.添加微信分享,推行游戏
a.导入微信分享接口的类WeixinApi.js(这个可以在网上找到)
b.在游戏结束函数中添加:
<span style="font-size:24px;">document.title = window.wxData.desc = "我的反应速度是"+time+"ms!来试试你的吧!";</span>
c.在index.html中:
<script type="text/javascript">
// 微信分享的数据
window.wxData = {
"appId": "",
"imgUrl":"",
"link":'http://iloveyoulhx.sinaapp.com/ReactionTime/',
"desc":"测测你的反应速度,快来试试吧",
"title":"测试反应速度"
};
function share(result){
};
WeixinApi.ready(function(Api) {
// 分享的回调
var wxCallbacks = {
ready : function() {
},
cancel : function(resp) {
},
fail : function(resp) {
},
confirm : function(resp) {
},
all : function(resp) {
}
};
Api.shareToFriend(wxData, wxCallbacks);
Api.shareToTimeline(wxData, wxCallbacks);
Api.shareToWeibo(wxData, wxCallbacks);
});
</script>
效果:
试玩地址:http://iloveyoulhx.sinaapp.com/ReactionTime
源码地址:https://github.com/iloster/ReactionTime