【無料サンプルあり】探索・ミステリーゲーム用UI素材|TRACE PANELS|3配色・PNG/SVG・9-slice値付き
- 完成版 v1.0.2ダウンロード商品¥ 980
- 無料サンプル v1.0.2ダウンロード商品¥ 0




残された記録を、ひとつの手がかりへ。 探索・ミステリー・ADVゲームの「証拠カード」「調査パネル」「会話」「選択肢」を、同じ雰囲気で組める文字なしUI素材です。 編集用SVGと寸法・9-slice値を同梱。文字はご自身の制作環境で重ねて使えます。 ■ 完成版の内容 ・3配色:Nocturne(青緑の端末)/Archive(記録紙)/Ember(紫褐色と琥珀) ・UI14用途:共通9部品+5部品×4状態=29画像/配色、3配色で87画像 ・4状態:通常/ホバー/押下/無効(選択肢・カード・スロット・タブ・ボタン) ・白線の操作アイコン24種(3配色で共用) ・合計111 SVG+111 PNG 1x+111 PNG 2x=333素材ファイル ・寸法・推奨文字余白・9-slice値のJSON/CSV一覧 ・日本語・英語の導入ガイドと利用条件 ・配色切替、証拠選択、素材検索、設定JSON保存/読込のHTML操作見本(日本語表示) ※配色・状態・形式の違いを含むファイル数です。333種類の異なるデザインではありません。 ※フォント、キャラクター、背景イラスト、PSD、ゲームエンジン用プロジェクト・プラグインは含みません。 ※商品画像の文字は配置例です。収録素材は文字なしです。 ■ 無料サンプル Nocturne配色の会話枠・名前枠・証拠カード2状態・ボタン・検索アイコンの計6PNG(1x)、使い方、利用条件を収録。 有料版と同じ画像です。購入前に制作ソフトへの取り込みと表示をご確認ください。 ■ 導入方法 1. ZIPをダウンロードし、フォルダ全体を展開。 2. docs/START_HERE.htmlで導入ガイドを確認。 3. assets内のPNGを制作ソフトへ取り込み、文字を別に配置。 4. 対象部品に9-slice値を設定し、状態切替やクリック処理を制作側で実装。 操作見本はdemo/index.htmlから開けます。素材と見本の利用に月額サービスやAPIキーは不要です。 ■ 拡縮・色変更 9-slice対象部品の1x値は、左32・上32・右32・下16px。2xでは各値を2倍にします。対象部品と元寸法は一覧をご確認ください。 SVGの色コードを編集して配色を変更できます。配色変更アプリは付属しません。 アイコンは白線です。明るい背景では線色を変更してご使用ください。 ■ 検証範囲 画像の構造・寸法・透過・状態差分・9-slice合成は自動検査済みです。見本のJavaScriptはNodeの模擬DOM環境で検査しています。 実ブラウザーでの描画・操作・ダウンロード、Windows・Mac・スマートフォン別の挙動、Unity・Godot・Ren'Py・ティラノ等への実取り込みは未検証です。特定エンジンでの対応保証はありません。 ■ 利用条件 個人・法人、商用・非商用の完成作品への組み込みと加工が可能です。追加使用料なし、クレジット任意。 完成ゲーム等に必要な画像の同梱、購入者が参加する制作チーム内での当該作品に必要な共有も可能です。 素材そのものや改変素材の再配布・再販売、汎用素材集・UIテンプレートとしての再配布は禁止します。 詳細は同梱のLICENSE_JA.txtをご確認ください。英語訳も同梱しています。 ■ FAQ Q. これだけでゲームが完成しますか? A. 画像素材です。クリック処理、会話進行、証拠保存等のゲーム機能は制作側で実装してください。HTML見本は参考用です。 Q. 商用ゲームや配信に使えますか? A. 同梱の利用条件の範囲で可能です。 Q. 個別の導入代行や専用デザインは含まれますか? A. 実装代行・専用カスタマイズ・無期限更新は含みません。不具合はショップのメッセージへ、商品バージョン・使用環境・再現手順を添えてお知らせください。 ■ 制作について AI支援で図形のコード設計・SVG描画・説明書・見本コードを制作しています。第三者のイラスト・UI画像・フォントデータは商品に同梱していません。 ■ バージョン v1.0.2 英語README・導入ガイド・利用条件訳を追加。素材333ファイルと見本の動作はv1.0.1から変更ありません。



