たかいた式

たかいた式(旧)

ゲームや本などの情報を、アウトプットするブログ

MENU

UI研究メモ「巨影都市」【PS4】

■メニューでの共通動作

  • 方向キーを押して動くメニューでは、押し続けるとその方向の最後まで自動で移動する。
  • ただしストーリー中の選択肢では、押し続けても自動で移動しない。
  • メニューの最後尾で更に方向にキーを入力しても、反対の端に移動しない。

■起動→タイトル画面

f:id:takaitashiki:20200421022741j:plain

f:id:takaitashiki:20200421022805j:plain

f:id:takaitashiki:20200421022826j:plain

f:id:takaitashiki:20200421022840j:plain

f:id:takaitashiki:20200421022854j:plain

f:id:takaitashiki:20200421022908j:plain

f:id:takaitashiki:20200421023459j:plain

2種類の背景が交互に切り替わる演出がある。

■ローディング画面

f:id:takaitashiki:20200421024724j:plain
f:id:takaitashiki:20200421034051j:plain

画面左上にあらすじ?が表示される。背景はロードのタイミングに応じて関連した画像に変化する。Stage01の開始時のロード以外は、画面下部にtipsが表示される。

■タイトルメニュー

f:id:takaitashiki:20200421030048j:plain

▼Collection画面

f:id:takaitashiki:20200421210311j:plain

f:id:takaitashiki:20200421210324j:plain

f:id:takaitashiki:20200421210337j:plain

プレイ中に発生したKYOEINEWSの記事を確認出来る画面。

■セーブ、ロード画面

※ゲーム中の画面撮影不可設定だったので、本体ストレージのデータを撮影

f:id:takaitashiki:20200421033237j:plain

セーブデータNoの右側は主人公の名前。画像の背景はそのStageに関連のあるもの。主人公のバストアップは、現在のコスチュームが反映されている。

■Option画面

f:id:takaitashiki:20200421034741j:plain
f:id:takaitashiki:20200421034751j:plain
  • コントローラー振動:あり/なし
  • 画面明るさ調整:画面明るさ調整画面へ
  • 視点の上下操作:順/逆
  • 視点の左右操作:順/逆
  • カットシーンのテロップ:あり/なし
  • 主人公ボイス:あり/なし
  • 登場人物ボイス:あり/なし
  • ボリューム①ボイス:100段階(デフォルト100、切替時ボイス再生)
  • ボリューム②BGM:100段階(デフォルト100)
  • ボリューム③効果音:100段階(デフォルト100)
  • 画面①体力・スタミナ:あり/なし
  • 画面②カメラ:あり/なし
  • 画面③マップ表示:あり/なし
  • 画面④マップ回転:あり/なし
  • 画面⑤操作図:あり/なし

▼画面明るさ調整画面

f:id:takaitashiki:20200421035801j:plain

  • 明るさ:-8~8までの17段階(デフォルト0)

チュートリアル

f:id:takaitashiki:20200421132009j:plain

■イベントシーン

f:id:takaitashiki:20200421175656j:plain

重要なセリフは緑色の文字になる。画面右下のアイコンはボタンを押してシーンを飛ばした際に表示される。

▼イベントシーン一時停止表示

f:id:takaitashiki:20200421175759j:plain

▼会話テキスト表示

f:id:takaitashiki:20200421180334j:plain

▼通常の選択肢

f:id:takaitashiki:20200421182140j:plain

▼画像付きの選択肢

f:id:takaitashiki:20200421182208j:plain

■アクションパート

f:id:takaitashiki:20200421201004j:plain
f:id:takaitashiki:20200421201015j:plain
f:id:takaitashiki:20200421201025j:plain
f:id:takaitashiki:20200421201037j:plain

▼ステージ開始画面

f:id:takaitashiki:20200421202841j:plain
f:id:takaitashiki:20200421202852j:plain

▼ステージ終了画面

f:id:takaitashiki:20200421230630j:plain

最後のイベント場面にStage名や「つづく」が表示される。

▼体力表示

f:id:takaitashiki:20200421201525j:plain

f:id:takaitashiki:20200421201541j:plain
f:id:takaitashiki:20200421201551j:plain

▼ゲームオーバー画面

f:id:takaitashiki:20200421201722j:plain

▼回避アクション表示

f:id:takaitashiki:20200421204344j:plain

f:id:takaitashiki:20200421204405j:plain
f:id:takaitashiki:20200421204414j:plain

左が成功時、右が失敗時の表示。

▼操作説明表示切り替え

f:id:takaitashiki:20200421203616j:plain

