(cocos2d-js游戏)测试你的反应速度----------游戏优化(下)

上一篇将实现了大概逻辑，玩了几把之后发现了几点不足

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（这个可以在网上找到）

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