Paper ステージ選択

Paper ステージ選択はフラットスタイルで描かれた12点のステージ選択とマップの部品のセットです。輪郭も陰影もまったくありません。内容はステージノードの4状態、直線と曲線の道をそれぞれ未開放と開放で、地域プレート、戦場の霧の縁、ズーム操作、そして凡例ボックスです。

ステージ選択マップはノードとその間の線という二つのもので出来ています。そしてどの無料素材集も抜かしているのが、その線です。マップが崩れるのは線をエンジンで描いたときです。コードで引いた線は絵柄に合いませんし、あるスタイルでは直線、別のスタイルでは手描きの揺れになる道は、四角形では表せません。

奥行きは重ねたソフトシャドウだけから生まれます。ぼかしフィルターではなく三回の重ね塗りです。一部のSVGラスタライザはぼかしの拡大を誤り、4xのPNGが滲みになるからです。それ以外はすべて単一のベタ色です。

そのスタイルの中でこれはPaperとしての読みです。温かい紙色のパレットに錆の赤のアクセントを載せたライトインターフェースで、縁が一本のフレーム、140x44の完全に丸めたピル型ボタン、10分割の帯状のバー、24pxグリッドの線画のアイコンを軸に組まれています。二つのファミリーがアートスタイルを共有しながら入れ替え可能にならない理由は、この寸法にあります。スタイルは縁の描き方を決め、数値はそのインターフェースが何のためのものかを決めます。

道はノードと同じ描画言語で作られており、直線と曲線それぞれに未開放と開放の二通りがあります。未開放は細い破線、開放は太い実線です。おかげでマップ上の進み具合は、ノードだけでなく接続の変化としても見えます。ノードの四状態も構造で分かれます。未開放は全面に斜線、開放可能は中心に点が一つ、クリア済みは塗りつぶし、パーフェクトは塗りつぶしに四隅のかぎ括弧が加わります。霧の縁はやわらかいぼかしではなく段状の帯として描いてあります。ぼかしはエンジンごとにラスタライズが異なり、マップの縁こそその差が出る場所だからです。

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

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