Hello cocos2d ios

Hello!! cocos2d2Dゲームフレームワーク cocos2dの紹介

@Seasons2011年1月30日日曜日

Today’s agenda

2011年1月30日日曜日

Today’s agenda

•Introduction author

Today’s agenda

•What is cocos2d?

Today’s agenda

•What is cocos2d?

•How to learn?

Today’s agenda

•What is cocos2d?

•???

•How to learn?

Introduction author

@Seasonscocos2d AUTHOR

Introduction author

Blog：Seasons.NET

Introduction author

Blog：Seasons.NET•cocos2dリリース情報の翻訳

Introduction author

Blog：Seasons.NET•cocos2dリリース情報の翻訳•テクニカル情報の翻訳

Introduction author

@cocos2dfan_jp 管理人

Introduction author

@cocos2dfan_jp 管理人•cocos2dに関する情報を不定期にポスト

What is cocos2d?

•Open Source

What is cocos2d?

•Open Source

•License

What is cocos2d?

•Open Source

•License

•Feature1,2,3

What is cocos2d?

•Open Source

•License

•Feature1,2,3

•Application Record

What is cocos2d?

•Open Source

•License

•Feature1,2,3

•Application Record

•Community

What is cocos2d?

•Open Source

What is cocos2d?

•Open Sourcehttps://github.com/cocos2d/cocos2d-iphone

What is cocos2d?

•Open Sourcehttps://github.com/cocos2d/cocos2d-iphone最新版：0.99.5

What is cocos2d?

•License

What is cocos2d?

•LicenseMITライセンス

What is cocos2d?

•LicenseMITライセンス•非常に制限が緩い

What is cocos2d?

•LicenseMITライセンス•非常に制限が緩い•ソースコードの再配布も可能

What is cocos2d?

•LicenseMITライセンス•非常に制限が緩い•ソースコードの再配布も可能•アプリケーションにロゴ表示するかも選択自由

What is cocos2d?

•Feature 1-1

What is cocos2d?

