UIパック

Hyperlane クラフトUI

13個のクラフトとレシピの部品(アーケード)。ダークUI用、深いバイオレットに夕暮れオレンジのアクセント。SVG+透過PNG 1x/2x/4x。

  • ui
  • svg
  • 透過png
  • クラフト
  • レシピ
  • 作業台
  • 鍛冶
  • インベントリ
  • アーケード
  • アーケード
  • アーケード
  • レース
  • グラデーション
  • hud
Hyperlaneファミリーのクラフトとレシピの部品(アーケード)13点を透明チェッカー上に並べ、下にピクセル寸法を記したシート
プレビュー 1600×597透明部分は市松模様で表示

このパックについて

Hyperlane クラフトUIはアーケードスタイルで描かれた13点のクラフトとレシピの部品のセットです。色は縁ではなく本体です。両端の尖った、飽和した板。内容は素材スロットの3状態、一回り大きい結果スロット、合成と分解の矢印、素材の結合マーク、品質メーター3種、既知と未発見のレシピ行、そして段階式の製作バーです。

クラフトは、スロットが持ち物のスロットでは決して言わないことを言わねばならない唯一の画面です。中身が何かではなく、足りているかどうかです。所持・不足・一部所持は三つの状態であり、スロットを一枚しか同梱しない素材集は、その答えを毎回スロットの下に文字で書かせることになります。

どの板も長辺方向に二段のグラデーションで塗られ、印は黒地に明るくではなく色の上に暗く描かれています。尖った両端はシルエットの一部なので、輪郭の効果ではなく拡大しても残ります。

そのスタイルの中でこれはHyperlaneとしての読みです。深いバイオレットのパレットに夕暮れオレンジのアクセントを載せたダークインターフェースで、二重の同心フレーム、192x48の完全に丸めたピル型ボタン、6分割の光沢のあるバー、32pxグリッドの二色のアイコンを軸に組まれています。二つのファミリーがアートスタイルを共有しながら入れ替え可能にならない理由は、この寸法にあります。スタイルは縁の描き方を決め、数値はそのインターフェースが何のためのものかを決めます。

素材スロットは三つの状態すべてが入っており、違いは塗りではなく枠が担います。足りているスロットは閉じ、不足しているものは破線、一部だけあるものは下半分だけが閉じています。これは56ピクセルでも読めますし、色がなくても読めます。合成と分解の矢印は回転させた一枚ではなく別々のファイルです。二つは同じ画面に並び、鏡像にすると陰影が逆側に付くからです。結果スロットは素材スロットより三分の一大きく描いてあります。レシピの成果物は素材の一つではなく、同じ箱に入るべきではないからです。

どのスプライトも編集可能なSVGと、1x・2x・4xの透過PNGで届きます。PNGをそのままエンジンに置いても、ベクターを開いて色を変えても構いません。Hyperlaneファミリーの他と同じ寸法で描かれているので、このキットとHyperlaneのパネルキットはどちらもサイズを変えずに揃います。レースやアーケード、スコア重視のインターフェースによく合います。

ダウンロード

直リンク · 登録不要 · 待機ページなし
ZIPをダウンロード70 kB

フルセット — SVGソース、1x/2x/4xのPNG書き出し、ライセンス、readme

このパックに含まれるファイル
ファイル形式容量ダウンロード
フルセット — SVGソース、1x/2x/4xのPNG書き出し、ライセンス、readmeZIP70 kB 入手 →
素材スロット・所持、編集可能なSVGSVG1.1 kB 入手 →

使い方

  1. 素材スロットの間に結合マークを、結果スロットの手前に合成矢印を置いてください。すべての部品がこの読み順と共通の垂直中心に合わせて描かれています。
  2. スロットの状態は一枚を色替えするのではなく所持数から切り替えてください。不足は破線、一部所持は下半分だけ閉じ、充足は閉じた枠です。
  3. 品質メーターは長さではなく刻みの数で読んでください。刻みは固定なので、5刻みの結果は3刻みの隣で数えられます。
  4. 製作時間にはリソースバーではなく段階バーを使ってください。製作は区切られた手順で進むもので、滑らかな塗りはどこでも中断できるように見せてしまいます。

ライセンス

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

コピー用のクレジット表記
"Hyperlane クラフトUI" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/hyperlane-crafting-ui