オプション画面のボリューム調整を、デフォの数字表示からスライダー式にしたくて自作しました。
画像なし版 → 画像あり版 → 画像調整版と段階的に作り込んで、ようやく満足できる仕上がりに。
そして公開済みプラグインを漁っていたら、似たようなものが既にあることに気づきました。
完走した後にw
まあ、自分の好みの見た目に仕上げられたから良しとしましょう。
次は作る前にちゃんと探しますW
スキット用プラグインの枠組みを作った話
何を作ったのか
今回手を入れたのは、以下の部分です。
-
顔グラを暗転背景上に複数表示する仕組み
-
表示人数を状況に応じて切り替えられる構造
-
発言中キャラだけを明るく表示する制御
-
通常のメッセージウィンドウと共存できる設計
いわゆる「スキット用の表示基盤」を先に整えた形になります。
表示レイアウトの考え方
顔グラは、暗転した背景の上に直接配置しています。
-
発言していないキャラは暗く
-
話しているキャラだけを強調
という、かなりシンプルなルールです。
下の画像は、表示人数ごとの例です。
-
2人表示のスキット
-
3人での掛け合い
-
4人以上の会話
いずれも同じ仕組みで制御しており、 人数ごとに専用処理を分けてはいません。
8人まで対応可能です。
これからテストしながら調整って形になると思います。
ではまた。
タイトルコマンドを画像にしてみました
タイトル画面のUIを少し調整しました。
今回は、メニューコマンド部分に画像を使う形に変更しています。
これまでは、シンプルなテキスト中心の表示でしたが、
ボタン感が弱く、少し味気ない印象がありました。
そこで、各コマンドを画像ベースのデザインに差し替え、
押せる要素として分かりやすくなるようにしています。
大きな仕様変更ではありませんが、
タイトル画面は最初に目に入る部分なので、
少しずつ見た目の印象も整えていきます。
HPゲージの色を分けてみました
HPゲージの配色を調整しました。
今回は大きな仕様変更ではなく、味方と敵のHPゲージの色を分けるための簡単なプラグインを作成しています。
味方と敵でHPゲージの色を分離。 見た目の変化はごく小さいですｗ
思い付きでやったけど、影響はあるのだろうかw
UI調整：サウンドテスト画面を見直しました
最近、サウンドテスト画面のUIまわりも調整しています。 戦闘画面やオプション画面と同様、見た目の派手さよりも、 操作の分かりやすさと画面全体のバランスを重視して、細かな詰めを行っています。
まずは、従来のレイアウトです。
これまでは、画面全体としては安定しているものの、 操作方法や現在の状態が直感的に分かりづらい部分があり、 初めて触った際に少し迷いやすい構成になっていました。
次に、操作ガイドの表示を見直しました。
テキストはトリアコンタンさんの ExtraWindow を使って表示しています。 カテゴリ選択やキー操作の説明を画面内に明示することで、 何ができる画面なのかが、ひと目で分かるようになります。 一方で、情報量が増えたことで、画面全体がやや散らかって見える点が気になりました。 ただExtraWindowの枠を削ってるので、枠がないのでさみしいですね。
そこで、最終的に右下にガイドテキストをまとめる形に調整しました。
サウンドテストのプラグインに新しくウィンドウを作りました。
操作方法や補足情報を右下に集約することで、 メインとなるリストや設定項目の視認性を保ちつつ、 必要な情報だけを自然に確認できる構成にしました。
最後にコマンドに画像を入れて完成ですかね。
また後で、何かを変えるってありそうですがw
派手な変更ではありませんが、 こうしたUIの詰めを少しずつ積み重ねることで、 操作時の迷いや違和感を減らしていければと考えています。 引き続き、細部を整えながら、完成に向けて作業を進めていきます。
UI調整：オプション画面のレイアウトを見直しました
最近、オプション画面まわりのレイアウト調整も進めています。
戦闘画面と同様、見た目の派手さよりも、使いやすさや画面全体のバランスを重視して、細かな詰めを行っています。
最初の画像。オプションのヘルプが下にあります。
まず、オプション画面のヘルプ表示の位置を上に修正しました。
設定項目との対応関係は分かりやすくなる一方で、
画面上部が少し詰まって見えるのが気になりました。
なんか違う。
そこで、ヘルプ表示は従来どおり下部に戻します。
設定ウィンドウ全体の位置をやや上に調整しています。
これにより、画面の上下に適度な余白を確保しながら、
設定項目とヘルプの距離感を保てるようになりました。
見た目の安定感を損なわずに、視線の流れや情報の読みやすさを整えることを意識した調整です。
ほかにも細かな修正はいくつもありますが、
すべて書き出すとキリがないため、今回はこのあたりまでにしておきます。
派手な変更ではありませんが、
こうしたUIの詰めを少しずつ積み重ねることで、プレイ時の違和感を減らしていければと考えています。
引き続き、細部を整えながら、完成に向けて作業を進めていきます。
細かなUI調整を続けています
最近、戦闘画面のUIまわりを中心に、細かな調整をいくつか行っています。 一つひとつは小さな修正ですが、遊びやすさや画面の見やすさに関わる部分なので、ここでまとめて記録しておきます。
あわせて、上部ウィンドウのサイズも微調整しています。 表示内容は変えずに高さを抑えることで、左側の行動順表示と重ならないようにし、 戦闘中の視認性とテンポを改善しました。
そして、戦闘画面上部に表示される敵名の位置を調整しました。
これまで画面端に寄りすぎていたため、レイアウトを見直し、枠の中に自然に収まるようにしています。
端に張り付いた表示による窮屈さを減らし、画面全体のバランスを整えました。
ほかにも細かな修正は山ほどありますが、 正直、全部書こうとするとキリがないので、今回はこのあたりまでにしておきます。
派手な変更ではありませんが、 こうしたUIの詰めを少しずつ積み重ねることで、プレイ時の違和感を減らしていければと考えています。 引き続き、細部を整えながら、完成に向けて作業を進めていきます。
それではまた。
