eggmobile
前回までで背景の設置が終わりました。今回は主人公を設置します。
SpriteBuilderを使えばアニメーションを簡単に作れます。普通の開発ではコードを書いてコマ送りを実装ますが、SpriteBuilderでは、動作を見ながらアニメーションを作ることができます。
Heroという名前で、「Sprite」を選択してファイルを作成します。
作成したファイルに画像を設定します。
続いて、時間間隔を設定します。
10秒を1秒に変更します。
アニメーション作成のため、Sprite Frameを追加します。
タイムラインを動かしながら、SpriteFrameを６つ追加します。
つぎに、Sprite Frameを一つおきにfly2.pngに変更し、羽がパタパタするアニメーションを作成します。
最後に動画がループするように設定します。
これで主人公のアニメーションが作成できました。
次回
Cocos2d-iPhone 3.0と SpriteBuilderでFlappyBirdっぽいゲームを作ります。
というか、こちらの記事の和訳＋補足になります。
https://www.makegameswith.us/gamernews/369/build-your-own-flappy-bird-with-spritebuilder-and
↑こういったアプリが作れます。
まず以下の２つをDLし、インストールしましょう。
両方共インストールが完了したら早速始めちゃいましょう。
参照元は「チュートリアルはやっておいてね」と書いていたのですが、無視します。
SpriteBuliderを起動して、プロジェクトを作ります。
File > New > Project と選択して、
「FlappyFly」という名前をつけて、デスクトップに保存。
（保存先はどこでも良いです。）
するとプロジェクトが作成されて、最初の画面が表示されます。
SpriteBuilderという文字と、その後ろの青い背景を消します。
これで何もなくなりました。
ちなみにオブジェクトを選択してdeleteボタン押しても消せます。
横画面だと具合がわるいので、縦にします。
File > ProjectSettings… を選択し、
Default scaling from: を 2x(iPhonehd)に、
Orientation: を Portraitにして
「Done」を押します。
これで画面が縦になりました。
続いてはSpriteBuilderで背景画像を設置します。
こちらのページから画像をダウンロードします
https://s3.amazonaws.com/mgwu-misc/FlappyFlyArtPack.zip
ダウンロードして解凍したフォルダを、プロジェクトに追加します。
ドラッグアンドドロップで追加できます。
追加した画像から、背景画像（background.png）を設置します。
左側の追加したフォルダを開き、ドラッグアンドドロップで画面上に画像を設置します。
設置した画像を選択すると、右側のバーに位置などの設定画面が出ます。
そこのPosition, AnchorPointを変更します。
まずPositonは「Top-left」で、Xが「0.0」Yも「0.0」に、
Anchor Pointは、Xを「0.0」に、Yを「1.0」に設定します。
これで位置を整列できました。
Top-Left、つまり左上を基準として設定したわけですが、こうすることで、iPhone4でもiPhone5でも対応できるようになります。
iPhone4での見え方を確認したい場合はこちらの設定から確認できます。
背景画像と同様に、地面も設置します。
ground.pngをドラッグアンドドロップします。
その後、先程と同様に位置指定をします。
PositionはBottom-leftでXが0.0、Yが12.0。
Anchor pointはXが0.00、Yが0.50。
同様に、雲も設置してみます。
PositionはTop-leftでXが187.0、Yが134.0。
というわけで今日はここまで。
次回
cocos2d-xばかりで、cocos2d-iPhoneについてどこも書いてないので、メモしておきます。
参照元はこちら。
https://www.makegameswith.us/gamernews/359/cocos2d-30-a-brief-transition-guide
おっと、こちらに日本語で詳しく書かれていました。。。
実機でテストしようとしたら以下の様なエラーが出てしまいました。
Unknown register name ‘q0’ in asm
そんなときの対処法。
__ARM_NEON__
↑このように書いてある箇所を↓のように変更します。
__ARM_NEON_7
mat4.cとneon_matrix_impl.cで1箇所ずつ書かれている箇所があるので、両方修正します。
参考元 : http://stackoverflow.com/questions/21510187/unknown-register-name-q0-in-asm
結論。消して良い。
現在、開発機にMacBookAirの128GBストレージのものを使っているのですが、容量的にカツカツになってきたのでいらないファイルの整理を行いました。
その中で、iPhoneシュミレーターのiOS6.1の一時ファイルと思われるディレクトリ「~/Library/Application Support/iPhone Simulator/6.1/tmp」の中身が1GB以上もファイルを持っており、容量を圧迫していることがわかりました。
ghostlyIcons.というのは見たことのないファイルなのでよくわからなかったのですが、リンク先によれば、tmpフォルダにあるものは基本的には削除して良いものだということです。
また、ghostlyIcons.自体がバグにより生成されたものなのではないかということも書いてありました。
というわけでghostlyIcons.のファイルを全部削除。
そもそもiOS6.1のシュミレーターは最近ほとんど使っていないので、なにか起きてもそれほど影響はないのですけどね。
ちなみにどのファイルやディレクトリが容量が大きいか、というのは、GrandPerspectiveというフリーソフトを使いました。
どのファイルがどれだけ容量を食っているのかを可視化してくれます。
Xcode5.1にアップデートしたら、cocos2dで以下の様なエラーが出ました。
Redefinition of ‘__ccContentScaleFactor’ with a different type: ‘CGFloat’ (aka ‘double’) vs ‘float’
というわけでググったらこちらのページに解決法が載っていました。
http://www.cocos2d-iphone.org/forums/topic/redefinition-error-__cccontentscalefactor/
CCDirectorIOS.hの109行目です。
[objc]
// optimization. Should only be used to read it. Never to write it.
//extern CGFloat __ccContentScaleFactor; // CGFloatをfloatに修正
extern float __ccContentScaleFactor;
[/objc]
↑こんなかんじ。
同様に実装の方も修正。
CCDirectorIOS.mの66行目です。
[objc]
// CGFloat __ccContentScaleFactor = 1; // CGFloatをfloatに修正
float __ccContentScaleFactor = 1;
[/objc]
とりあえず動くようになりました。
デバッグ用にスロー再生したいとき。
cocos2dのテンプレートで作成したプロジェクトのAppDelegate.mのapplication:didFinishLaunchingWithOptions:の最後の方に以下の一文を入れます。(return YES;の前。)
[objc]
– (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
//【中略】
// 時間を5倍にする
[director_ scheduler].timeScale = 0.2;
return YES;
}
[/objc]
これで通常の5分の1のスロースピードで動きます。
timeScaleを2とかにすると、2倍の早さで動きます。
Cocos2d。先日の「Nodeを回転させる」の発展版。
デフォルトだとスプライトは中心に回転軸があるのですが、
これをずらしたい時の方法。
[objc]
// -45度まで回転させるCCRotateをつくる
CCRotate *rotateToMinus45 = [CCRotateTo actionWithDuration:0.2 angle:-45];
// スプライトの回転軸（中心点）を変更。ccp(0,0)だと左下、ccp(1,1)だと右上
hogeSprite.anchorPoint = ccp(0, 0);
// スプライトを回転させる
[hogeSprite runAction:rotateToMinus45];
[/objc]
中心軸(anchorPoint)を変更すると、回転軸も変わります。
中心軸は0~1で指定します。デフォルトは中心なのでccp(0.5,0.5)ですね。
中心軸を変更すると、それにともなって描画位置も変更されるので、座標の調整が必要です。
おかげさまで、オナ禁カウンターが全世界累計1万ダウンロードを達成いたしました。
ダウンロードをしてくださいました皆様、ありがとうございます。
引き続き、改良を進めてまいります。
これからも「オナ禁カウンター」をよろしくお願い致します。
cocos2dでnode（スプライトなど）を回転させる方法。
CCRotateToだと、指定の角度まで。
CCRotateByだと、指定の角度だけ回転させる。
[objc]
// -45度まで回転させるCCRotateをつくる
CCRotate *rotateToMinus45 = [CCRotateTo actionWithDuration:0.2 angle:-45];
// スプライトを回転させる
[hogeSprite runAction:rotateToMinus45];
[/objc]