f:id:takaitashiki:20200421203629j:plain
f:id:takaitashiki:20200421203639j:plain

▼アイテム関連表示

f:id:takaitashiki:20200421202012j:plain

画面右上からアイテムの獲得告知が表示される。

f:id:takaitashiki:20200421202155j:plain
f:id:takaitashiki:20200421202208j:plain

左側の画像がコイン、右側の画像がアイテムを示すアイコン。様々な場面で溶け込まないようにだと思うが、かなり派手な色で目立つ。

f:id:takaitashiki:20200421204030j:plain

ステータスアップアイテムの効果中は青や緑のエフェクトが表示される。イベントシーンも表示されるため、やや違和感が出る。

NPC関連

f:id:takaitashiki:20200421221335j:plain

f:id:takaitashiki:20200421221402j:plain
f:id:takaitashiki:20200421221349j:plain

相手の状態に応じて、プレイヤーのリアクションが変化する。

f:id:takaitashiki:20200421221516j:plain
f:id:takaitashiki:20200421221537j:plain

近づくと吹き出しにセリフが表記されるものも。通常通り○ボタンで話しかけられるが、分かりづらい。

■セーブ画面への遷移

f:id:takaitashiki:20200421220106j:plain

f:id:takaitashiki:20200421220119j:plain

▼「セーブせずにタイトル画面に戻る」を選択

f:id:takaitashiki:20200421220130j:plain

■メニュー画面

▼トップメニュー

f:id:takaitashiki:20200421204458j:plain

▼Item画面

f:id:takaitashiki:20200421204554j:plain

f:id:takaitashiki:20200421204620j:plain

選択中のアイテム情報はカーソルを合わせていると表示される。

f:id:takaitashiki:20200421204633j:plain

さらに決定ボタンを押すと、詳細な説明が表示される。

f:id:takaitashiki:20200421205159j:plain

装備アイテムの場合は、「使う」で装備が切り替わる。消費アイテムの場合は、使用確認が発生する。
▼Mission&Episode画面

f:id:takaitashiki:20200421232919j:plain

f:id:takaitashiki:20200421232931j:plain

▼Character画面

f:id:takaitashiki:20200421205606j:plain

紫色の怪光レベルやコスプレレベルが確認出来る唯一の画面。しかし、影響範囲が少なすぎて確認の必要性を感じない。正直このゲームにおいて必要ない画面と思われる。

▼Collection画面

f:id:takaitashiki:20200421210132j:plain

タイトル画面から確認出来る内容と同じ。

▼Option画面

f:id:takaitashiki:20200421230452j:plain

タイトル画面から確認出来る内容と同じ。

■ショップ画面

▼購入時

f:id:takaitashiki:20200421210949j:plain

f:id:takaitashiki:20200421211006j:plain

f:id:takaitashiki:20200421211018j:plain

f:id:takaitashiki:20200421211032j:plain

▼売却時

f:id:takaitashiki:20200421211115j:plain

f:id:takaitashiki:20200421211125j:plain

f:id:takaitashiki:20200421211136j:plain

f:id:takaitashiki:20200421212422j:plain

 

■Mail画面

▼着信演出

f:id:takaitashiki:20200421211439j:plain

画面右上に着信アイコンが表示される。

▼メールのやり取りを行う画面

f:id:takaitashiki:20200421211548j:plain

f:id:takaitashiki:20200421211558j:plain

f:id:takaitashiki:20200421211609j:plain

f:id:takaitashiki:20200421211621j:plain

f:id:takaitashiki:20200421211630j:plain

f:id:takaitashiki:20200421211637j:plain

来たメールの内容に対して選択肢から返事を行うと、しばらくして返答が来る仕組みだと思われる。

■髪型変更画面

f:id:takaitashiki:20200421221910j:plain

f:id:takaitashiki:20200421221921j:plain

f:id:takaitashiki:20200421221932j:plain

Item画面同様に、決定ボタンを押すと選択した髪型が3Dに反映される。

■暗証番号入力画面

f:id:takaitashiki:20200421211338j:plain

f:id:takaitashiki:20200421211353j:plain

画面中央に入力のヒントとなる画像が表示される。

 

■KYOEI NEWS画面

f:id:takaitashiki:20200421220231j:plain
f:id:takaitashiki:20200421220347j:plain

ステージクリア後に表示される画面。プレイ内容に応じて記事が変化する。

f:id:takaitashiki:20200421220413j:plain
f:id:takaitashiki:20200421220427j:plain
f:id:takaitashiki:20200421220447j:plain
f:id:takaitashiki:20200421220458j:plain

架空の広告の情報にもアクセスできる。

▼アイテム交換画面

