３Ｄ宝石集めアクションゲーム 設計を考える
最終更新：
orika_ex_miyako 2023年04月01日(土) 12:01:21履歴
３Ｄ宝石集めアクションゲームの設計を考える 
Unityのバージョンは2021.3.xf1 以降にて製作を行う前提です。
ゲームのジャンルは３Ｄゲーム、スマホでも遊ぶことができるアクションゲームです。
基礎設計が出来上がれば、あとはモデルを自由に差し替えたり(キャラ以外のものに変更)、ステージ用の背景を変えたり、
新しいルールや機能を追加していくことでオリジナルアプリとして製作することも出来ますし、
自分の考えたアイディアを盛り込むことができれば、最終的にはポートフォリオとしていただくことも出来ます。(この教材を作っただけではポートフォリオにはなりません。)
少なくても以下の内容について、詳細な設計を考えていく必要があります。
・ゲーム性（ゲームシーンとCanvasでゲームを製作する、スマホでの快適な操作、ゴールまでの目標、仕掛け作り、など） ・画面のデザイン（UIの配置、ゲームの世界観に沿ったUIのデザイン、など） ・必要なシステム・機能（プレイヤーのアクション、カメラの視点変更、など） ・演出（DOTweenによるアニメーション、画面のエフェクト、タイミングに合わせてエフェクトを作成する方法、など） ・ゲームのサイクル（ゲームの流れ、追加要素を設計して実装する、アイテムなどの自動生成機能、など）
それでは１つずつ設計を行っていきましょう。
・ゲーム性
１．ゲームシーンとCanvasでゲームを製作する
３Ｄアクションゲームですので、今回はゲームシーンとCanvasとを組み合わせて製作するようにします。
ゲームの構成は、ゲームフィールド内を上下(ジャンプ)、左右前後に自由に移動できる設計にします。
カメラはプレイヤーを常に画面の斜め上方から映している、３人称トップビューでのカメラアングルを用います。
プレイヤーは左右前後に移動をし、障害物(敵など)を突破しながらアイテムを集めるために移動を行います。
この処理をベースにし、制限時間内により多くのアイテムを集めて高いポイントを獲得することがゲームの目的になります。
プレイヤーの操作は面白いか、アニメーションと同期しているか、キャラクターのアクションは魅力的か、など、
アクションゲームならではのゲームの要素を考えていく必要があります。
２．スマホでの快適な操作
スマホで遊ぶことを念頭に置き、シンプルな操作で快適に遊べるような設計を考えます。画面は横向き(Landscape)で考えます。
１．画面左下部にジョイスティックを配置し、スワイプすることで移動する ２．画面右下部に複数のボタンを配置し、ジャンプなどの各アクションを実行する ３．画面右上部にボタンを配置し、カメラの切り替えを行う
主に１・２の操作だけでゲームを遊べるようにします。３はオプションです。
上記のような挙動でゲームが進行していくように実装手順を考えます。
３．ゴールまでの目標
今回のゲームにおけるゴールは地点ではなく時間となりますので、制限時間内にアイテムを集めることが目標となります。
この部分は製作後に、自由に設計を改良して追加してください。
４．仕掛け作り
アクションゲームにおいては、ステージ内を移動することでゲームが進行していきます。
その道中には色々なイベントを発生させることで、プレイヤーに特別な体験をもたらすことができます。
イベントとは広義での定義であり、実際にはゲームの内容によって変わります。
今回のゲームであれば、例えばアイテムを生成したり、敵を出現させたり、移動可能な岩場が出現したりするギミックがあったりすることで、
プレイヤーが移動を楽しむための設計を考えていきます。
通常に移動しているだけでは見つけられない地点にアイテムを配置したりすれば、探索することを楽しみながらゴールへと到達することも目的の１つになります。
機能的なデザインや有効性以外にも、無駄に思える要素がゲームを楽しくするということがありますので、そういった部分も合わせて学習します。
・画面のデザイン
１．UIの配置
Canvasを利用してUIを表示します。ゲーム中のスコア表示、残り時間表示といったゲーム中に常時するもののほか、
ゲームクリア後のリザルト表示などを制御します。
他にも必要な場合にはロジックも考えて設計し、画面へ追加していきます。
２．ゲームの世界観に沿ったUIのデザイン
各画面のUIは常にゲーム中表示されていますので、そのデザインや、文字に使用するフォントの種類が見にくかったりするとユーザーは疲れてしまいます。
世界観に凝ったデザインもよいですが、見やすさ、読みやすさも一緒に考えて、バランスを保ちましょう。
そのためゲーム中に使用しているフォントもそのスタイルに沿ったフォントを採用しています。
＜フォント例＞
必要なシステム・機能
１．プレイヤーのアクション
アクションゲームであるため、移動・ジャンプといったアクションを用意します。
従来のキー入力に加えて、次世代のキー入力方法である InputSystem を採用し、新しいキー入力の方法の学習も行います。
こういったユーザービリティを考慮した上で遊びやすい設計をする必要があります。
２．カメラの視点変更
３Ｄ軸での移動になるため、移動の操作はジャンプ、左右前後移動になりますが、カメラの位置をプレイヤーが任意で切り替えれるようにします。
ゲーム画面の進む方向を見やすいように切り替えることで、３Ｄ空間を活用した移動を実現します。
カメラの視点が変化することによって、奥行きのあるステージ作りと見た目の変更を行うことでユーザー体験を豊かにします。
演出（エフェクト）
１．DOTweenを使用してアニメーション演出をする
DOTween（ドットゥイーン）とは無料アセットの１つで、広く使われているTween（トゥイーン）系のアセットです。
Tweenとはゲームオブジェクトの途中経過情報を補間して表現することを言います。
例えば、Aというゲームオブジェクトが現在の地点から別の地点に移動するに際し、その移動する間の情報を補間して表現することが出来ます。
この補間表現機能を利用することにより、様々なアニメーション演出を実装出来ます。
またDOTweenには、この機能が終了するタイミングを待って別の処理を呼ぶことや、途中で補間処理を中断したりといったことも出来ます。
Transformコンポーネントに対しての補間機能が多くありますが、それ以外にも使用方法は多岐にわたります。
特に今回は多くの部分でこの機能を利用します。
２．画面のエフェクト
画面をフラッシュさせたり、暗転させたりといったものだけではなく、画像を一瞬だけ大きくしたりなど、画面を通じて行える演出はたくさんあります。
これらは場面に応じて適した内容のエフェクトを適宜いれていくことで、ゲームの臨場感や没入感が変わってきます。
ＢＧＭ や ＳＥ も効果的に機能します。
やりすぎず、少なすぎず、バランスを見ながら考えて実装しましょう。
今回は要所要所でこの演出を追加しています。
３．タイミングに合わせてエフェクトを作成する方法
今回のゲームでは無料のアセットのエフェクトをいくつか利用し、生成のタイミングや制御の方法などを学習します。
・プレイヤーがアイテムを獲得すると、アイテムが消えるタイミングで、アイテムのあった位置にエフェクトを生成し、ＳＥ を鳴らす ・プレイヤーが敵にぶつかると、ぶつかった衝撃を表現するためにエフェクトを生成し、ＳＥ を鳴らす
このように演出を設計し、その設計した順番通りに動くように制御を行っていきます。
ゲームのサイクル
１．ゲームの流れ
何回も繰り返し遊んでもらうような設計になっているため、ゲームクリア/ゲームオーバーになったら、
またタイトルに戻ってゲームを最初から遊べるようなサイクルを作成します。
この部分については、複数のステージを作って、ステージクリア型のゲームにすることも出来ます。
２．追加要素を設計して実装する
ベーシックなゲーム内容とゲームサイクルになっているため、ここには様々な要素を追加することが出来ます。
例えば、ステージクリア制、アイテム要素の追加、障害物要素の追加、プレイヤーのアクションの追加など、かなりの追加要素が考えられます。
それらの設計を行い、自分で考えた機能を実装してみましょう。
３．アイテムなどの自動生成機能
プレハブを利用することで、ゲーム実行時にアイテムなどのゲームオブジェクトを動的に生成することができます。
これを「一定時間が経過するごとに、ランダムな位置にアイテムを生成する」というロジックを考え、プログラムすることで、アイテムの自動生成機能を作ることが出来ます。
同じ位置にアイテムが出現しないことで、プレイヤーには移動する楽しみが生まれます。
また広大なステージであればどの位置に自動生成しても問題がありませんが、そうではないことが多いため、
基本的には「制限範囲内でランダムな位置」でかつ、「プレイヤーの取れる位置に」アイテムを作り出す必要があります。
＜ロジックの考え方＞
・ゲーム内で一定の時間が経過する ↓ ・アイテムを１つランダムな位置に生成する → 制限範囲内でランダムな位置 ↓ ・このとき、ステージ外部や、プレイヤーの移動できない位置に生成されてしまった場合、自動的に位置を補正してプレイヤーの取れる位置にする
このサイクルのみでアイテムの自動生成機能は動いています。
こういったプログラムの自動サイクル化による設計方法、それをゲーム内に活用していく方法を学習します。
多くのゲームはこういったパターンで、自動化されたサイクルをロジックとして組み込んで動いているという、イメージをつかんでください。
プログラムはそれを可能にするための手段です。それを作成するのがプログラマーのエンジニアとしての仕事・役割になります。
設計の項目については、以上になります。詳細については実装する際の手順内にて説明を補記していきます。
また、これら以外にも用意するべきものがあるのであれば、それらも考えておきましょう。
以上でこの手順は終了です。
=> 次は 実装手順を考える? です。
コメントをかく