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を登録できる
1.ゲームは複数のSceneで構成
ゲーム

タイトル画面
ゲームステージ
Game Over
:
2. Sceneは複数のNodeで構成
背景

ゲーム
ステージ

自機

爆破

敵機

Game

爆破

スコア
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"];
SK...
Demo 2:Particle File(*.sks)読み込み
SKEmitterNode *emitter =
[NSKeyedUnarchiver unarchiveObjectWithFile:
[[NSBundle mainBundle...
Demo 3:表示順序変更
SKSpriteNode *front =
[SKSpriteNodespriteNodeWithImageNamed:@"Spaceship"];
SKSpriteNode *back =
[SKSpriteNod...
10分で分かる(かもしれない) iOS 7 SpriteKit Framework
10分で分かる(かもしれない) iOS 7 SpriteKit Framework
Upcoming SlideShare
Loading in …5
×

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

1,683 views

Published on

iOS 7で追加されたspritekit.frameworkの概要と追加されたツール(Particle,Atlas)の説明、デモ。10-15分のLT向け資料です。

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,683
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  1. 1. 10分で分かるかもしれない iOS 7 SpriteKit Framework 長谷川 圭 kei.hasegawa@gmail.com
  2. 2. Agenda 概要の説明 ParticleとAtlasの作成方法 Demo
  3. 3. Agenda 概要の説明 ParticleとAtlasの作成方法 Demo
  4. 4. SpriteKit Frameworkとは ・iOS 7向け2Dゲーム作成フレームワーク ・Scene,Sprite,Particle,Physics,Atlas ・cocos2dにすごく似ている ←※個人の感想です
  5. 5. SpriteKitなゲームの考え方 1.ゲームは複数のSceneで構成 2. Sceneは複数のNodeで構成  3. NodeにはActionを登録できる
  6. 6. 1.ゲームは複数のSceneで構成 ゲーム タイトル画面 ゲームステージ Game Over :
  7. 7. 2. Sceneは複数のNodeで構成 背景 ゲーム ステージ 自機 爆破 敵機 Game 爆破 スコア HUD 残機
  8. 8. 3. NodeにはActionを登録できる 敵機 永遠に繰り返す 同時に動作する 右に10pixel移動する 10度回転する
  9. 9. Agenda 概要の説明 ParticleとAtlasの作成方法 Demo
  10. 10. XCode5に統合されました! \もうParticle Emitter,TexturePackerを買わなくていい!/
  11. 11. Particle Editor
  12. 12. Texture Atlas フォルダを*.atlasに変更 (コード不要!) 〜2048x2048
  13. 13. Agenda 概要の説明 ParticleとAtlasの作成方法 Demo
  14. 14. ご清聴ありがとうございました!
  15. 15. Appendix
  16. 16. Demo 1:Nodeの名前付け SKSpriteNode *sprite = [SKSpriteNode spriteNodeWithImageNamed:@"chara"]; [sprite setName:@"hasegawa"]; SKNode *node = [self childNodeWithName:@"hasegawa"]; SKSpriteNode *sprite = (SKSpriteNode*)[self childNodeWithName:@"hasegawa"];
  17. 17. Demo 2:Particle File(*.sks)読み込み SKEmitterNode *emitter = [NSKeyedUnarchiver unarchiveObjectWithFile: [[NSBundle mainBundle] pathForResource:@"MyParticle" ofType:@"sks"]]; emitter.targetNode = self;
  18. 18. Demo 3:表示順序変更 SKSpriteNode *front = [SKSpriteNodespriteNodeWithImageNamed:@"Spaceship"]; SKSpriteNode *back = [SKSpriteNodespriteNodeWithImageNamed:@"Spaceship"]; [front setZPosition:2.0f]; [back setZPosition:1.0f];

×