•Feature 1-1•2Dゲーム制作に必要な機能が揃っている‣スプライト表示、管理‣シーン、レイヤー管理機構‣エフェクト(2D,3Dエフェクト)‣アクション機能(シーケンス、トランスフォーム、イーズ、コールバック）‣メニュー機能‣物理エンジン統合( Box2D , Chipmunk[Space Manager] )‣テキスト表示‣パーティクルシステム‣テクスチャアトラス‣視差スクロール‣タイルマップ‣サウンド処理‣レンダリングテクスチャ(画面キャプチャー)‣縦横対応‣PowerVR Textureサポート(PVRTC,PVR)‣OpenGL ES 1.1ベース‣マルチタスク‣RetinaDisplay

What is cocos2d?

•Feature 1-1•2Dゲーム制作に必要な機能が揃っている‣スプライト表示、管理‣シーン、レイヤー管理機構‣エフェクト(2D,3Dエフェクト)‣アクション機能(シーケンス、トランスフォーム、イーズ、コールバック）‣メニュー機能‣物理エンジン統合( Box2D , Chipmunk[Space Manager] )‣テキスト表示‣パーティクルシステム‣テクスチャアトラス‣視差スクロール‣タイルマップ‣サウンド処理‣レンダリングテクスチャ(画面キャプチャー)‣縦横対応‣PowerVR Textureサポート(PVRTC,PVR)‣OpenGL ES 1.1ベース‣マルチタスク‣RetinaDisplay

ゲーム作りに集中できる

What is cocos2d?

•Feature 1-2

What is cocos2d?

•Feature 1-2•サードパーティ製のツールとの連携

What is cocos2d?

テクスチャ最適化、アトラス作成

What is cocos2d?

Zwoptex

What is cocos2d?

TexturePacker

Zwoptex

What is cocos2d?

TexturePacker

Zwoptex

コリジョン作成

What is cocos2d?

VertexHelper Pro

TexturePacker

Zwoptex

What is cocos2d?

VertexHelper Pro

TexturePacker

Zwoptex

パーティクル作成

What is cocos2d?

VertexHelper Pro

TexturePacker

Zwoptex

ParticleDesigner

What is cocos2d?

VertexHelper Pro

TexturePacker

Zwoptex

ParticleDesigner

All Mac application

What is cocos2d?

•Feature 1-3

What is cocos2d?

•Feature 1-3•iOS版 -> Mac版への変換が簡単

What is cocos2d?

iPhone版

What is cocos2d?

•Mac用のXcodeプロジェクトが同梱

iPhone版

What is cocos2d?

•Mac用のXcodeプロジェクトが同梱•コードはほとんど変更しないで済む

iPhone版

What is cocos2d?

•Mac用のXcodeプロジェクトが同梱•コードはほとんど変更しないで済む ( Touch -> Mouse )

iPhone版

What is cocos2d?

Mac OS版

iPhone版

What is cocos2d?

Mac OS版

Mac App Storeでの販売もしやすい!!

iPhone版

What is cocos2d?

•Application recordhttp://www.cocos2d-iphone.org/games/

What is cocos2d?

•Application record

【電子書籍】

http://www.cocos2d-iphone.org/games/

What is cocos2d?

ヌカカの結婚など（Muu Muu Co.,Ltd.）

【電子書籍】

What is cocos2d?

【電子書籍】

Alice for iPhone/iPad（Atomic Antelope）

What is cocos2d?

【電子書籍】

【ゲーム系】

What is cocos2d?

【電子書籍】

【ゲーム系】

iYamato、iNinja（Geppetto Inc）

What is cocos2d?

【電子書籍】

【ゲーム系】

ポケットベガス（Appbank）

What is cocos2d?

【電子書籍】

【ゲーム系】

Urban Rivals（Boostr）

ポケットベガス（Appbank）

What is cocos2d?

•Community

What is cocos2d?

•Community

•cocos2d.org：http://www.cocos2d-iphone.org/

What is cocos2d?

•Community

•cocos2d.org：http://www.cocos2d-iphone.org/•cocos2dに関する最新情報の取得

What is cocos2d?

•Community

•cocos2d.org：http://www.cocos2d-iphone.org/•cocos2dに関する最新情報の取得•テクニカルなスレッド（日々更新）

What is cocos2d?

•Community

•cocos2d.org：http://www.cocos2d-iphone.org/•cocos2dに関する最新情報の取得•テクニカルなスレッド（日々更新）•cocos2dで作られたゲームの紹介

What is cocos2d?

•Community

•Twitter

What is cocos2d?

•Community

•Twitter•ハッシュタグ：#cocos2d

What is cocos2d?

•Community

•Twitter•ハッシュタグ：#cocos2d•検索：cocos2d

What is cocos2d?

•Community

•Twitter•ハッシュタグ：#cocos2d•検索：cocos2d•@cocos2dfan_jp , @cocos2d , @cocos2dx

What is cocos2d?

•Community

•Blog： http://www.learn-cocos2d.com/

What is cocos2d?

•Community

•Blog： http://www.learn-cocos2d.com/•@gaminghorror氏によるcocos2d入門、応用講座

How to learn?

•Books

How to learn?

•Books

•Sample Source

How to learn?

•Books

•Sample Source

•CCScene, CCLayer, CCNode

How to learn?

•Books

•Sample Source

•CCSprite

How to learn?

•Books

•Sample Source

•CCSprite

•CCAction

How to learn?

•Books

•Sample Source

•CCSprite

•CCAction

•CCSequence, CCSpawn, CCRepeat...

How to learn?

•Books

•Sample Source

•CCSprite

•CCAction

•CCSequence, CCSpawn, CCRepeat...

•misc

How to learn?

•Books PDF販売あり： (販売元はそれぞれ異なる)

How to learn?

•Books PDF販売あり： (販売元はそれぞれ異なる)

How to learn?

•Books

@gaminghorror氏著

PDF販売あり： (販売元はそれぞれ異なる)

How to learn?

•Books

@gaminghorror氏著

•cocos2dのほぼ全機能について解説•洋書プログラミング部門1位•cocos2d ユーザー必読本

How to learn?

•Books

@gaminghorror氏著

How to learn?

•Books

@gaminghorror氏著

cocos2d 入門本

How to learn?

•Books

@gaminghorror氏著

cocos2d 入門本•ミニゲームを作成しながら学習•基本的な機能について丁寧に解説•CCActionの図解が嬉しい！！•物理エンジンは、Chipmunkを解説

How to learn?

•Books

@gaminghorror氏著

How to learn?

•Books

@gaminghorror氏著

cocos2d 入門本2

How to learn?

•Books

@gaminghorror氏著

cocos2d 入門本2•基本的な機能について丁寧に解説•Box2Dに関する解説が詳しい•VertexHelperの使い方も掲載

How to learn?

•Books

@gaminghorror氏著

cocos2d 入門本2•基本的な機能について丁寧に解説•Box2Dに関する解説が詳しい•VertexHelperの使い方も掲載

発売中!! 発売中!! Rough Cut

How to learn?

•Sample Source

How to learn?

•Sample Source•starterkit(フライトコントロール的なソース)：@gaminghorror氏

販売：http://www.learn-cocos2d.com/store/line-drawing-game-starterkit/

How to learn?

•books付属のサンプル

How to learn?

•books付属のサンプル

サンプルやミニゲームのコードが満載

How to learn?

•CCScene,CCLayer,CCNode

How to learn?

Game •ゲーム全体AppDelegate

How to learn?

Game •ゲーム全体AppDelegate

CCScene

How to learn?

CCScene

•ゲーム全体AppDelegate

CCScene

How to learn?

CCScene

•CCScene•CCLayerを管理(子供)

Example)タイトルシーン ( TitleScene )ゲームシーン ( GameScene )リザルトシーン ( ResultScene)

CCScene

How to learn?

CCScene

CCLayer

How to learn?

CCLayerCCLayer

CCScene

CCLayer

How to learn?

CCLayerCCLayer

CCScene

•CCLayer•CCNodeを管理(子供)(場合によってはCCLayerも)

Example)背景レイヤー(BackLayer)スコアレイヤー(ScoreLayer)ゲームレイヤー(GameLayer)

