ピクセル・パネル|9スライス用UI枠4種・2配色・3状態・PNG+座標表
- Digital300 JPY


角の形と枠の太さを保って、幅・高さを変えられる9スライス用のピクセルUI画像です。 ゲームのボタンや小さなパネルに使える、4デザイン×2配色×3状態を1セットにしました。 300円・買い切りです。 ■内容 デザイン:PLATE(立体枠)/NOTCH(角落とし)/DOUBLE(二重枠)/RIVET(留め具) 配色:JADE(青緑)/COPPER(銅色) 状態:NORMAL(通常)/FOCUS(強調)/PRESSED(押下風) 合計24パターンです。色や状態の差分を別デザインの種類とは数えていません。 ■同梱物 ・64×64pxの元PNG:24枚 ・9分割した部品PNG:216枚 ・全24枚を並べたアトラスPNG:384×256px ・アトラス座標と9スライス矩形のJSON:2点 ・状態比較・サイズ変更見本PNG:4枚 ・任意の生成/サイズ変更用Pythonソース ・README、利用条件、制作情報、SHA-256一覧 PNG合計245枚、全252ファイルです。 切出し216枚は元24パターンの部品で、追加の図柄ではありません。 SVG・PSD・フォントファイルは含みません。 ■透過と文字 外側2pxと角の一部だけ透過し、中央は不透明です。 元PNGと切出しPNGには文字・アイコンを焼き込んでいません。 見本の説明文字や背景は、元画像のパーツに含まれません。 状態切替、入力、文字表示、クリック処理は制作する側で設定してください。 ■9スライス設定 原画像は64×64px、固定幅は左右上下とも8pxです。 切断位置はx・yとも0、8、56、64。中央は48×48pxです。 四隅はそのまま、上下辺は横だけ、左右辺は縦だけ、中央は両方向へ拡張します。 座標は左上原点のピクセル単位。切出し済みPNGも同梱しています。 文字は各辺10px以上内側を目安に、別レイヤーで配置してください。 原画像全体をそのまま拡大すると、角や線も伸びます。 9スライス機能や同梱の切出し部品を使い、Nearest Neighbor(最近傍)と整数座標を推奨します。 アトラスのgapとextrusionは0です。フィルターで隣の画像が混ざる場合は、個別PNGか利用環境側の余白設定をご利用ください。 ■任意のサイズ変更コード 素材を取込むだけなら、Python・ネット接続・アカウントは不要です。 同梱source/generate_panels.pyはPython 3標準ライブラリーだけで動きます。 新しい出力フォルダーと幅・高さを指定すると、24枚のサイズ変更済みPNGと索引JSONを作れます。 最小17×17〜最大2048×2048px。文字を置く用途は通常64×32px以上を目安にしてください。 元配布物を上書きしない新しい出力先を指定してください。同名ファイルがあると置換します。 GUI・ゲームエンジン用プラグインではありません。コードの実行は任意です。 ■検査した範囲 全配布PNGの読込、透明余白、中央、9分割の再構成、アトラス、座標、SHAを確認。 別工程の画素式で全24パターンと288通りのサイズ変更を比較しました。 Windows Chromiumでも9スライス描画と期待PNG全288組を比較しています。 同一AIによる別工程の検査で、人間や別モデルの監査ではありません。 特定のゲームエンジン・VTT・OBS・画像編集ソフトへの取込、他OS、印刷、人の試用は未検証です。 エンジン専用設定、入力処理、アニメーション、無効状態、アクセシビリティ機能は含みません。 ■制作・利用条件 AI(Codex)を設計・コード・説明文・検査に利用しています。 独自の整数座標描画で制作し、第三者素材・顧客素材・外部画像生成サービスは使用していません。 個人・法人の商用/非商用の完成ゲーム、アプリ、動画、配信等への組込みと改変が可能です。 クレジット任意。同一制作企画の共同作業に必要な範囲で共有できます。 素材・加工素材・ソースの再配布や転売、素材集・再利用用テンプレート・生成ツールへ収録しての配布は禁止します。 詳細は同梱LICENSE.txtをご確認ください。 不具合はBOOTHメッセージで、ファイル名・OS・利用環境・症状をお知らせください。 個別導入代行、エンジン向け設定、追加パーツ制作は価格に含みません。