f:id:takaitashiki:20200421220555j:plain

f:id:takaitashiki:20200421221010j:plain

▼Log out(次へ)

f:id:takaitashiki:20200421221108j:plain

f:id:takaitashiki:20200421221204j:plain

▼タイトル画面に戻るを選択した場合

f:id:takaitashiki:20200421231921j:plain

f:id:takaitashiki:20200421231935j:plain

■エンディング画面

f:id:takaitashiki:20200421222549j:plain

f:id:takaitashiki:20200421222638j:plain

f:id:takaitashiki:20200421222648j:plain
f:id:takaitashiki:20200421222620j:plain

画面左側でそれまでのプレイ内容のスクリーンショットと選んだ選択肢に応じたヒロインからのメッセージが表示される。

●項目リスト

社名/CAST/STAFF

《開発》株式会社グランゼーラ/株式会社Gzスタジオ/株式会社グランゼーラ・ゲームファクトリー/株式会社グランゼーラ・オンラインエンターテインメント

ゲームデザイナー・リードディレクター/テクニカルディレクター/アシスタントディレクター/リードプログラマー/プログラマー/リードアーティスト/アーティスト/リードプランナー/プランナー/デモシーン・アニメーション/サウンドディレクター/ボイスディレクター/コンポーザー/アシスタント/プロジェクトマネージャー/協力/モーションキャプチャーアクター

サウンド制作》株式会社スプラウト

サウンドディレクター/サウンドデザイナー

《音響制作》株式会社ブレイブハーツ

音響監督/収録エンジニア/音響編集/収録スタジオ

《開発協力》株式会社B.B.スタジオ 3Dモデル制作協力

GENERAL MANAGER/MANAGER/LEADER/3D MODELER

サウンド制作協力 株式会社B.B.スタジオサウンドチーム

株式会社アニマ/Anima・Forase(Da I ian)Technology Co.,LTD/株式会社AI/株式会社デジタルワークスエンターテインメント

《デザインワーク》キービジュアル制作 株式会社イルカ

プロデューサー/イラストレータ

《デザイン制作》ケークルーデザインワークス

アートディレクター/デザイナー

公式WEBサイト制作》株式会社フェニシス

《プロモーション映像制作》クレスコモーションデザイン/Noralis

ディレクター/アシスタントディレクター/プロダクションマネージャー

《プロモーション協力》株式会社アサツーディ・ケイ

《テーマソング》

《エンディングソング、挿入歌制作》Sound Producer

《RECORDING STUDIO》(株)JVCケンウッドクリエイティブメディア/代官山スタジオ/USPスタジオ

《MIXING STUDIO》(株)JVCケンウッドクリエイティブメディア/代官山スタジオ

《MASTERING STUDIO》ロックバードスタジオ

《SPECIAL THANKS》

《オープニング映像制作》株式会社ポイント・ピクチャーズ

オープニングディレクター/3DCG/コンポジット/制作進行

《監修・協力》株式会社グラウンドワークス/株式会社円谷プロダクション/東宝株式会社/HEADGEAR/株式会社KADKAWA

《開発協力》株式会社B.B.スタジオ/株式会社CRI・ミドルウェア/IGN株式会社/NaturalMotion Software Ltd./オートデスク株式会社/株式会社ゴーゴーカレーグループ/株式会社猿楽庁/シリコンスタジオ株式会社(ソフトウェアエンジニア/プロジェクトマネージャー/営業)/株式会社ソニー・インタラクティブエンタテインメント(「どこでもいっしょ」プロデューサー/シニアアカウントマネージャー)/株式会社バンダイナムコスタジオ/フォントワークス株式会社/株式会社モリサワ

デバッグ協力》株式会社デジタルハーツ

株式会社バンダイナムコエンターテインメント

品質管理/カスタマーサービス/宣伝/マーケティング/制作支援/メディア/ライツ/Eコマース/スペシャルサンクス/プロデューサー/チーフプロデューサー/ゼネラルプロデューサー/エグゼクティブプロデューサー

f:id:takaitashiki:20200421222700j:plain最後に社名を表示。
▼エピローグ表示

f:id:takaitashiki:20200421231539j:plain

f:id:takaitashiki:20200421223043j:plain

▼ゲームクリア特典告知

f:id:takaitashiki:20200421223121j:plain

 

f:id:takaitashiki:20200421223134j:plain

▼クリア後KYOEI NEWS

f:id:takaitashiki:20200421223144j:plain

f:id:takaitashiki:20200421223153j:plain

f:id:takaitashiki:20200421223206j:plain

f:id:takaitashiki:20200421223216j:plain