Bitrush パネルキット — タイトルバー付きパネルとボタン

フラットなY2Kのパネル。太くまっすぐな輪郭、ベタの黄色いブロック、電気的な青の線。グローもグラデーションもありません。このスタイルは印刷された型紙であり、その抑制が見た目のすべてです。

Nine-sliceのパネル二枚 — 角0 pxのタイトルバー付きのウィンドウ枠と、角0 pxの沈んだ内枠 — で、メニューに必要なほぼすべての箱をまかなえます。ダイアログ、インベントリのグリッド、リストの下地、ツールチップ、ステータスパネル。タイトル帯がパネル上部に組み込まれているので、ダイアログの見出しに二枚目のスプライトも手作業の位置合わせも要りません。角は決して拡大されず中央はフラットな塗りなので、どちらもどんなサイズにもきれいに伸びます。

パネルの上にはタブ型ボタンのスプライトが12点。通常、ホバー、押下、無効の各状態を三通りに描いてあります——標準の148×52バー、正方形の角ばったアイコンボタン、そしてツールバーや行内アクション用のコンパクトボタン。3つのサイズを1枚の拡大縮小ではなく別ファイルにしたのは、描画がサイズに依存するからです。52pxで計算した面取りは、小さい方では縮小ではなく再計算されます。押下状態は面を2ピクセル下げて上のハイライトを外します。単に暗くするのではないからこそ、ボタンが色替えではなく押されたと感じられます。

小さな4点が、パネルとパネルのあいだでメニューに要るものを埋めます。しっぽ付きのツールチップ、パネルの上端に乗る見出しバー、中央に印のあるセクション区切り、そして数値やステータス用のラベルチップ。どれもウィンドウパネルの別サイズではありません——nine-sliceはもともと任意の大きさに伸びるので、幅違いの二枚目はコンポーネントではなく水増しになります。

すべてが二通りで届きます。SVGソースはキットを実際に描いたファイルそのものです。開いて墨黒の六色か信号イエローのアクセント一色を変え、書き出し直してください。PNGの書き出しはフラットで透明、ビットマップを求めるエンジン向けに1x・2x・4xへあらかじめ拡大してあり、アルファの事前乗算もスプライト外にはみ出す焼き込みの影もありません。

クリエイティブ・コモンズ ゼロ 1.0 — パブリックドメイン。クレジット表記も不要です。 全文 · 実際どういう意味か