Download to read offline
![cocos2d basic
■ オブジェクトの表示概念 - Sprite
EnemySprite NinjaSprite
CharacterLayer
PositionMarkLayer [self addChild:stageBgLayer];
UiLayer
StageBgLayer
GameScene StageSelectScene TitleScene GameOverScene](https://image.slidesharecdn.com/introductionforcocos2dslideshare-121016111739-phpapp01/85/Introduction-for-cocos2d-30-320.jpg)
![cocos2d basic
■ オブジェクトの表示概念 - Sprite
EnemySprite NinjaSprite
flashに似てる・・・
CharacterLayer
PositionMarkLayer [self addChild:stageBgLayer];
UiLayer
StageBgLayer
GameScene StageSelectScene TitleScene GameOverScene](https://image.slidesharecdn.com/introductionforcocos2dslideshare-121016111739-phpapp01/85/Introduction-for-cocos2d-31-320.jpg)
![cocos2d basic
■ シーンの遷移
[[CCDirector sharedDirector] replaceScene:scene];](https://image.slidesharecdn.com/introductionforcocos2dslideshare-121016111739-phpapp01/85/Introduction-for-cocos2d-33-320.jpg)
![cocos2d basic
■ シーンの遷移
[[CCDirector sharedDirector] replaceScene:scene];
もう少しクールに、、、](https://image.slidesharecdn.com/introductionforcocos2dslideshare-121016111739-phpapp01/85/Introduction-for-cocos2d-34-320.jpg)
![cocos2d basic
■ シーンの遷移
[[CCDirector sharedDirector] replaceScene:scene];
もう少しクールに、、、
CCTransitionSlideInL *tran = [CCTransitionSlideInL
transitionWithDuration:1.0 scene:targetScene];
[[CCDirector sharedDirector] replaceScene: tran];](https://image.slidesharecdn.com/introductionforcocos2dslideshare-121016111739-phpapp01/85/Introduction-for-cocos2d-35-320.jpg)
![cocos2d basic
■ シーンの遷移
[[CCDirector sharedDirector] replaceScene:scene];
もう少しクールに、、、
CCTransitionSlideInL *tran = [CCTransitionSlideInL
transitionWithDuration:1.0 scene:targetScene];
[[CCDirector sharedDirector] replaceScene: tran];
他にも
CCTransitionFade
CCTransitionJumpZoom
CCTransitionPageTurn
CCTransitionSlideInL, CCTransitionSlideInR
CCTransitionTurnOffTiles などなど](https://image.slidesharecdn.com/introductionforcocos2dslideshare-121016111739-phpapp01/85/Introduction-for-cocos2d-36-320.jpg)
![cocos2d basic
■ オブジェクトを動かしてみよう
CCMoveTo *move = [CCMoveTo actionWithDuration:3.0 position:ccp(100, 100)];
[self runAction:move];](https://image.slidesharecdn.com/introductionforcocos2dslideshare-121016111739-phpapp01/85/Introduction-for-cocos2d-38-320.jpg)
![cocos2d basic
■ オブジェクトを動かしてみよう
CCMoveTo *move = [CCMoveTo actionWithDuration:3.0 position:ccp(100, 100)];
[self runAction:move];
他にも
CCFadeIn, CCFadeOut
CCMoveTo, CCMoveBy
CCScaleTo
CCTintTo
CCAnimate](https://image.slidesharecdn.com/introductionforcocos2dslideshare-121016111739-phpapp01/85/Introduction-for-cocos2d-39-320.jpg)
![cocos2d basic
■ オブジェクトを動かしてみよう
同じアニメーションを繰り返すとき
CCRotateBy *rotate = [CCRotateBy actionWithDuration:1 angle:360];
CCRepeatForever *repeat = [CCRepeatForever actionWithAction:rotate];
[self runAction:repeat];](https://image.slidesharecdn.com/introductionforcocos2dslideshare-121016111739-phpapp01/85/Introduction-for-cocos2d-41-320.jpg)
![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 ]];](https://image.slidesharecdn.com/introductionforcocos2dslideshare-121016111739-phpapp01/85/Introduction-for-cocos2d-42-320.jpg)
![cocos2d basic
■ パーティクルによる演出
id particle = [CCParticleSystemQuad particleWithFile:@"ninjaSmoke.plist"];
[self addChild:deadAnimation];](https://image.slidesharecdn.com/introductionforcocos2dslideshare-121016111739-phpapp01/85/Introduction-for-cocos2d-49-320.jpg)
![cocos2d basic
■ パーティクルによる演出
id particle = [CCParticleSystemQuad particleWithFile:@"ninjaSmoke.plist"];
[self addChild:deadAnimation];
実演してみる！！！！](https://image.slidesharecdn.com/introductionforcocos2dslideshare-121016111739-phpapp01/85/Introduction-for-cocos2d-50-320.jpg)
Introduction for cocos2d
- 1. introduction to “cocos2dfor iPhone”
- 2. agenda ■ what scocos2d for iPhone? ・そもそもcocos2d for iPhoneとは？ ・twitterでフォローすべき人は？ ・cocos2d for iPhoneでつくられた有名なアプリは？ ・最近のトピックについて など・・・ ■ cocos2d basic ・オブジェクトの表示の概念 ・画面遷移 ・アニメーション ・パーティクル など・・・
- 3. what’s cocos2d foriPhone?
- 4. what’s cocos2d foriPhone? ■iPhone / iPadのゲーム用のフレームワーク ■無料、オープンソース ■objective-C ■バージョンは1.0.1（安定版）、2.0（評価版） ■物理演算を搭載している（Box2D、Chipmunk） ■数々のアプリ http://www.cocos2d-iphone.org/games/
- 5. what’s cocos2d foriPhone? ■有名アプリは？
- 6. what’s cocos2d foriPhone? ■有名アプリは？
- 7. what’s cocos2d foriPhone? ■有名アプリは？
- 8. what’s cocos2d foriPhone? ■ 日本語書籍
- 9. what’s cocos2d foriPhone? ■ cocos2dでどんなものがつくれるのか知りたい人へ
- 10. what’s cocos2d foriPhone? ■ cocos2dでどんなものがつくれるのか知りたい人へ Cocos2d Cookbook_Ch1-3 Cocos2d Cookbook_Ch4-6 Cocos2d Cookbook_Ch7-9
- 11. what’s cocos2d foriPhone? ■ cocos2dでどんなものがつくれるのか知りたい人へ Cocos2d Cookbook_Ch1-3 Cocos2d Cookbook_Ch4-6 Cocos2d Cookbook_Ch7-9
- 12. what’s cocos2d foriPhone? ■ cocos2dでどんなものがつくれるのか知りたい人へ Cocos2d Cookbook_Ch1-3 Cocos2d Cookbook_Ch4-6 Cocos2d Cookbook_Ch7-9
- 13. what’s cocos2d foriPhone? ■ フォローすべき人
- 14. what’s cocos2d foriPhone? ■ フォローすべき人 @Seasons
- 15. what’s cocos2d foriPhone? ■ フォローすべき人 @Seasons @cocos2dfan_jp
- 16. what’s cocos2d foriPhone? ■ kobold2D
- 17. what’s cocos2d foriPhone? ■ kobold2D ■ cocos2D-x
- 18. what’s cocos2d foriPhone? ■ kobold2D ■ cocos2D-x ■ cocos2D-javascript
- 19.
- 20. cocos2d basic DemoGame
- 21.
- 22.
- 23.
- 24. cocos2d basic ■ オブジェクトの表示概念 Scene Layer
- 25. cocos2d basic ■ オブジェクトの表示概念 Scene Layer Sprite
- 26. cocos2d basic ■ オブジェクトの表示概念 Scene Layer Sprite flashに似てる・・・
- 27. cocos2d basic ■ オブジェクトの表示概念- Scene GameScene StageSelectScene TitleScene GameOverScene
- 28. cocos2d basic ■ オブジェクトの表示概念- Layer CharacterLayer PositionMarkLayer UiLayer StageBgLayer GameScene StageSelectScene TitleScene GameOverScene
- 29. cocos2d basic ■ オブジェクトの表示概念 - Sprite EnemySprite NinjaSprite CharacterLayer PositionMarkLayer UiLayer StageBgLayer GameScene StageSelectScene TitleScene GameOverScene
- 30. cocos2d basic ■ オブジェクトの表示概念 - Sprite EnemySprite NinjaSprite CharacterLayer PositionMarkLayer [self addChild:stageBgLayer]; UiLayer StageBgLayer GameScene StageSelectScene TitleScene GameOverScene
- 31. cocos2d basic ■ オブジェクトの表示概念 - Sprite EnemySprite NinjaSprite flashに似てる・・・ CharacterLayer PositionMarkLayer [self addChild:stageBgLayer]; UiLayer StageBgLayer GameScene StageSelectScene TitleScene GameOverScene
- 32.
- 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.
- 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.
- 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.
- 44. cocos2d basic ■ パーティクルによる演出 設定するプロパティ
- 45. cocos2d basic ■ パーティクルによる演出 設定するプロパティ texture duration posVar positionType startSizem startSizeVar, endSize, endSizeVar angle, angleVar life, lifeVar emissionRate startColor, startColorVar, endColor, endColorVar ・ ・ ・
- 46. cocos2d basic ■ パーティクルによる演出 設定するプロパティ texture 多い！ duration posVar positionType startSizem startSizeVar, endSize, endSizeVar angle, angleVar life, lifeVar emissionRate startColor, startColorVar, endColor, endColorVar ・ ・ ・
- 47. cocos2d basic ■ パーティクルによる演出 設定するプロパティ texture 多い！ duration posVar プロパティの値を変えたら positionType どれくらい視覚的に変化するのか startSizem startSizeVar, endSize, endSizeVar angle, angleVar わからない！ life, lifeVar emissionRate startColor, startColorVar, endColor, endColorVar ・ ・ ・
- 48. cocos2d basic ■ パーティクルによる演出 設定するプロパティ texture 多い！ duration posVar プロパティの値を変えたら positionType どれくらい視覚的に変化するのか startSizem startSizeVar, endSize, endSizeVar angle, angleVar わからない！ life, lifeVar emissionRate startColor, 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.
- 52.
Editor's Notes
- #2 \n
- #3 \n
- #4 \n
- #5 \n
- #6 \n
- #7 \n
- #8 \n
- #9 \n
- #10 \n
- #11 \n
- #12 \n
- #13 \n
- #14 \n
- #15 \n
- #16 \n
- #17 \n
- #18 \n
- #19 \n
- #20 \n
- #21 \n
- #22 \n
- #23 \n
- #24 \n
- #25 \n
- #26 \n
- #27 \n
- #28 \n
- #29 \n
- #30 \n
- #31 \n
- #32 \n
- #33 \n
- #34 \n
- #35 \n
- #36 \n
- #37 \n
- #38 \n
- #39 \n
- #40 \n
- #41 \n
- #42 \n
- #43 \n
- #44 \n
- #45 \n
- #46 \n
- #47 \n
- #48 \n
- #49 \n
- #50 \n
- #51 \n
- #52 \n
- #53 \n