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