Introduction for cocos2d

1,333 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Introduction for cocos2d

    1. 1. introduction to “cocos2d for iPhone”
    2. 2. agenda■ what s cocos2d for iPhone? ・そもそもcocos2d for iPhoneとは? ・twitterでフォローすべき人は? ・cocos2d for iPhoneでつくられた有名なアプリは? ・最近のトピックについて など・・・■ cocos2d basic ・オブジェクトの表示の概念 ・画面遷移 ・アニメーション ・パーティクル など・・・
    3. 3. what’s cocos2d for iPhone?
    4. 4. what’s cocos2d for iPhone?■iPhone / iPadのゲーム用のフレームワーク■無料、オープンソース■objective-C■バージョンは1.0.1(安定版)、2.0(評価版)■物理演算を搭載している(Box2D、Chipmunk)■数々のアプリ http://www.cocos2d-iphone.org/games/
    5. 5. what’s cocos2d for iPhone?■有名アプリは?
    6. 6. what’s cocos2d for iPhone?■有名アプリは?
    7. 7. what’s cocos2d for iPhone?■有名アプリは?
    8. 8. what’s cocos2d for iPhone?■ 日本語書籍
    9. 9. what’s cocos2d for iPhone?■ cocos2dでどんなものがつくれるのか知りたい人へ
    10. 10. what’s cocos2d for iPhone?■ cocos2dでどんなものがつくれるのか知りたい人へ Cocos2d Cookbook_Ch1-3 Cocos2d Cookbook_Ch4-6 Cocos2d Cookbook_Ch7-9
    11. 11. what’s cocos2d for iPhone?■ cocos2dでどんなものがつくれるのか知りたい人へ Cocos2d Cookbook_Ch1-3 Cocos2d Cookbook_Ch4-6 Cocos2d Cookbook_Ch7-9
    12. 12. what’s cocos2d for iPhone?■ cocos2dでどんなものがつくれるのか知りたい人へ Cocos2d Cookbook_Ch1-3 Cocos2d Cookbook_Ch4-6 Cocos2d Cookbook_Ch7-9
    13. 13. what’s cocos2d for iPhone?■ フォローすべき人
    14. 14. what’s cocos2d for iPhone?■ フォローすべき人@Seasons
    15. 15. what’s cocos2d for iPhone?■ フォローすべき人@Seasons@cocos2dfan_jp
    16. 16. what’s cocos2d for iPhone?■ kobold2D
    17. 17. what’s cocos2d for iPhone?■ kobold2D■ cocos2D-x
    18. 18. what’s cocos2d for iPhone?■ kobold2D■ cocos2D-x■ cocos2D-javascript
    19. 19. cocos2d basic
    20. 20. cocos2d basic DemoGame
    21. 21. cocos2d basic
    22. 22. cocos2d basic■ オブジェクトの表示概念
    23. 23. cocos2d basic■ オブジェクトの表示概念 Scene
    24. 24. cocos2d basic■ オブジェクトの表示概念 Scene Layer
    25. 25. cocos2d basic■ オブジェクトの表示概念 Scene Layer Sprite
    26. 26. cocos2d basic■ オブジェクトの表示概念 Scene Layer Sprite flashに似てる・・・
    27. 27. cocos2d basic■ オブジェクトの表示概念 - SceneGameScene StageSelectScene TitleScene GameOverScene
    28. 28. cocos2d basic■ オブジェクトの表示概念 - Layer CharacterLayer PositionMarkLayer UiLayer StageBgLayerGameScene StageSelectScene TitleScene GameOverScene
    29. 29. cocos2d basic ■ オブジェクトの表示概念 - SpriteEnemySprite NinjaSprite CharacterLayer PositionMarkLayer UiLayer StageBgLayer GameScene StageSelectScene TitleScene GameOverScene
    30. 30. cocos2d basic ■ オブジェクトの表示概念 - SpriteEnemySprite NinjaSprite CharacterLayer PositionMarkLayer [self addChild:stageBgLayer]; UiLayer StageBgLayer GameScene StageSelectScene TitleScene GameOverScene
    31. 31. cocos2d basic ■ オブジェクトの表示概念 - SpriteEnemySprite NinjaSprite flashに似てる・・・ CharacterLayer PositionMarkLayer [self addChild:stageBgLayer]; UiLayer StageBgLayer GameScene StageSelectScene TitleScene GameOverScene
    32. 32. cocos2d basic■ シーンの遷移
    33. 33. cocos2d basic ■ シーンの遷移[[CCDirector sharedDirector] replaceScene:scene];
    34. 34. cocos2d basic ■ シーンの遷移[[CCDirector sharedDirector] replaceScene:scene]; もう少しクールに、、、
    35. 35. cocos2d basic ■ シーンの遷移[[CCDirector sharedDirector] replaceScene:scene]; もう少しクールに、、、CCTransitionSlideInL *tran = [CCTransitionSlideInL transitionWithDuration:1.0 scene:targetScene];[[CCDirector sharedDirector] replaceScene: tran];
    36. 36. cocos2d basic ■ シーンの遷移[[CCDirector sharedDirector] replaceScene:scene]; もう少しクールに、、、CCTransitionSlideInL *tran = [CCTransitionSlideInL transitionWithDuration:1.0 scene:targetScene];[[CCDirector sharedDirector] replaceScene: tran]; 他にも CCTransitionFade CCTransitionJumpZoom CCTransitionPageTurn CCTransitionSlideInL, CCTransitionSlideInR CCTransitionTurnOffTiles などなど
    37. 37. cocos2d basic■ オブジェクトを動かしてみよう
    38. 38. cocos2d basic ■ オブジェクトを動かしてみようCCMoveTo *move = [CCMoveTo actionWithDuration:3.0 position:ccp(100, 100)];[self runAction:move];
    39. 39. cocos2d basic ■ オブジェクトを動かしてみようCCMoveTo *move = [CCMoveTo actionWithDuration:3.0 position:ccp(100, 100)];[self runAction:move]; 他にも CCFadeIn, CCFadeOut CCMoveTo, CCMoveBy CCScaleTo CCTintTo CCAnimate
    40. 40. cocos2d basic■ オブジェクトを動かしてみよう
    41. 41. cocos2d basic ■ オブジェクトを動かしてみよう 同じアニメーションを繰り返すときCCRotateBy *rotate = [CCRotateBy actionWithDuration:1 angle:360];CCRepeatForever *repeat = [CCRepeatForever actionWithAction:rotate];[self runAction:repeat];
    42. 42. cocos2d basic ■ オブジェクトを動かしてみよう 同じアニメーションを繰り返すときCCRotateBy *rotate = [CCRotateBy actionWithDuration:1 angle:360];CCRepeatForever *repeat = [CCRepeatForever actionWithAction:rotate];[self runAction:repeat]; 複数のアニメーションを処理するときid act1 = [CCMoveTo actionWithDuration:1.0 position:ccp(100, 100)];id act2 = [CCMoveTo actionWithDuration:1.0 position:ccp(400, 300)];[ninjaSprite runAction:[CCSequence actions:act1, act2, nil ]];
    43. 43. cocos2d basic■ パーティクルによる演出
    44. 44. cocos2d basic ■ パーティクルによる演出設定するプロパティ
    45. 45. cocos2d basic ■ パーティクルによる演出設定するプロパティtexturedurationposVarpositionTypestartSizem startSizeVar, endSize, endSizeVarangle, angleVarlife, lifeVaremissionRatestartColor, startColorVar, endColor, endColorVar・・・
    46. 46. cocos2d basic ■ パーティクルによる演出設定するプロパティtexture 多い!durationposVarpositionTypestartSizem startSizeVar, endSize, endSizeVarangle, angleVarlife, lifeVaremissionRatestartColor, startColorVar, endColor, endColorVar・・・
    47. 47. cocos2d basic ■ パーティクルによる演出設定するプロパティtexture 多い!durationposVar プロパティの値を変えたらpositionType どれくらい視覚的に変化するのかstartSizem startSizeVar, endSize, endSizeVarangle, angleVar わからない!life, lifeVaremissionRatestartColor, startColorVar, endColor, endColorVar・・・
    48. 48. cocos2d basic ■ パーティクルによる演出設定するプロパティtexture 多い!durationposVar プロパティの値を変えたらpositionType どれくらい視覚的に変化するのかstartSizem startSizeVar, endSize, endSizeVarangle, angleVar わからない!life, lifeVaremissionRatestartColor, startColorVar, endColor, endColorVar・・・
    49. 49. cocos2d basic ■ パーティクルによる演出id particle = [CCParticleSystemQuad particleWithFile:@"ninjaSmoke.plist"];[self addChild:deadAnimation];
    50. 50. cocos2d basic ■ パーティクルによる演出id particle = [CCParticleSystemQuad particleWithFile:@"ninjaSmoke.plist"];[self addChild:deadAnimation]; 実演してみる!!!!
    51. 51. next presentation■タイルマップについての紹介■cocos2d 2.0(評価版)を試す■KamcordやCocosBuilder■UIKITとのハイブリッド構成■Kobold2dを試す
    52. 52. ご清聴ありがとうございました!

    ×