今月の広告収益が１００万に達するのでアプリの作り方教える

7:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 14:17:55.86 ID:NGrwB/fD0
先生なー　そういうの嫌いじゃないぞー

21:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 14:32:59.29 ID:NGrwB/fD0
http://www.cocos2d-x.org/download
ここからCocos2d-xをダウンロードします。これから主流になるであろう、v3.0 alpha1 をダウンロードしよう。

25:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 14:41:03.69 ID:NGrwB/fD0
次にターミナルを開き、配置したcocos2dxのディレクトリへいく。
tools/project_creator フォルダを開く> python create_project.py
と実行すると
Usage: create_project.py -p <PROJECT_NAME> -k <PACKAGE_NAME> -l <cpp|lua|javascript>
Sample: create_project.py -p MyGame -k com.MyCompany.AwesomeGame -l javascript
というのが出てくる。

29:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 14:53:46.31 ID:NGrwB/fD0
ここで作成したプロジェクトはCocos2dxフォルダのprojectsフォルダの中に新しく作られている。
しかもそのなかには proj.iso_mac や proj.android のように、iOS用のプロジェクトフォルダ、 android用のプロジェクトフォルダに分かれていて、それらをXcodeやEclipseで開くと、サンプルプログラムが動くようになっている。

30:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 15:00:39.75 ID:NGrwB/fD0
さっそくproj.ios_mac フォルダの中にあるプロジェクトファイルを
Xcodeで開いてビルドしてみると、サンプルプログラムが起動するのを
確認することができる。
http://i.imgur.com/rEdw6AF.png

32:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 15:04:44.53 ID:NGrwB/fD0
Androidの方も、開けばいけると書いたな。あれは嘘だ。
なにかとめんどくさいがAndroidはEclipseからまずソースを開く。
プロジェクトツリーを右クリックしてImportメニューを開き、そこからExisting Android Sourceとかいうやつを選んで、先ほどのproj.android フォルダを選択してやるとEclipseで開くことができる。
だが、Cocos2d-xのコア部分はC++で書かれており、Eclipseではここをコンパイルすることができないので、別途ターミナルからコンパイルをしてやる必要がある。
proj.androidフォルダを開くと、build_native.shというファイルがあるのでこれを編集し、
NDK_ROOT=”/dokodoko”
という感じでAndroidNDKを展開したフォルダを記述してやり保存する。
既に環境変数で設定してあれば必要はないはず。
AndroidNDKがない人はここからダウンロードをする
http://developer.android.com/tools/sdk/ndk/index.html
これでbuild_native.shを実行すれば、コンパイルが行われる。

45:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 15:36:57.78 ID:NGrwB/fD0
Androidビルド続き
native_build.sh を実行したらコンパイルが走って、たくさんのファイルがコンパイルされるので待つ。
Eclipse側の環境設定メニューより
General->Workspace->Linked Resources->Newで
Name: COCOS2DX Value: cocos2dxのフルパス
C/C++->Build->Enviroment->Addで
Variable:NDK_ROOT Value:NDKを展開したフルパス
を設定。
プロジェクトツリーに cocos2dxフォルダ/cocos2dx/platform/android/java
をインポートで展開。
これでビルドが通るようになった。

46:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 15:37:48.40 ID:NGrwB/fD0
ここまでいけば、あとは共通のコードを書いていくだけど、
iOS Android それぞれのアプリが出来上がる環境が完成する。

51:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 15:48:01.24 ID:NGrwB/fD0
http://i.imgur.com/v27QxJw.png100万超え記念

54:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 15:53:44.79 ID:NGrwB/fD0
さてお次はiOS/Androidで動くようになったら、それぞれの環境で
縦持ちで遊べるように設定する。
デフォルトは横持ち設定でいかにもゲームっぽいけど、
電車通勤のリーマンはそれじゃ遊べないので、縦持ちに変更する。iOS側の設定はプロジェクトの設定で
Orientation設定を Portrait のみに変更するだけ。
http://i.imgur.com/v27QxJw.png

65:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 16:31:59.24 ID:NGrwB/fD0
縦画面のスクショがやっととれたので貼っとく
http://i.imgur.com/2OJAWp2.pngこうなる。
左がAndroid　右がiOS

67:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 16:46:11.97 ID:NGrwB/fD0
さて、色々考えたが、手っ取り早くじゃんけんゲームを作ってみる。
じゃんけんゲームなぞ、Cocos2dxを使わなくても簡単につくれるんだけど、
とりあえず練習なので。

69:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 16:53:12.56 ID:NGrwB/fD0
とりあえずグー・チョキ・パーの画像を準備する。
今回は200×200のサイズで作成をした。
pngファイルにして、それぞれ
goo.png choki.png par.png として保存する。
保存場所は
プロジェクトフォルダの中のResourcesフォルダへ保存する。

70:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 16:55:05.48 ID:NGrwB/fD0
こんなかんじ
http://i.imgur.com/VIwLsBR.png

71:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 17:00:24.26 ID:NGrwB/fD0
次にClassesフォルダの中のHelloWorldScene.cppファイルを編集する。
まずは、HelloWorld::init() メソッドの中のコードを１．を残してごっそり削除する。
http://i.imgur.com/gKCulhp.png

72:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 17:17:18.24 ID:NGrwB/fD0
ラベルを表示する処理を書いてみる
実行結果はこんな感じ
http://i.imgur.com/80xRw3P.pngちなみにCocos2dxでは基本的に画面左下が始点で(0,0)座標となっている

76:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 17:36:24.22 ID:NGrwB/fD0
じゃんけん画像が表示されるコードを書く
内容はこんな感じ
http://i.imgur.com/hm7P1wi.pngアニメーションによりグーチョキパーが交互に表示されるようになっている。

77:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 17:44:59.85 ID:NGrwB/fD0
次にじゃんけんボタンを配置していきたいが、
先にHelloWorldScene.h ファイルの方にボタンを押した時の
処理を記述するメソッドを宣言しておく。
http://i.imgur.com/ygqmfn8.png書きながら考えながらやってるので遅いです

78:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 17:52:51.28 ID:NGrwB/fD0
ボタンはメニューボタンで配置を行ってみた。
普通にボタンも作れるが、意味もなくメニューボタンにした。なんでだろう。
ボタンを配置して、押された時のメソッドも用意しておく。
メソッドはひとつにまとめればよかったかもしれない。
http://i.imgur.com/NGoCP3k.png

81:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 18:15:40.37 ID:NGrwB/fD0
とりあえず事前準備として、
メソッド外の所にstatic変数を追加しておく。
２つ。
http://i.imgur.com/wf7x5r4.png

82:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 18:17:13.42 ID:NGrwB/fD0
staticに移動した分は、本文内のauto宣言を
削除しておく。
http://i.imgur.com/9oUBhNP.png

83:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 18:23:34.73 ID:NGrwB/fD0
static変数にLabelオブジェクトも追加しておく。
ややこしくてすまない。
http://i.imgur.com/EVwJye7.png

84:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 18:24:39.65 ID:NGrwB/fD0
initメソッド内に乱数の初期化と
Labelの準備をしておく。
http://i.imgur.com/4X0pAcA.png

85:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 18:26:22.81 ID:NGrwB/fD0
ボタン類のメソッドの直前に、勝敗決定の処理をいれる
なんとも情けないプログラムで申し訳ない。
http://i.imgur.com/DmbzZcC.png

86:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 18:27:28.77 ID:NGrwB/fD0
そして各ボタンのメソッドより
先ほどの勝敗決定処理を呼ぶ
便宜上 1=グー 2=チョキ 3=パー　ということにしている。
http://i.imgur.com/ymZLeUU.png

87:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 18:39:04.48 ID:NGrwB/fD0
できたので頑張ってGIFにしてみた
見えるだろうか
http://uploda.cc/img/img52aeca212ee2c.gif

89:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 18:46:28.30 ID:NGrwB/fD0
これでiOS版は動くようになったので、Androidでも動くようにしたい。
だが、今のままではAndroidだと機種により画面サイズが異なるので、バラバラの見え方になってしまう。
それを防ぐために、AppDelegate.cppへ下記の記述をいれる。
http://i.imgur.com/CABMOMI.png
本当はAndroidの場合のみいれるとかしたほうがいいけど、省略する。
この記述により画面サイズの違いを指定解像度の倍率に変更し最適化をしてくれる。

94:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 18:58:35.39 ID:NGrwB/fD0
あとは、先ほどと同様にbuild_native.shを実行して、更新部分を再コンパイルする。
Eclipseからプロジェクトを実行すると、、、まったく同じプログラムがAndroidにて動作します。
動画もとったけど、GIFに変換したらでかすぎてアップできなかったので残念無念。

97:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 19:01:42.26 ID:NGrwB/fD0
一応これでじゃんけんゲームは終わりです。
後は、もう一回プレイするボタンをつけるだとか、画像や背景を設定するだとか
買ったらポイントがたまっていくだとか、そういうのを付け加えれば
それなりにゲームらしくなるかもしれないです。つまらんでしょうけど。

101:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 19:24:58.50 ID:NGrwB/fD0
githubにソースをアップしたので欲しい人はとってってください

GitHub - mokosoftopen/cocos2dx_jangken

Contribute to mokosoftopen/cocos2dx_jangken development by creating an account on GitHub.

github.com

104:以下、名無しにかわりましてVIPがお送りします 2013/12/16(月) 19:42:17.60 ID:NGrwB/fD0
今度はUnity講座やりたいなぁ
意味のわからない所とか詳しく解説して欲しいところがあれば
質問に応えたいです