F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… ·...
Transcript of F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… ·...
![Page 1: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/1.jpg)
Cocos2d-xで作る物理演算ゲーム∼とりあえず体裁を整えよう編∼
= 2015年11月14日 =
![Page 2: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/2.jpg)
前回のあらすじ
チキンに引っ張って飛ばすと・・・
チキンが中央でホールドされて、画面全体がスクロールされる。
![Page 3: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/3.jpg)
ここまでのソースプログラムはここ
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で作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/4.jpg)
今回は体裁を整えます。
![Page 5: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/5.jpg)
見た目と少し中身をイジる
チキンにタッチしてスライドして離す!
飛ぶ!
![Page 6: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/6.jpg)
まずは起動しようAngryChickenをxcodeで実行。
![Page 7: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/7.jpg)
①画像を差し替える
![Page 8: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/8.jpg)
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で作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/9.jpg)
Resourceフォルダに⼿動でコピーして、プロジェクトへ登録!
①Resourceフォルダにコピー。②Xcodeプロジェクトへドラッグアンドドロップして上記設定OK。
![Page 10: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/10.jpg)
②ソースをイジる
![Page 11: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/11.jpg)
HelloWorldクラス関係を気持ち悪いので名前を変更する。
①ファイル名の変更HelloWorldScene.cpp
↓
MainGameScene.cpp
![Page 12: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/12.jpg)
ファイルの内容を変更
プロジェクトナビゲーターエリアの検索を使ってHelloWorldを置き換えよう。
![Page 13: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/13.jpg)
新しく追加したbg.pngの読み込み・シーン追加
*他の画像読み込み部分よりも前に記述しよう。とくに指定がない場合、描画順序は後にシーンに追加されるモノほど⼿前に表⺬されます。
![Page 14: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/14.jpg)
チキンと地面の位置調整と、物理演算上の属性パラメータの変更
それぞれ、密度、反発係数、摩擦係数まわりをいい感じに調整する。(トライアンエラーで)
![Page 15: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/15.jpg)
最後にスクロール範囲を変更
背景(bg.png)か地面(ground.png)のどちらかの⻑さまでスクロールすることになるので、スクロール幅に今回は背景の⻑さを設定
![Page 16: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/16.jpg)
実行してみよう!
チキンにタッチしてスライドして離す!
飛ぶ!
![Page 17: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/17.jpg)
次回は物理演算Chipmunk壊す対象を置いて当たり判定をとろう編
![Page 18: F:monolizmprj????????????????????????11? ?????? …e7%ac%ac11%e5%9b%9e_%e3%83%97%e3%83%ac… · Cocos2d-xで作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/18.jpg)
ここまでのソースプログラムはここ
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で作る物理演算ゲーム ∼とりあえず体裁を整えよう編∼](https://reader030.fdocuments.in/reader030/viewer/2022041211/5dd0ebbdd6be591ccb635899/html5/thumbnails/19.jpg)
ご清聴ありがとうございました。