没有精灵表的动画精灵

Animated sprite without spritesheet

本文关键字：精灵 动画      更新时间：2023-09-26

我正试图在cocos2d js中创建一个动画精灵，但我不想像在我的cocos2d iphone项目中那样使用精灵表：

NSMutableArray *animationFrames = [NSMutableArray array];
    int frameCount = 0;
    for(int i = 1; i <= 9; ++i)
    {
    CCSpriteFrame *spriteFrame = [CCSpriteFrame frameWithImageNamed:[NSString stringWithFormat:@"hero-%d.png",i]];
    [animationFrames addObject:spriteFrame];
    }
NSLog(@"cria sprite com frames");
_player = [CCSprite spriteWithSpriteFrame:animationFrames.firstObject];

我如何在cocos2d js中做到这一点？我在cocos2d-js文档中没有找到相同的函数。

也许下面的代码可能会稍微复杂一点。但它可以工作并从文件中加载精灵，并将动画组合在一起，并在精灵上的runAction中使用（animFrame是一个空数组，"this"是一个ccLayer）。

var str = "";
for (var i = 1; i < 9; i++) {
    str = "mosquito_fly" + (i < 10 ? ("0" + i) : i) + ".png";
    var texture = cc.textureCache.addImage("res/Murbiks/"+str);
    var spriteFrame = cc.SpriteFrame.create(texture,cc.rect(0,0,96,96));
    animFrames.push(spriteFrame);
}
var animation = cc.Animation.create(animFrames, 0.06+Math.random()*0.01, 10);
var animate = this.animateMostafa = cc.Animate.create(animation);
// Create sprite and set attributes
mostafa = cc.Sprite.create(res.Mostafa_single_png);        
mostafa.attr({
    x: 0,
    y: 0,
    scale: 0.60+Math.random()*0.3,
    rotation: 0
});
this.addChild(mostafa, 0);
相关文章：