1. Mac上に、拡張子atlasを持つフォルダを作り、そのフォルダの中にアニメーションさせたい画像ファイルを設置する。
(例)
フォルダ ファイル
hoge.atlas --- image01.png
image02.png
2. 上記1.のフォルダごとXcodeにコピーする。
3. Xcodeでプロジェクトの設定「Enable Texture Atlas Generation」を「Yes」にする。
4. コードの修正
- (id)initWithSize:(CGSize)size {
self = [super initWithSize:size];
if (self) {
// テクスチャアトラスからテクスチャを取得
SKTextureAtlas *atlas = [SKTextureAtlas atlasNamed:@"hoge"];
SKTexture *p01 = [atlas textureNamed:@"image01"];
SKTexture *p02 = [atlas textureNamed:@"image01"];
// キャラクターを配置
SKSpriteNode *imageNode= [SKSpriteNode spriteNodeWithTexture:p01];
imageNode.position = CGPointMake(CGRectGetMidX(self.frame), CGRectGetMidY(self.frame));
[self addChild: imageNode];
// アニメーションを実行
SKAction *swimAnimation = [SKAction animateWithTextures:@[p01,p02] timePerFrame:0.25];
[pierrot runAction:[SKAction repeatActionForever:swimAnimation]];
}
}
上記のコード例では0.25秒毎に、 image01.png、image02.png の表示を繰り返す。
参考記事:
http://www.raywenderlich.com/ja/51748/sprite-kit-チュートリアル-アニメーションとテクスチャ
http://dev.classmethod.jp/references/ios7-spritekit-texture-atlas/
【SpriteKitの最新記事】