テンプレートを使って簡単・スマホ開発テンプレートを使って簡単・スマホ開発

「cocos2d」を使ってiPhoneゲームを作ってみよう


akio0911
@akio0911
2011/2/21

テンプレートベースでゲームが作れる「cocos2d」

- PR -

 「cocos2d for iPhone」(以下、cocos2d)は、iOS(iPhone/iPod touch/iPad)やMac OS X向けの2Dゲームやグラフィカルなインタラクティブアプリを開発するための、フレームワークです。物理エンジンの「Box2d」「Chipmunk」を持ち、サウンドエンジンも搭載しています。

 cocos2dを使うと、スプライト・シーン・トランジション・アクション・メニュー・タッチ操作・加速度センサなどの機能を利用して、ゲームアプリやインタラクティブ系のアプリを素早く作ることが可能です。

 本稿では、cocos2dの概要と基礎的な使い方を紹介します。

cocos2dの主な特徴5つ

 cocos2dには、以下のような特徴があります。

【1】テンプレートで使い方が簡単

 使いやすいテンプレートやObjective-Cのクラスライブラリがそろっています。サンプルコードも充実しています。詳細は、本稿で解説します。

【2】動作が高速

 OpenGL ES 1.1ベースなので、動作が高速です。面倒なパフォーマンスチューニングを肩代わりしてくれます。

【3】オープンソースで無料

 MITライセンスのオープンソースで無料ですが、使ってみて気に入った方は、寄付できます。

【4】コミュニティもある

 情報を交換できるコミュニティやTwitterに日本語のファンアカウントがあります。

【5】実績もたくさん

 App Storeに並んでいる1500本以上のアプリが、cocos2dを使って構築されています。例えば、「Zombie Farm」「Trainyard」といったベストセラーゲームも、cocos2dを使って構築されています。

cocos2dでゲームを作るための準備

 cocos2dを使ってiPhoneアプリを作るための準備をしましょう。

iOS SDKのセットアップ

 まず、iOS SDKのインストールが必要です。まだの方は、「iOS Dev Center - Apple Developer」でSDKをダウンロードし、インストールしてください。

 また、作ったアプリをiPhone実機にインストールしたり、App Storeにアップロードしたりするためには、「iOS Developer Program」への加入が必要です(年間$99の支払い)。


cocos2dのセットアップ

 「Download | cocos2d for iPhone」からcocos2dをダウンロードしましょう。2011年2月現在の最新版は「cocos2d-iphone-0.99.5.tar.gz」です。

 ダウンロードが完了したら、ファイルをFinder上でダブルクリックして解凍しましょう。

 解凍したときに作成されるフォルダ「cocos2d-iphone-0.99.5」を開き、その中の「cocos2d-ios.xcodeproj」ファイルをダブルクリックしましょう。

 Xcodeが起動します。

 このプロジェクトには、cocos2dのサンプルが多数含まれています。

 これらのサンプルを実行してcocos2dで実現できることを確認し、対応するソースコードを読んで使い方を確認し、部分的に書き換えていろいろと試していくことが、cocos2dの使い方を学ぶ一番良い方法だと思います。

 ここで1つ、サンプルコードを実行してみましょう。「ActionTest」を選択します。

 [ビルド]→[ビルドと実行]を選択します。

 シミュレータが起動し、サンプルアプリが動作します。

 ちなみに、今起動した「ActionsTest」のソースコードは、testsグループの中に入っています。


Xcode向けのテンプレートで「Hello cocos2d!」

 cocos2dでは、Xcode向けのプロジェクトテンプレートが用意されています。このテンプレートを使うことで、cocos2dを使ったアプリのプロジェクトを素早く作成できるようになります。

プロジェクトテンプレートのインストール

 早速インストールしてみましょう。まずはターミナルを起動します。

 「cd」と打ち込みます。

 Finderからターミナルのウィンドウへ、「cocos2d-iphone-0.99.5」フォルダをドラッグ&ドロップします。

 フォルダの場所が自動入力されるので、そのままエンターキーを押します。

 その後、以下のように入力し、エンターを押すと、テンプレートがインストールされます。

% sudo ./install-templates.sh

プロジェクトテンプレートの実行

 インストールされたテンプレートを早速使ってみましょう。Xcodeを起動して、[ファイル]→[新規プロジェクト]を選択します。

 左側の一覧から「cocos2d 0.99.5」を選択し、右側の一覧から「cocos2d Application」を選択します。右下の[選択]ボタンをクリックします。

 プロジェクトの保存場所と、名前を聞かれます。ここでは「TestGame」とします。右下の[保存]ボタンをクリックします。

 プロジェクトが作成されました。

 [ビルド]→[ビルドと実行]を選択します。シミュレータが起動し、画面に「Hello World」と表示しました。


  1/3

 INDEX
テンプレートを使って簡単・スマホ開発 
「cocos2d」を使ってiPhoneゲームを作ってみよう
Page1
テンプレートベースでゲームが作れる「cocos2d」
cocos2dの主な特徴5つ
cocos2dでゲームを作るための準備
Xcode向けのテンプレートで「Hello cocos2d!」
  Page2
cocos2dの肝「スプライト」とは
スプライトをもう1つ追加
スプライトを動かすには
  Page3
タッチ操作に反応するには
画面の単位「シーン」とは
シーン間を切り替える「トランジション」とは
ユーザーに選択肢を提示する「メニュー」とは
cocos2dに関する情報源

■ @IT関連記事


クラウドで動くGPS連動スマホ用Webアプリを作る
たぶん1時間でできるマッシュアップ講座
 Google App Engine用Webアプリ開発の環境を構築し、マップや位置情報取得、施設情報のWeb APIを組み合わせてみます
Smart & Social」フォーラム 2010/11/4
iPhoneで動かす業務用Webアプリ開発入門
業務用アプリのiPhone対応経験を基に、iPhoneで動かすための、業務で使えるWebアプリケーションを作成するときのコツを紹介します
Smart & Social」フォーラム
App Store登録もOK! JavaScriptで作るiPhoneアプリ
これ、俺ならこう使う(5)
 HTML+JavaScriptでiPhoneアプリをWebアプリ的に開発しつつ、App Storeで販売できてしまう一挙両得のハイブリッド手法でCoCoTwitter作りました
Smart & Social」フォーラム 2008/11/28
HTML+JavaScriptでiPhone/Androidアプリを作る
Web技術でネイティブアプリを作れるTitanium(1) 
iPad/iPhone VS Androidに戸惑っているWebデザイナ/開発者のためにオープンソースの開発ツールを紹介します
Smart & Social」フォーラム 2010/2/18


 Smart&Social フォーラム トップページへ



Smart & Social フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

Smart & Social 記事ランキング

本日 月間