上一篇将实现了大概逻辑,玩了几把之后发现了几点不足
1.随机数的生成空间是1-10s,这个范围有点大,有时候会造成等待时间过长或者过短的情况,于是将随机数的生成空间调整为3-6s
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);//一直循环该动作 this.startAnim.runAction(rep);
3.添加微信分享,推广游戏
a.导入微信分享接口的类WeixinApi.js(这个可以在网上找到)
<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>
效果: