Your SlideShare is downloading. ×
Introduction for cocos2d
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Introduction for cocos2d

1,064
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,064
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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
  • Transcript

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