こんばんわ!
では張り切ってやっていきますよー(^∇^)

今まで何も言いませんでしたが、

「いったいどんなゲームをつくるの?」


ってことですよね。

ずばり、ズーキーパーみたいなのを作ろうと思っています( ´艸`)

知る人ぞ知るズーキーパーですが、こんなものです↓

ズーキーパー

かなりハマり度の高いゲームなので・・・。


さて、今回はタイトルを表示するっていうことなので、

まずタイトルの画像を用意しました。「ゲームっぽいアプリ」ということで、GamePpoiです。

無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-8-2

なかなかさわやかな色合い・・・。

ちなみにこの画像は自分で作ってみました。
iOSではPNG形式の画像を用意するといいみたいです。

PNG形式の画像の作り方は、ここでは解説しません(゚ー゚;
関係サイトなどで調べてください。なんぼでもでてきますので、、、

で、この画像ファイルはiPhoneの画面サイズにあわせて作っておきます。

ちなみに自分のiPhoneは3GSなので、480×320ピクセルです。
iPhone4はこの倍の960×640ピクセルなんですよね。うらやましい。
iPhone4にばっちり対応させたい時はこの大きさで作るといいみたいです。

でも自分のiphoneに合わせて480×320ピクセルで進めていきたいと思います。

これを下のようにドラッグで、Resourcesに追加してみてみます。

無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-8-3

そうすると下のようなダイアログボックスがでてくるので、
デスティネーション・・・なんとかかんとかというのチェックボックスにチェックをしておきます。
無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-8-4

そうすると、追加されましたね。(o^-')b

無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-8-5


さて、プロジェクトには追加できました。

アプリケーションでこれを表示するために、ビューを編集しましょうo(^-^)o

Resourcesの中のxibファイルの、GamePPoiViewController.xib(ゲームっぽいビューコントローラーw)
をダブルクリックしてください。

そうすると、おなじみのInterfaceBuilderが起動します。

ではグレーのなんにもないViewウインドウがありますが、
これは縦型になっています。
今回のアプリは横向きで作っていこうという事でしたので、右上の矢印のマークをクリックします。
無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-8-6

そうすると、くるりんという何回も試したくなる演出とともに、画面が横になります。

無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-8-7

ここで気づいた方は鋭いですが、何回か前の回でせっかく消したステータスバーが出てきてます。

これも消えてくれないとこまるので、「Tool」の「Attributes Inspector」を選択して、
StatusBarの項目が「Gray」になってますよね。これを「Unspecified」を選択してステータスバーをけします。
無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-8-8

そうすると、ステータスバーが消える代わりのその分の画面の大きさも自体がちっちゃくなってしましましたので、
画面のサイズを調整します。

下のように、ものさし??のマークのタブを選択し、その中に設定されている画面のサイズを、
480×320にしましょう。

無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-8-9

「Tool」の「Liblary」を選択して、下のように ImageView というのを探し出します。

無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-8-10

そして、それをそのまま、横向きにしたグレーの「View」にドラッグします。
そうするとしたのように張り付きます。

無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-8-11

さて、もう少しです!!

この画面に貼付けたImageViewを選択した状態で、先ほど設定してた「Attributes Inspector」を見てみてください。

Imageの項目に最初の時にReseoucesに追加した「title.png」が選択できるようになっているはずです。

それを下のように設定してみると。
無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-8-12

キラーン( ̄▽+ ̄*)


無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-8-13

あぁ、美しい、

このまま実行しても、シミュレータではまだちゃんと表示されませんけど、
これを横にして、ちゃんと表示できるようにしたいと思います。

では乞うご期待!!!

ランキングに参加しています。下のクリックお願いします(*゚ー゚*)

にほんブログ村 携帯ブログ iPhoneへ
にほんブログ村
こんばんわ!

さてさてやっと始めるタイミングを見つけたので、やっていくでぇーヾ(@°▽°@)ノ

まず、前々回の記事の通り、タイトル画面から作るのですが、
このへんは昔ににやってる画面の遷移方法なんかと内容がにてるかもしれないけど、
もう一度復習という感じでやっていきたいと思います。

さっそく始めていきたいとおもいますヽ(゚◇゚ )ノ

もちろん、自分はまだ最初から作れる力はないので、いろいろなところを参考にしながらですけどね。。

えっと、本当のゲームみたいにタイトルの画像を画面いっぱいに表示してみたいと思ってます。
その場合、上のsoftbankとか電池の残量とか出てると、興がそがれるので消してみたりします。

そういえばプロジェクトの作成もしていないので、まずそこから。。。

Xcodeから新規プロジェクトを選んで、「ViewBased Application」を選択して、
次では「ゲームっぽいアプリ」から「GamePPoi」 と名付けたアプリにしました。(後で後悔するかも)
みなさんがする時はもっとかっこいいのにしてくださいね。

無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-2-1

無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-2-2

さてプロジェクトができたところで、いったん実行!!

無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-2-3

成功!(ふぅ(-。-;)

まずはじめのテーマ「ステータスバーを消す!!」をやってみます。

まぁゲームでは画面を広く使いたいので、不要ですねー。

左の「Resources」から、「GamePPoi-info.plist」を選択してみましょう。
で、右側の表みたいなとこみ右のはみ出たところに、よくわからない「≡」みたいながあるやつをクリックすると、新しい項目が追加されます。



無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-2-4

追加した行の選択項目から「status bar is initially hidden」を選んで右側に出たチェックボックスにチェックをいれましょう。
直訳すると、「ステータスバーの初期設定は隠す」といった感じでしょうかね?

無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-2-5

これで、多分ステータスバーは消えるな。。。という希望をもちつつ、
ついでにもう一つ設定しておきましょう。
ゲームの開発(デバッグ)にはマルチタスキングは不要ですよね。
ホームに戻ってアイコンを押すとまた最初からアプリが試せるし。
これも今設定した、info.plistから設定できるみたいなので、やっておきます。

さっきと同じ様に「+」を押して行を追加してから、選択項目から「Application does not run in background」を選んで、これも同じ様にチェックボックスにチェックをつけます。

無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-2-7


これで、マルチタスキングが無効になりました。

いっかい実行してみましょう(*^ー^)ノ


無知の状態からiPhoneアプリ開発に挑んでみる-2011-2-2-6

やったーo(^▽^)o

では、本日はここまでです。次回もよろしく。

にほんブログ村 携帯ブログ iPhoneへ
にほんブログ村
こんばんわ。

お久しぶりです。

今、ちょっとワケがありまして開発環境が手元ありませんのです。(>_<)

まもなく戻ってくると思うのですが、もうしばらくお待ちを!

前回、言いましたちょっと本格的なゲームアプリの開発をやっていきますが、

一応やりたいなぁと思っていること・・・

・ゲームに没頭できるようにステータスバーを見えなくする
・やっぱりタイトル画面も作ってみたい。
・かっこよく起動画面も作ってみたい(画面切替の復習)
・ゲームに不可欠なもだしたい♪
・勉強のため画面を横向きにする。
 (個人的には横向きゲームは持ち替えが面倒なので苦手なんですけど、
  勉強のためにやっときましょう。)
・やっぱり最初はパズルゲームかな
 (ゲームのジャンルとしてはパズルとアクションで6割を占めているそうです)

どうでしょうφ(.. )

いきなりハードルが高いような気がしますが、目標設定はドーンとね。

では近々開始しますよ!

にほんブログ村 携帯ブログ iPhoneへ
にほんブログ村