java 让进度条动起来,（三）CocosCreater让进度条动起来

三．让进度条动起来

1.资源管理器的javascript右键新建JavaScript。可以在文件-设置里的数据编辑关联外部脚本编辑器打开。

2.编写LoadScript.js脚本代码

cc.Class({

extends: cc.Component,

properties: {

LoadNode:{

//进度条属性

default:null,

type:cc.ProgressBar,

},

LoadLight:{

//type要用Node不能用Sprite，不然移动不了

default:null,

type:cc.Node,

}

},

start () {

this.LoadNode.progress=0; //初始化进度为0

this.LoadLight.x=-495;

},

update (dt) {

if(this.LoadNode.progress>=0&& this.LoadNode.progress<=1)

{

this.LoadNode.progress=this.LoadNode.progress+0.01;

//下面两种试过都能改变图片坐标

//this.LoadLight.setPosition(cc.v2(this.LoadNode.progress*1000+-495,-200));

this.LoadLight.x=this.LoadNode.progress*1000+-495;

cc.log(this.LoadLight.x);

}

else

this.LoadNode.progress=0;

},

});

3.点击层级管理器的LoadLayout，在属性检查器最下面点击添加组件-用户脚本组件的LoadScript进行脚本关联。

4.鼠标拖动层级管理器的LoadProgressBar到属性检查器最下面的LoadScript的LoadNode里，

拖动层级管理器的LoadLight到属性检查器最下面的LoadScript的LoadLight里进行关联。

5.运行看效果。