cocos 图片的轮播

话不多说,直接上脚本

@property(cc.SpriteFrame)
public spr:cc.SpriteFrame[] = [];
@property
public _index:number = 0;
@property
get index(){
	return this._index;
}
set index(value){
	if(value<0){
		return;
	}
	this._index = value%spr.length;
	let sprite = this.node.getComponent(cc.Sprite);
	sprite.spriteFrame = this.spr[this._index];
}
onLoad(){
	this.schedule(()=>{
		this.index++;
	},3)
}
//点击更换图片
onTouchChange(){
	this.index++;
}

将改脚本挂在一个图片节点上,cocos 图片的轮播_第1张图片

相应的可以做更替图片的颜色

@property(cc.Color)
public colors: cc.Color[] = [];
@property
public clickable: boolean = true;

@property
_index: number = 0;
@property
get index()
{
	return this._index;
}
set index(value)
{
	if (value === this._index || value > this.colors.length)
	{
		return;
    }
    this._index = value % this.colors.length;
    this.node.color = this.colors[this._index];
}
onLoad()
{
    if (this.clickable)
    {
        this.node.on(cc.Node.EventType.TOUCH_END, this.next, this);
    }
}
next()
{
    this.index++;
}

你可能感兴趣的:(cocoscreator,typescript)