メインプレイ画面の UI デザイン

[JiaChen-Zeng]

必要な機能と、モックアップも書いておこうと思います

[JiaChen-Zeng]

• このチュートリアル見ればだいたいやり方わかりそう。
• 謎の Panel はコンテナ。

そういえば機能まだ書いてなかったので、やるときはまずそれから。

[JiaChen-Zeng]

マルチシーンのワークフローが大事らしい。コアシーンから他のシーンを必要な時にロードして、いらないときにアンロードすればいいみたい。ということで UI のシーンとメインゲームプレイのシーンは分けてみようか。

クロスシーンの参照は GUID Based Reference や、ScriptableObject とかいろいろ方法あるけど、でも今は簡単なやり方の static でいいかな。GUID と SOについてより詳しい日本語のチュートリアルもあった。また、エディターの使い方かここ。

なお、実は分けたければ後でも分けられる（#15）気がするので、今はまず機能のほうを完成しよっか。

[JiaChen-Zeng]

UI について考えたのは

• 画面の真ん中にあるリアクターは遮っちゃダメなので、左端と右端に大きな UI 置かないほうがいい。
• マッド錬金術師の家を背景に情報をそこの設備のビジュアルで表すのも一つの手。でも描くの難しそうだからまず簡単で行こうか。
• 簡単の UI 案、所要宝石が3つだと天地幅ちょっと取りすぎるので、4つにしすれば若干控え目になる

UI で表示すべき情報は

• 残り燃料（時間）ゲージ
• 指定されたクリアに必要な宝石（上限4つ）
• リアクターの回転ボタン
• 宝石がもうすぐ投げてくるヒント：急遽追加。ヒントなければ反応できなそう。でもヒントなしに反射能力を試すのも一つの手ではある。まず試して、ヒントが必要かどうかを決める。

UI ではないが他に必要なのは

• リアクターの下の火

[JiaChen-Zeng]

今考えたら当然と言えば当然だけど、UI の前にまずアートのコンセプト決めないといけないかも→#16

[JiaChen-Zeng]

日本語のテキストを表示させるにはフォントのアセットを作る必要がある。

[JiaChen-Zeng]

日本語フォントのアセット 100MB 超えたので、これからは Git LFS の環境設定をする必要がある。まずソフトををダウンロード。

[JiaChen-Zeng]

必要そうなゲーム UI の考え方

合いそうなゲームのUIの参考

• Wood Game UI
• ライザのアトリエ ～常闇の女王と秘密の隠れ家～
• 錬金術・アトリエ系ゲームアプリ
• Top 10 games about Alchemy
• Ungodly Fullmetal Alchemist Games

錬金術師の部屋の画像資料、錬金術に関するネタ

[JiaChen-Zeng]

無料素材を探すところ：Pexels、Pixabay。クレジットは必要ない。木のテクスチャ探しに使えそう

[JiaChen-Zeng]

直接 Unity でモックアップを作るのはよくないと気づいた。グラフィックを作ってるとき、全体の UI のプレビューが見えないから。なのでモックアップはデザインソフトでまず作るべき。

[JiaChen-Zeng]

UI デザインソフトでのワークフローは、一つのドキュメントで複数の Artboard を作るのがよさそう。一個大きな Artboard で画面全体を反映する。他の UI グラフィックは単独の Artboard に置く。そしてグラフィックのリンクをちゃんと作って画面の Artboard に置けば、グラフィックを作ってるとき画面ではどういうふうになるか瞬時にわかる。

[JiaChen-Zeng]

UIのプログラムの実装については #26 に /assign me