cocos creator JS 实现微信小游戏体力倒计时恢复的代码

        写微信小游戏时写的,功能可能还有待改进。目前这里只是在逻辑层获取了当前的系统时间,所以离开页面倒计时会停止(所以想要完成场景跳转之后仍在继续倒计时的功能,必须在逻辑层取回离开某个场景时的时间来做条件运算,就可以得到一个动态显示倒计时的功能),但可以实现倒计时的功能,下面的代码是每5分钟,恢复一次体力值的代码,体力恢复到10就停止恢复(有更好建议的人,欢迎留言。由于代码是截取出来的,也不排除存在错误的可能性):

---------------------------------------------------------------------------------------------------------------------------------

timeCount.js

---------------------------------------------------------------------------------------------------------------------------------

var cg = require("logic");

 

properties: {

    powerDisplay: cc.Prefab,  //cocos中放预制的

    powerCount: cc.Label, //cocos中显示能量的结点

    timeDisplay: cc.Label, cocos中显示时间的结点

    power_button: cc.Node,  //点击的按钮

},

 

onload(){

    this.powerNum = 8; //初始体力设置为8点

    this.clickTime = 0; //获取点击体力按钮时的时间

    this.timeLimit = 300; //一个体力恢复的时间

    this.timeCount = this.timeLimit; //倒计时的时间

    this.minute = Math.floor(this.timeLimit / 60); // 存放倒计时的分钟数 floor() 向下舍入

    this.second = this.timeLimit % 60; //存放倒计时的秒数

 

power_click: function () {

      console.log("点击能量按钮");

      cg.power.setTime();

      this.clickTime = cg.power.getTime();

     //如果体力值小于体力值上限,开始显示下一次体力恢复的时间与当前的体力值

      this.powerCount.string = this.powerNum + " /10";

      this.schedule(function () {

         if (this.timeCount != this.timeLimit) {

              //刚点击时的时间显示

             if (this.second < 10) {

                 this.timeDisplay.string = "0" + this.minute + ":" + "0" + this.second+"后回复1点体力";

            }

           else {

                 this.timeDisplay.string = "0" + this.minute + ":" + this.second+"后回复1点体力";

   }

}

        if (this.powerNum < 10) {

       //cg.power.getNextTime() 逻辑层中取回下一次体力恢复的时间,也可以直接写成需要的秒数

       if (this.clickTime < cg.power.getNextTime()) {

            this.clickTime++;

            this.timeCount--; //控制点击时倒计时的显示

            if (this.timeCount != this.timeLimit) {

               if (this.second == 0) {

                 if(this.minute == 0){

                     this.minute =4;

                     this.second = 60; //重置的时间从60秒开始就不会从58 秒开始显示时间

                  }else {

                  this.minute--;

         this.second = 60;

    }

}

 else if (this.second < 10) {

 this.timeDisplay.string = "0" + this.minute + ":" + "0" + this.second+"后回复1点体力";

}

else {

this.timeDisplay.string = "0" + this.minute + ":" + this.second+"后回复1点体力";

}

this.second--;

}

this.powerCount.string = this.powerNum + " /10";

 

}

else {

 

this.powerNum++; //体力恢复的时间到了,且体力未回复满,体力数量加1

this.clickTime = this.clickTime - this.timeLimit;

this.powerCount.string = this.powerNum + " /10";

this.timeCount = this.timeLimit;

this.minute = 4;

this.second = 60;

if (this.timeCount != this.timeLimit) {

if (this.second == 0) {

if(this.minute == 0){

this.minute =4;

this.second = 60;

}else {

this.minute--;

this.second = 60;

}

}

else if (this.second < 10) {

 

this.timeDisplay.string = "0" + this.minute + ":" + "0" + this.second+"后回复1点体力";

}

else {

this.timeDisplay.string = "0" + this.minute + ":" + this.second+"后回复1点体力";

}

}

 

}

}

else if (this.powerNum == 10) {

this.clickTime = this.clickTime - this.timeLimit;

this.powerCount.string = this.powerNum + " /10";

this.timeDisplay.string = "体力恢复已满";

return;

}

}, 1);

},

---------------------------------------------------------------------------------------------------------------------------------

logic_power.js    逻辑层的一个子模块脚本    

---------------------------------------------------------------------------------------------------------------------------------

var cg = require("logic");

var Power = function () {

module = this;

var date = new Date();

var time = 0;

var nextTime = 0;

module.setTime = function () {

time = date.getTime() / 1000;//date.getTime()获取点击时的系统时间,并计算下一次体力恢复的时间 getTime()得到的是毫秒

console.log(time);

};

 

module.getTime = function () {

return time;

};

module.getNextTime = function () {

//nextTime=time+5*60;

nextTime = time + 300;

console.log(nextTime);

return nextTime;

};

};

cg.power = new Power();

 

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------

logic.js   逻辑层脚本

-----------------------------------------------------------------------------------------

 

var cg = {}; 

module.exports = cg;

 

小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码 小游戏 游戏系统设计、开发,供相关人员学习参考,提供说明材料+源代码
Cocos Creator是一款流行的游戏开发引擎,它提供了方便的工具和功能,可以帮助开发者在多个平台上创建游戏,包括微信小游戏平台。 接入微信小游戏的步骤如下: 1. 准备工作: - 确保你已经安装并配置好了Cocos Creator开发环境。 - 在微信公众平台上注册一个小程序账号,并获取到小程序的AppID。 2. 创建项目: - 打开Cocos Creator,选择新建项目,并选择微信小游戏项目模板。 - 配置项目信息,包括项目名称、路径等。 3. 项目设置: - 在项目设置中,选择微信小游戏平台,并填写小程序的AppID。 - 根据需要配置其他相关设置,如屏幕适配、引擎版本等。 4. 开发游戏: - 使用Cocos Creator提供的编辑器和工具进行游戏开发。 - 可以使用JavaScript或TypeScript编写代码,创建场景、精灵、动画等。 5. 调试与预览: - 在Cocos Creator中,可以选择微信小游戏平台进行调试和预览。 - 在微信开发者工具中,导入Cocos Creator生成的小游戏项目,并进行调试、预览和测试。 6. 发布与上线: - 在Cocos Creator中,选择发布小游戏,并按照提示进行配置和打包。 - 将生成的小游戏包上传至微信开放平台,并进行审核和发布。 以上是接入微信小游戏的基本步骤,具体的细节和操作步骤可以参考Cocos Creator的官方文档和微信小游戏的开发文档,以获得更详细的指导。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值