紙色と深緑の線で、持ち物・設定・会話の画面を揃えるゲームUI素材です。 文字なしの部品に、ゲーム側でテキストを重ねて使います。状態差分と枠の伸縮設定を揃え、メニューを組む準備を減らしたい制作者向けです。 ■ 有料版 500円 33部品・状態の透過PNG33点＋同じ形状のSVG33点＝素材66ファイル。明るい紙色の1配色です。 ・パネル4点：メイン960×720、会話960×320、カード400×480、説明480×180 ・ボタン5状態：通常・ホバー・押下・無効・フォーカス、各400×112 ・タブ3状態：通常・選択・無効、各320×96 ・スロット3状態：通常・選択・ロック、各160×160 ・チェック3状態、各64×64／切替3状態、各144×64 ・スライダー3点：軌道・充填480×48、つまみ64×64 ・進行バー2点：軌道・充填、各640×48／区切り線640×32 ・アイコン6点：戻る・閉じる・設定・保存・バッグ・音量、各96×96 状態違いを含む数であり、33の独立した機能やデザインテーマではありません。PNGとSVGは形式違いです。 ■ 導入を助ける同梱物 INDEX.html：全33部品・状態の一覧。 ASSETS.csv：寸法・9スライスの四辺境界・最小寸法。 DEMO.html：持ち物/設定画面の配置と状態切替を試せるブラウザ見本。 nine_slice.html：幅と高さを変えて、枠の角を確認するCSS見本。 使い方、利用条件、ファイル一覧も収録。 9スライス対象は16点。パネル4・ボタン5・タブ3は四辺32px、スライダー軌道/充填・進行バー軌道/充填は16pxです。対象外の部品は等比拡縮向け。最小寸法はASSETS.csvをご確認ください。 ■ 無料版 会話パネル1点＋ボタン5状態＝PNG6点とSVG6点。原寸・透かしなし、利用条件は有料版と同じ。同じ12ファイルを有料版にも収録します。 無料のSAMPLE.htmlで配置とボタン状態を確認できます。購入前にご自身の使用先へ画像を読み込んで試してください。 ■ 使い方・確認範囲 ZIPをすべて展開 → INDEX.htmlで部品を探す → png/を使用先へ配置。svg/は編集用です。文字・フォント・クリック判定やゲーム処理は使用先で用意してください。 SVGに文字、スクリプト、外部参照はありません。PNGは透明背景RGBA。 Windows Chrome155の独立したheadless環境でSVGからの原寸PNG書出し、HTML見本の表示、状態切替、枠の伸縮を検査しました。 Unity/Godot/ティラノ等の実エンジン、各SVG編集ソフト、他OS・他ブラウザ、スマホ実機は未確認です。通常ウィンドウでの人間操作も未実施です。専用プロジェクト・プラグイン・フォント・音声・ゲーム本体・セーブ機能は付属しません。 プレビューの文章と完成画面は、収録画像を組み合わせた使用例です。見本HTMLはゲームエンジン対応の保証ではありません。 ■ 利用条件 個人・法人、商用・非商用、受託制作、完成ゲームや動画への組込可。加工・色変更可、クレジット任意。原素材・軽微な改変素材・テンプレートの再配布/再販売不可。詳細は無料・有料に同梱するLICENSE.txt。 AIを使いコード・文章とSVG図形を制作。画像生成モデル・第三者イラスト・フォントファイルは使用/同梱していません。不具合は購入先BOOTHメッセージへ環境・再現手順をお知らせください。個別制作・導入代行・特定ソフトの操作サポートは含みません。