cocos2d-xを利用した パズドラ風ゲームをつくってみよう

（パズル部分） 株式会社TKS2 清水友晶

清水 友晶 �  株式会社TKS2 スマートフォンアプリ開発 Webコンテンツ開発

�  日本cocos2d-xユーザ会代表 講演活動 執筆活動

�  チラ裏開発メモ: http://tks2.net/memo

�  SlideShare: http://www.slideshare.net/doraemonsss

�  6/25発売 �  2,800円 ＋ 税 �  400ページ

�  6/18発売 �  2,980円 ＋ 税 �  312ページ

�  日本cocos2d-xユーザ会 http://cocos2d-x.jp

�  cocos2d-x開発元Chukong Technologies社公認

�  cocos2d-xのための自由なコミュニティー

�  入門者から上級者まで誰でもOK!!ぜひご参加を! (1000人以上参加)

�  cocos2d-xに関することなら何でも投稿できます!!

�  https://www.facebook.com/groups/cocos2dxjp/

�  12/19 第15回 shinjuku.cocos2d-x

�  1/16 shinjuku.cocos2d-x初心者ハンズオン 　　　　～cocos2d-xを利用したクロスプラットフォーム開発環境構築～

�  1/23 第16回 shinjuku.cocos2d-x

�  2/M shinjuku.cocos2d-x初心者ハンズオン

目次 �  パズドラ風ゲームの作成

�  画面を縦に設定する �  玉を配置する �  玉の重複を消去する �  玉を移動する �  玉を交換する �  玉を消す �  玉を作成する

�  画像のダウンロード �  http://goo.gl/Uf55ve

画面を縦に設定する �  RootViewController.mmを編集

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation { ! return UIInterfaceOrientationIsPortrait( interfaceOrientation ); !} !!- (NSUInteger) supportedInterfaceOrientations{ !#ifdef __IPHONE_6_0 ! return UIInterfaceOrientationMaskPortrait; !#endif!} !

玉を配置する �  次のファイルを修正する

�  AppDelegate.cpp �  HelloWorldScene.h �  HelloWorldScene.cpp

�  Puzzle Game (1) http://goo.gl/kMYflo

�  BallSpriteクラスの用意

玉の重複を消去する �  次のファイルを修正する

�  HelloWorldScene.cpp

�  Puzzle Game (2) http://goo.gl/EG6INz

�  玉の重複チェック

玉を移動する �  次のファイルを修正する

�  HelloWorldScene.h �  HelloWorldScene.cpp

�  Puzzle Game (3) http://goo.gl/pcT97J

�  タップイベントの取得

�  タップイベントの処理

玉を交換する �  次のファイルを修正する

�  HelloWorldScene.h �  HelloWorldScene.cpp

�  Puzzle Game (4) http://goo.gl/ORrXFp

�  玉同士の距離判定

�  玉の入れ替え処理

玉を消す �  次のファイルを修正する

�  HelloWorldScene.h �  HelloWorldScene.cpp

�  Puzzle Game (5) http://goo.gl/PlGGZ3

�  玉の並びをチェック

�  消される玉の保持

�  玉が消えるアニメーション

玉を作成する �  次のファイルを修正する

�  HelloWorldScene.h �  HelloWorldScene.cpp

�  Puzzle Game (6) http://goo.gl/Pe9PYe

�  消えた玉の上部に玉を作成する

�  玉が落ちるアニメーション

�  パズル部分の完成

おわり �  次回

�  物理エンジン向けクラスの利用