CCScene

CCLayer

How to learn?

CCLayerCCLayer

CCScene

CCLayer

CCScene

CCLayerCCNode

How to learn?

CCLayerCCLayer

CCNode

CCScene

CCLayer

CCScene

CCLayerCCNode

How to learn?

CCLayerCCLayer

CCNode

CCScene

CCLayer

•CCNode•ゲームオブジェクト

Example)プレイヤー、敵 ( PlayerObject )ロジック( LogicObject )

How to learn?

•CCScene,CCLayer,CCNode•How to create?

How to learn?

CCScene

How to learn?

CCScene @interface GameLayer : CCLayer@end

How to learn?

id scene = [GameLayer scene]

How to learn?

id scene = [GameLayer scene] インスタンスメソッド +(id) scene

How to learn?

[[CCDirector sharedDirector] runWithScene:scene]

How to learn?

CCLayer

How to learn?

CCLayer

+ (id) scene { CCScene *scene = [CCScene node]; GameLayer *layer = [GameLayer node]; [scene addChild:layer]; return scene;}

How to learn?

CCLayer

+ (id) scene { CCScene *scene = [CCScene node]; GameLayer *layer = [GameLayer node]; [scene addChild:layer]; return scene;}

How to learn?

CCNode

How to learn?

CCNode @interface PlayerObject : CCNode@end

How to learn?

CCNode @interface PlayerObject : CCNode@end CCLayer

How to learn?

