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++;
}
将改脚本挂在一个图片节点上,在这里插入图片描述

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

@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++;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值