Sketch HUDバー — 体力・マナ・スタミナ

パネルと同じサンプリングしてずらした線で描いたバーです。つまりフレームは長方形ではなく、長方形になるつもりもありません。揺らぎは決定的で、同じバーはどのビルドでも同じ揺れ方をします。だからビルド間でファイルがディスク上で変わらず、スプライトをノイズなしでバージョン管理に置けます。

フレームは端8 pxのnine-sliceなので、どんな幅に伸ばしても両端は変形しません。画面幅いっぱいのボス用バーと40 pxの敵ネームプレート用バーが同じファイルで済みます。

塗りはフレームに焼き込まれておらず別のスプライトです。実際に効くのはそこで、塗りの幅をゼロから満杯まで動かしてもフレームは一切動きません。どの塗りも横三段の帯（上に明るい帯、中間色、下に暗い縁）で描かれているので、フラットな長方形が滲みに変わるような小さいサイズでもバーとして読めます。

色はリソースごとに一つずつ、計三つです。体力、マナ、スタミナ。色相だけでなく明度でも離してあり、グレースケールのスクリーンショットや代表的な色覚特性を生き延びるのはこの部分です。同じ明度に揃えた組み合わせは見本の列では整って見えても、画面上では一つの灰色の塊に潰れます。

分割バリエーションは同じフレームの上に9本の切り欠き線を足したもので、連続した割合ではなく個数（ハート、チャージ、弾数）を数えるゲーム向けです。オーバーレイではなく別ファイルなので、バーのウィジェットを変えずに差し込めます。すべて編集可能なSVGと、1x・2x・4xのフラットな透過PNGで収録。

クリエイティブ・コモンズ 表示 4.0 — 商用利用も無料。クレジット表記が必要です。 全文 · 実際どういう意味か