摘要
cocos creator实现实时加载进度条。ProgressBar(进度条)经常被用于在游戏中显示某个操作的进度,在节点上添加 ProgressBar 组件,然后给该组件关联一个 Bar Sprite 就可以在场景中控制 Bar Sprite 来显示进度了。

环境
cocos Creator 引擎2.4.3
编辑工具HBuild X

最终效果
体验一下
在这里插入图片描述

如下图
在这里插入图片描述
cocos组件截图
在这里插入图片描述

代码:
被动转发代码:

//进度条控制
	setProgress(dt) {
	//cc.vv.loadResource这是一个标识,是否已经加载资源
		if (!cc.vv.loadResource) {
			var _self = this;
			var progress = this.progressBar.progress;
			if (this.currentProgress >= 1) {
				this.currentProgress = 1;
				progress += dt * this.progressValue * 0.5;
			}
			if (this.currentProgress < 0.8) {
				progress += dt * this.progressValue * 0.02;
			}
			this.sm.string = "资源加载进行中" + parseInt(progress * 100) + "%";
			this.progressBar.progress = progress;
			if (progress >= 1) {
				cc.vv.hideAd();
				cc.vv.loadResource = true;
				this.sm.string = "资源加载完成!";
			}
		} 
	},

手动转发代码

结语
欢迎加入微信群,一起学习,加油
在这里插入图片描述

Logo

这里是一个专注于游戏开发的社区,我们致力于为广大游戏爱好者提供一个良好的学习和交流平台。我们的专区包含了各大流行引擎的技术博文,涵盖了从入门到进阶的各个阶段,无论你是初学者还是资深开发者,都能在这里找到适合自己的内容。除此之外,我们还会不定期举办游戏开发相关的活动,让大家更好地交流互动。加入我们,一起探索游戏开发的奥秘吧!

更多推荐