- (id) init {

How to learn?

- (id) init { ....

How to learn?

- (id) init { .... PlayerObject *player = [PlayerObject node];

How to learn?

- (id) init { .... PlayerObject *player = [PlayerObject node]; [self addChild:player];

How to learn?

- (id) init { .... PlayerObject *player = [PlayerObject node]; [self addChild:player];}

How to learn?

PlayerObjectに限らず、レイヤー(CCLayer)内に必要なオブジェクトをaddChildで追加

How to learn?

•CCSprite•How to create?

How to learn?

CCSprite *sp = [CCSprite spriteWithFile:@”icon.png”];

How to learn?

CCSprite *sp = [CCSprite spriteWithFile:@”icon.png”];sp.position = ccp( 200, 200 );

How to learn?

[self addChild:sp];

How to learn?

[self addChild:sp];

(200,200)

How to learn?

[self addChild:sp];

(200,200)

追加したいScene,Layer,Node等にaddChildするだけ！！とっても簡単！！

How to learn?

•CCAction•How to create and use?

How to learn?

•CCAction•How to create and use?CCSprite *sp = [CCSprite spriteWithFile:@”icon.png”];

How to learn?

•CCAction•How to create and use?CCSprite *sp = [CCSprite spriteWithFile:@”icon.png”];sp.position = ccp( 200, 200 );

How to learn?

•CCAction•How to create and use?CCSprite *sp = [CCSprite spriteWithFile:@”icon.png”];sp.position = ccp( 200, 200 );CCMoveTo *move = CCMoveTo actionWithDuration:1.0

How to learn?

•CCAction•How to create and use?CCSprite *sp = [CCSprite spriteWithFile:@”icon.png”];sp.position = ccp( 200, 200 );CCMoveTo *move = CCMoveTo actionWithDuration:1.0 position:ccp(sp.position.x+100,

How to learn?

•CCAction•How to create and use?CCSprite *sp = [CCSprite spriteWithFile:@”icon.png”];sp.position = ccp( 200, 200 );CCMoveTo *move = CCMoveTo actionWithDuration:1.0 position:ccp(sp.position.x+100, sp.position.y)];

How to learn?

•CCAction•How to create and use?CCSprite *sp = [CCSprite spriteWithFile:@”icon.png”];sp.position = ccp( 200, 200 );CCMoveTo *move = CCMoveTo actionWithDuration:1.0 position:ccp(sp.position.x+100, sp.position.y)];[sp runAction:move];

How to learn?

(200,200)

How to learn?

(200,200) (300,200)

How to learn?

(200,200)

runActionに生成したアクションを渡す。CCNodeを継承したクラスは、全てrunActionを持つ。

(300,200)

How to learn?

•CCAction•Many action!!

How to learn?

•CCAction•Many action!!

CCMoveTo

CCMoveByCCJumpBy

CCJumpToCCShow

CCScaleTo

CCScaleBy

CCPlace

CCRotateBy

CCRotateTo

CCBlinkCCFadeIn

CCFadeOut

CCTintTo

CCTintBy

CCShow

CCHide

How to learn?

•CCSequence, CCSpawn, CCRepeat...•What is this?

How to learn?

CCSequence

How to learn?

CCSequence CCSpawn

How to learn?

CCSequence CCSpawn CCRepeat

How to learn?

CCMoveTo

CCJumpTo

CCScaleTo

CCSequence

CCAction

CCSpawn CCRepeat

How to learn?

CCMoveTo

CCJumpTo

CCScaleTo

CCSequence

CCAction

CCSpawn

CCMoveTo

CCJumpTo

CCScaleTo

CCRepeat

How to learn?

CCMoveTo

CCJumpTo

CCScaleTo

CCSequence

CCAction

CCSpawn

CCMoveTo

CCJumpTo

CCScaleTo

CCRepeat

CCMoveBy

How to learn?

•misc

How to learn?

•misc

cocos2d recommend autorelease object

How to learn?

•misc

cocos2d recommend autorelease object why?

How to learn?

•misc

Example)

How to learn?

•misc

Example)CCNode+ (id) node { return [[[self alloc] init] autorelease];}

How to learn?

•misc

CCSprite+ (id) spriteWithFile:(NSString *)filename return [[[self alloc] initWithFile:filename] autorelease];}

How to learn?

•misc

How to learn?

•misc

autorelease pool

node sprite

How to learn?

•misc

autorelease pool

next time

How to learn?

•misc

autorelease pool

next time

