10分で分かる(かもしれない) ios 7 spritekit framework

10分で分かるかもしれないiOS 7 SpriteKit Framework

長谷川 圭kei.hasegawa@gmail.com

Agenda概要の説明

ParticleとAtlasの作成方法

Demo

Agenda概要の説明

ParticleとAtlasの作成方法

Demo

SpriteKit Frameworkとは

・iOS 7向け2Dゲーム作成フレームワーク

・Scene,Sprite,Particle,Physics,Atlas

・cocos2dにすごく似ている ←※個人の感想です

SpriteKitなゲームの考え方

1.ゲームは複数のSceneで構成

2. Sceneは複数のNodeで構成　

3. NodeにはActionを登録できる

ゲーム タイトル画面

ゲームステージ

Game Over

1.ゲームは複数のSceneで構成

：

ゲームステージ

Game

2. Sceneは複数のNodeで構成

HUD残機

スコア

背景

自機

敵機

爆破

爆破

3. NodeにはActionを登録できる

敵機 永遠に繰り返す

同時に動作する

右に10pixel移動する

10度回転する

Agenda概要の説明

ParticleとAtlasの作成方法

Demo

XCode5に統合されました！

＼もうParticle Emitter,TexturePackerを買わなくていい！／

Particle Editor

Texture Atlasフォルダを*.atlasに変更 (コード不要!)

〜2048x2048

Agenda概要の説明

ParticleとAtlasの作成方法

Demo

ご清聴ありがとうございました！

Appendix

Demo 1:Nodeの名前付け

SKSpriteNode *sprite = [SKSpriteNode spriteNodeWithImageNamed:@"chara"];[sprite setName:@"hasegawa"];

SKNode *node = [self childNodeWithName:@"hasegawa"];SKSpriteNode *sprite = (SKSpriteNode*)[self childNodeWithName:@"hasegawa"];

Demo 2:Particle File(*.sks)読み込み

SKEmitterNode *emitter = [NSKeyedUnarchiver unarchiveObjectWithFile: [[NSBundle mainBundle] pathForResource:@"MyParticle" ofType:@"sks"]];emitter.targetNode = self;

Demo 3:表示順序変更

SKSpriteNode *front = [SKSpriteNodespriteNodeWithImageNamed:@"Spaceship"];SKSpriteNode *back = [SKSpriteNodespriteNodeWithImageNamed:@"Spaceship"];

[front setZPosition:2.0f];[back setZPosition:1.0f];