f:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… ·...

19
Cocos2d-xで作る物理演算ゲーム とりあえず体裁を整えよう編= 2015年11月14日 =

Upload: others

Post on 30-Aug-2019

7 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

Cocos2d-xで作る物理演算ゲーム∼とりあえず体裁を整えよう編∼

= 2015年11月14日 =

Page 2: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

前回のあらすじ

チキンに引っ張って飛ばすと・・・

チキンが中央でホールドされて、画面全体がスクロールされる。

Page 3: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

ここまでのソースプログラムはここ

http://monolizm.com/sab/src/AngryChicken9.zip

GETだぜ!

Page 4: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

今回は体裁を整えます。

Page 5: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

見た目と少し中身をイジる

チキンにタッチしてスライドして離す!

飛ぶ!

Page 6: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

まずは起動しようAngryChickenをxcodeで実行。

Page 7: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

①画像を差し替える

Page 8: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

3つの画像を用意

bg.png <-NEW!2272x640

ground.png2272x37

chicken.png85x95

今回はスクロール最大2272までとするので地面と背景はその分もつ

Page 9: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

Resourceフォルダに⼿動でコピーして、プロジェクトへ登録!

①Resourceフォルダにコピー。②Xcodeプロジェクトへドラッグアンドドロップして上記設定OK。

Page 10: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

②ソースをイジる

Page 11: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

HelloWorldクラス関係を気持ち悪いので名前を変更する。

①ファイル名の変更HelloWorldScene.cpp

MainGameScene.cpp

Page 12: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

ファイルの内容を変更

プロジェクトナビゲーターエリアの検索を使ってHelloWorldを置き換えよう。

Page 13: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

新しく追加したbg.pngの読み込み・シーン追加

*他の画像読み込み部分よりも前に記述しよう。とくに指定がない場合、描画順序は後にシーンに追加されるモノほど⼿前に表⺬されます。

Page 14: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

チキンと地面の位置調整と、物理演算上の属性パラメータの変更

それぞれ、密度、反発係数、摩擦係数まわりをいい感じに調整する。(トライアンエラーで)

Page 15: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

最後にスクロール範囲を変更

背景(bg.png)か地面(ground.png)のどちらかの⻑さまでスクロールすることになるので、スクロール幅に今回は背景の⻑さを設定

Page 16: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

実行してみよう!

チキンにタッチしてスライドして離す!

飛ぶ!

Page 17: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

次回は物理演算Chipmunk壊す対象を置いて当たり判定をとろう編

Page 18: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

ここまでのソースプログラムはここ

http://monolizm.com/sab/src/AngryChicken11.zip

Page 19: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼

ご清聴ありがとうございました。