cocos2d html5 逐帧动画

http://www.cnblogs.com/linn/p/3405875.html


cc.SpriteFrameCache.getInstance().addSpriteFrames(s_test_plist);
            var spriteTest2 = cc.Sprite.createWithSpriteFrameName("image 69.png");
            spriteTest2.setPosition(cc.p(100,100));
            this.addChild(spriteTest2,0,4);


//动画帧
            var spriteFrameCache = cc.SpriteFrameCache.getInstance();
            var frameCache = spriteFrameCache.addSpriteFrames(s_plist, s_plist_png); //第一个参数plist文件,第二个参数plist对应的png图片
            var animFrames = []; //      将所有帧存入一个数组
            for (var i=46;i<=73;i++) {
                //采用循环添加动画的每一帧
                var str = "image " + i + ".png";
                var frame =spriteFrameCache.getSpriteFrame("image " + i + ".png");
                if (frame) {
                    cc.log(str);
                    animFrames.push(frame);
                }
            }
            //        创建动画,设置播放间隔
            var animation = cc.Animation.create(animFrames, 0.1);
            // animation.setDelayPerUnit(0.1);
            //设置动画播放完成是否保持在第一帧,true为保持在第一帧,false为保持在最后一帧
            //animation.setRestoreOriginalFrame(false);
            // 单独显示一个动画
            var sprite4 = cc.Sprite.createWithSpriteFrame(spriteFrameCache.getSpriteFrame("image 47.png"));//plist里面对于的图片名称
            sprite4.setPosition(cc.p(100,100));
            this.addChild(sprite4);

            sprite4.runAction(cc.RepeatForever.create(cc.Animate.create(animation)));


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值