アプリ開発日記(仮) -5ページ目

アプリ開発日記(仮)

iPhoneとiPad向けにアプリのリリースをするために頑張る人のブログ


骨組みはできたので、これからは肉付けです。

↓前回掲げた肉付け目標↓
追加・変更したい項目
・タイトル画面の変更
・ゲーム画面の背景変更
・各種サウンドの追加
・ブロック&地面にテクスチャ追加
・ブロック着地時のエフェクト追加 ←今回の標的
・カメラ移動を滑らかに
・ハイスコアの保存


ということでパーティクルを作ります!
円状に広がる衝撃波や埃・煙といった感じをイメージです。

本当はアセットストアから良さ気なものを持ってこようかと思ったのですが、無料の物で使えそうなのが無かったので勉強がてら自分で作ることにしました。

パーティクルは設定できる項目が多いので、創意工夫で色々と作れるみたいです。

無料版でも機能制限されずにフルで使えるのはイイですね。

その項目を色々とこの項目をいじった結果がコチラ

GIFだとカクついて分かりづらいですが、それっぽくはなっていると思います。

コレをブロックの着地に合わせて再生されるようにします。
実装方法ですが、このゲームの場合はこのエフェクトが同時に複数再生される事が無いので、
ブロック着地>エフェクトの座標を着地地点に移動>エフェクト再生
と言う感じにしたいと思います。

そして、その実装結果がコチラ

着地した感が出てます(^_^)

比較用にエフェクト無し版

エフェクト1つでだいぶ印象が違います。
エフェクトって重要ですね。





BISHAMONゲームエフェクトデザイン入門 (GAME DEVELOPER BOOKS)/秀和システム
¥4,536
Amazon.co.jp

ゲームエフェクトマニアックス (C MAGAZINE)/松浦健一郎
¥3,024
Amazon.co.jp



メインの流れができたので、タイトル画面を追加して(クオリティは置いといて)アプリとしてリリースできる形にします。

ロゴ等をチョチョイと作って、フリーの背景画像を持ってきて、コード書き足して、バグと戦い、できたのがこちら

タイトル>メイン>タイトルのループも問題無いので、一応アプリとしてリリースできる形になりました。
あとは色々追加したりして、よりゲームらしくしたいと思います。

以下追加・変更したい項目
・タイトル画面の変更
・ゲーム画面の背景変更
・各種サウンドの追加
・ブロック&地面にテクスチャ追加
・ブロック着地時のエフェクト追加
・カメラ移動を滑らかに
・ハイスコアの保存





SAI×Photoshopで描く 背景イラストテクニック ~人物のいる魅力的な風景を描く/技術評論社
¥2,462
Amazon.co.jp

Photoshopで描く 漫画、イラストのための背景画の教科書/エムディエヌコーポレーション
¥2,376
Amazon.co.jp


メインの部分が一段落したのでこんな感じの殺風景な背景から脱却したいと思います。


とは言ったものの、どんな雰囲気にするかさえも考えていません(>_<)
とりあえず良さ気なフリーの素材を見繕って背景に設定。
静止画だと味気ないのでパーティクルも追加してみました。

デキ等は置いといて、次はタイトル等を追加してアプリとして成立するようにしたいと思います。





Unityではじめる2Dゲーム作り徹底ガイド スマートフォンでも遊べる本格ゲーム開発に挑戦/SBクリエイティブ
¥3,240
Amazon.co.jp

Unity4入門 最新開発環境による簡単3Dゲーム制作/SBクリエイティブ
¥2,700
Amazon.co.jp


前回はメイン>リザルトまでの流れが形になったので、
リザルト>フェードアウト>初期化>フェードイン>メイン
とフェード処理を挟んでシーン移行を自然な感じにしたいと思います。

フェード処理について調べたところiTween と言う無料のアセットが便利との事。
早速インポートして試したところ…



uGUIの「BLOCK COUNT」2箇所に適用されません(>_<)

フェード処理は黒い板ポリの透明度をiTweenで操作してるのですが、uGUIはレイヤーマスク等をいじっても最前面にしゃしゃり出てきます。

なので、板ポリと同時にuGUIの透明度を操作しようと試行錯誤…。

色々試したのですが、uGUIの透明度をiTweenで操作できませんでした(>_<)
多分方法は有るのでしょうが、分からないので普通に操作できるアニメーションで頑張る事にしました。

「BLOCK COUNT」2箇所それぞれにアニメーションを作って遷移設定をします。

そして、コードを書き足して…実行!




できました(^_^)

スマートでは無いのでしょうが、見た感じ違和感無いのでOKです。

ゲームとしては問題無いので、次は殺風景な背景に着手したいと思います。





Oculus Riftでオレの嫁と会える本 UnityとMMDモデルで作る初めてのバーチャルリ.../翔泳社
¥2,894
Amazon.co.jp

ゲームの作り方 Unityで覚える遊びのアルゴリズム/ソフトバンククリエイティブ
¥3,888
Amazon.co.jp


リザルト画面を搭載する為に下準備です。

まず必要な物は
・「崩れた!」的なメッセージ
・「リザルト」のメッセージ
・「スコア」の表示
とりあえずはこの3つがあれば十分かと。

と言う訳で「崩れた!」的なメッセージと「リザルト」のメッセージを作りました。

こんな感じです。
「スコア」の表示はuGUIを使うので作りませんでした。

ブロックが崩れた瞬間にこれらがドンッ!といきなり表示されるのも味気ないのでアニメーションを付けたいと思います。

チマチマとアニメーションを作って、アニメーターで遷移設定します。

あとは「リザルト」と「スコア」も似た感じでアニメーションを付けて遷移設定します。

で、できたのがコチラ

中々良い感じです(^_^)

あとは右上のスコア表示を消すようにすれば問題無さそうです。

次はリザルト画面でクリックすると
ブラックアウト>初期化>フェードイン
で永遠とプレイできるようにしたいと思います。





アニメーションの本―動く絵を描く基礎知識と作画の実際/合同出版
¥1,944
Amazon.co.jp

アニメーションの基礎知識大百科/グラフィック社
¥3,024
Amazon.co.jp