cocos creator 手动创建动画

cc.Class({
    extends: cc.Component,

    properties: {
        resource:{
            default : null,
            type : cc.SpriteFrame,
        },
    },

    onLoad: function () {
		
		var nodeTest = new cc.Node();
 
		nodeTest.name = 'NodeTest';
 
 
		var sprite = nodeTest.addComponent(cc.Sprite);
 
		sprite.spriteFrame = this.getSprite(260,360,100,90);
 
 
		nodeTest.parent = this.node;
 
 
		var animation = nodeTest.addComponent(cc.Animation);
 
 
		/* 添加SpriteFrame到frames数组 */
 
		var frames = [];
 
		frames[0] = this.getSprite(168,80,90,90);
 
		frames[1] = this.getSprite(168,170,90,90);
		
		frames[2] = this.getSprite(168,260,90,90);
		
		frames[3] = this.getSprite(168,350,90,90);
		
		frames[4] = this.getSprite(168,440,90,90);
		
		frames[5] = this.getSprite(168,530,90,90);
		
		frames[6] = this.getSprite(168,620,90,90);
		
		frames[10] = this.getSprite(607,772,90,90);
		
		frames[9] = this.getSprite(701,772,90,90);
		
		frames[7] = this.getSprite(794,772,90,90);
		
		frames[8] = this.getSprite(890,772,90,90);
 
 
		var clip = cc.AnimationClip.createWithSpriteFrames(frames, 11);
 
		clip.name = 'anim_boom';
 
		clip.wrapMode = cc.WrapMode.Loop;
 
		animation.addClip(clip);
 
		animation.play('anim_boom');
		
		
    },
	
	
	// 获取贴图
    getSprite(x,y,width,height)
    {
        var sprite = this.resource.clone(); // 克隆一张图片
        var tmpRect = new cc.Rect(x,y,width,height);
        sprite.setRect(tmpRect);   // 设置 SpriteFrame 的纹理矩形区域
        return sprite;
    },
	
	
});

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值