調査系のノベルゲーム・ADVで、記録一覧、資料閲覧、通信と選択の3画面を作るためのUI素材です。灰緑の資料面、深い青緑の外枠、橙の警告表示を同じ意匠で揃えています。 部品のPNG・SVGに文字は入っていません。本文・話者名・ボタン名は、使う制作ソフト側で重ねてください。掲載した使用例は、同梱画像・フォントとHTML/CSS/JavaScriptで構成しています。見本の資料・施設・記録文は架空です。 【無料版：0円】 会話枠1種、名前欄1種、ボタン1種の通常・ホバー・押下・無効の4状態。合計6種類、PNG6点＋SVG6点です。 無料部品のHTML配置例、寸法用途表、説明書、利用条件、使用例用フォントを同梱しています。 【通常版：500円】 無料版を含む28種類、PNG28点＋SVG28点です。外枠、パネル、資料面、会話枠、名前欄、タブ、ボタン4状態、記録一覧行、アイコン、状態表示を収録しています。 記録一覧・資料閲覧・通信と選択の3画面のHTML使用例と、配置データ、寸法用途表、説明書、利用条件、使用例用フォントを同梱しています。 完成見本PNG5枚（3画面＋通信の応答結果2枚）と部品一覧PNG1枚も収録。無料版の配置例 sample.html も同梱しています。 無料版と共通の部品は、品質と利用条件が同じです。通常版は3画面の表現を揃える部品と使用例をまとめたものです。 【寸法と拡縮】 部品は固定寸法です。使用例は1920×1080で組んでいます。サイズ変更は等比拡大・縮小を推奨します。縦横を別々に引き伸ばすと線幅や角の形が変わります。9-slice設定は付属しません。各部品の寸法は同梱の寸法用途表で確認できます。 【使い方】 1. ZIPを展開します。 2. 寸法用途表から必要な部品を選び、PNGまたはSVGを制作ソフトへ取り込みます。 3. 文字とクリック処理を制作ソフト側で設定します。 4. HTML配置例は任意の参照用です。無料版は sample.html、通常版は example.html を同梱しています。素材の利用にHTML例の起動は必須ではありません。 HTML例はローカルHTTPで表示・操作を確認しています。HTMLファイルの直接起動は未検証です。表示できない場合もPNG/SVG部品は制作ソフトに取り込めます。通常版の完成画面は同梱PNGでも確認できます。完成画面PNGは無料版には含まれません。 通常版の部品座標・表示文・状態は demo.js、共通の表示指定は demo.css を参照できます。 【含まれないもの】 ゲームエンジン用の統合コード、汎用の会話シナリオ実行機能、セーブ/ロード、音声は含みません。通常版HTMLでは見本の画面移動と2つの応答選択ができますが、汎用のゲーム制作ツールではありません。Ren'Py・Godot・Unity等への組み込みは確認していません。各エンジン用のテーマファイルは付属しません。 【利用条件】 無料・通常とも商用ゲーム・動画へ組み込みできます。色変更やトリミング等の改変ができ、クレジットと利用報告は任意です。 素材単体、素材集、UIテンプレート等としての再配布・再販売はできません。素材抽出を目的としない通常の完成ゲーム等の配布はできます。 DotGothic16フォントはSIL Open Font License 1.1で別途配布しています。素材の再配布制限をフォントには適用しません。詳細は同梱ライセンスを確認してください。 無料版で部品の見た目と使い方を確認してから、必要な範囲を選んでください。 3画面の操作見本・無料ZIP： https://loop-studies.itch.io/investigation-terminal-ui