Flat UI Kit ゲーム UI 素材 88種(ダーク/ライト・SVG・9スライス値つき)

SVG ソースと 9 スライスの境界値まで入ったゲーム UI 素材キット SVG ソースと 9 スライスの境界値まで入った、モダン/ミニマル系のゲーム UI 素材キットです。 画像を貼るだけでなく、色や寸法を変えて作り直せます。 ■ 同梱物 ・88 種 × 2 テーマ(ダーク / ライト) 枠 10 / ボタン 11 / バー 9 / 入力 14 / ナビ 11 / ゲーム HUD 8 / アイコン 25 ・PNG:1x・2x・3x の 3 倍率(透過) ・SVG ソース(色・寸法の編集用。平塗りのみ) ・9 スライスの境界値 JSON(部品ごとの寸法と左・上・右・下) ・配色トークンの一覧(DESIGN.txt)、利用条件(LICENSE.txt) ■ 内訳の例 枠(パネル・ダイアログ・カード・ツールチップ・通知・メニュー・選択肢)、ボタン(通常・ホバー・押下・無効、主・副)、 HP/MP/経験値/詠唱のバー、トグル・チェック・ラジオ・スライダー・入力欄・プルダウン、タブ・スクロールバー・ページ送り・バッジ、 インベントリスロット・ホットバー・ミニマップ・ターゲット枠・バフ枠、設定・音量・矢印などの汎用アイコン 25 点。 ■ 使い方 1. 使う倍率の PNG をゲームに読み込みます。 2. 伸ばして使う部品(枠・ボタン・バーなど)は、nineslice.json の値を 9 スライスの設定に入れます。 Unity:Sprite Editor の Border と Image Type「Sliced」/Godot:StyleBoxTexture・NinePatchRect の Patch Margin/ ウディタ・RPG ツクール:標準では 9 スライスが無いため、各自の分割描画で同じ値を境界にします。 3. 色を変えたいときは SVG の色コードを置換して書き出します。 ■ 動作確認について PNG の寸法、9 スライスで伸ばした結果が直接描画と一致すること、見本画面の見た目は確認しています。 Godot 4.x(4.7.2)で、StyleBoxTexture の 9 スライス設定が nineslice.json の値で動作することを確認しています(枠・ダイアログ・ボタン・バー・タブで確認)。 ■ 利用条件(要約。詳細は同梱の LICENSE.txt) ・同人・商用のゲーム、アプリ、動画などに組み込んで利用可(受託の制作物に組み込んで納品も可)。クレジット表記・報告は不要。改変自由。 ・ゲームに組み込んだ状態での配布は再配布になりません。 ・素材そのもの(改変後を含む)の再配布・再販・素材集やテンプレートへの収録・他の素材サイトへの登録は不可。AI 学習用データセットへの利用も不可。 ・サポートは同梱ファイルの不具合の連絡のみ。返品・返金は DLsite の規約に従います。 ・体験版は購入前の確認用です(作品への組み込みは製品版で)。 ■ 既知の制限 ・素材に文字は含みません(フォントは各自で用意してください)。 ・写実調・手描き調の素材ではありません(フラットな幾何デザイン)。 ・伸ばして使えない部品(アイコン・トグル・チェックなど)は、固定寸法で使います。 ・Windows 向けのツール類は付属しません。画像と SVG のみです。 ・体験版:一部の部品(約 20 点・1x のみ)を試せます。 SVG ソースと 9 スライスの境界値つき。ダーク/ライト 88 種を 1x・2x・3x の透過 PNG で収録した、ゲーム UI 素材キットです。