cocoscreator进度条相关代码

最新推荐文章于 2026-07-17 13:05:56 发布

原创最新推荐文章于 2026-07-17 13:05:56 发布 · 538 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Cocos

当前文章被收录于：

Cocos

4 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文主要探讨了在CocosCreator中如何创建和管理进度条，包括进度条的更新、动画效果和与游戏逻辑的交互。通过实例代码，详细解释了关键的JavaScript和CSS技巧，帮助开发者理解在移动端，特别是Android平台上实现动态进度条的方法。

const {ccclass, property} = cc._decorator;

@ccclass
export default class progressScript extends cc.Component {

    @property(cc.Float)
    public num:number=0.0;

  
    private progressBar:cc.ProgressBar=null;

    
    
    // LIFE-CYCLE CALLBACKS:

    // onLoad () {}

    start () {
          this.progressBar=this.node.getComponent(cc.ProgressBar);
         
    }

     update () {
        if(this.num<=0.9){
            this.num+=0.1;
            this.progressBar.progress=this.num;
        }
        else
        {
            cc.director.loadScene('game');
            this.num=0.0;
            this.progressBar.node.active=false;
        }
     }
}