メモリリークが発生しづらい！！1回の処理で大量のautoreleaseオブジェクトは生成しないように気を付ける

？？？

One more thing....

CCGaussianBlurSprite

コード

CCGaussianBlurSprite *gbs;

コード

CCGaussianBlurSprite *gbs;gbs = [CCGaussianBlurSprite blurSpriteWithFile:@"icon.png" blurCount:20];

コード

CCGaussianBlurSprite *gbs;gbs = [CCGaussianBlurSprite blurSpriteWithFile:@"icon.png" blurCount:20];gbs.blurspeed = 2; // ブラー速度

コード

CCGaussianBlurSprite *gbs;gbs = [CCGaussianBlurSprite blurSpriteWithFile:@"icon.png" blurCount:20];gbs.blurspeed = 2; // ブラー速度[gbs startAnimation]; // ブラーアニメーション開始

コード

実行結果

コード

実行結果

元ネタ

元ネタ•manucorporat氏が作成

元ネタ•manucorporat氏が作成•AbstractWarのために作った

元ネタ•manucorporat氏が作成•AbstractWarのために作った•ソースコードはgithubで公開済み

元ネタ•manucorporat氏が作成•AbstractWarのために作った•ソースコードはgithubで公開済み•次期cocos2dに統合予定

スプライトにブラー処理をかけることができる！！

特徴

特徴•ピクセル処理をＣＰＵで行う（ CCMutableTexture）

特徴•ピクセル処理をＣＰＵで行う（ CCMutableTexture）•処理するピクセル数に依存（画面全体で10-15fps）

小さいスプライトなら、リアルタイム処理が可能

ならば作ってみる

Source code is available today!!

Source code is available today!!git://gist.github.com/801911.git

GaussianBlur for cocos2d source

https://github.com/manucorporat/AWTextureFilter

GaussianBlur for cocos2d source

My book

iOS 4プログラミングブック

My book

iOS 4プログラミングブックAmazon プログラミング部門１位 !!

My book

そのまま使えるiPhoneアプリプログラム

My book

電子書籍版もあります！

My book

Now on sale!!

電子書籍版もあります！

Enjoy iOS game programming

Hello cocos2d ios

Documents

Transcript of Hello cocos2d ios

Cocos2d 소개 - Korea Linux Forum 2014

Hub102 - Lesson 6 - Cocos2d-js

Introtoduction to cocos2d

Game development with Cocos2d

Cocos2d programming

Cocos2d game programming 1

Cocos2d x a to z (하)

IGRE Z IGRALNIM POGONOM COCOS2D-X · Cocos2d-x game engine Key words: game engine, game development, Cocos2d-x UDK: 004.388.4(043.2) Abstract Video games have been recently covering

Rapid Game Development Using Cocos2D-JSsamples.leanpub.com/cocos2d-sample.pdf · Getting Started Introduction Intheearlydays,gamesarehardertomake,butintherecentyearslotsof2D,3Dframeworksand

Test Driven Cocos2d

Extending Cocos2D-x Mobile 2D Framework

Cocos2d-x Cookbook - Sample Chapter

Advanced cocos2d

Chapter 1 - static.packt-cdn.com · cocos2d-x-3.4 — bash — gcx24 syuhari cocos2d—x—3.4$ source syuhari cocos —he — cocos cons 1.5 ole: A command line tool for cocos2d—x

IOS Press Goodbye Analytical Cellular Pathology, hello ...downloads.hindawi.com/journals/acp/2003/379168.pdf · Goodbye Analytical Cellular Pathology, hello Cellular Oncology! ...

Cocos2d for i phone(second) copy

hello · hello WAN-273 Cisco IOS Wide-Area Networking Command Reference March 2011 hello To configure the interval used to exchange hello ke epalive packets in a Layer 2 control channel,

Game development with Cocos2d-x Engine

Reid Perkins-Buzo Cocos2D Tutorial Cocos2D-iphone is a ... · Cocos2D organizes its projects using the concept of scenes, which are the “states” in the Finite State Machine which

Cocos2d for beginners