UIパック

Paper カーソル

12個のマウスカーソル(フラット)。ライトUI用、温かい紙色に錆の赤のアクセント。SVG+透過PNG 1x/2x/4x。

  • ui
  • svg
  • 透過png
  • カーソル
  • ポインタ
  • 照準
  • マウス
  • フラット
  • フラット
  • ライトUI
  • ミニマル
  • カジュアル
Paperファミリーのマウスカーソル(フラット)12点を透明チェッカー上に並べ、下にピクセル寸法を記したシート
プレビュー 1600×739透明部分は市松模様で表示

このパックについて

Paper カーソルはフラットスタイルで描かれた12点のマウスカーソルのセットです。輪郭も陰影もまったくありません。内容は矢印と待機リング付きの矢印、指差しの手と移動カーソル、十字カーソルとターゲットロック、攻撃・会話・戦利品のカーソル、待機・禁止・テキストのカーソル、そしてリサイズカーソルです。

自分でインターフェースを描いておきながらOSのカーソルをその上に残しているゲームは、画面の真ん中に穴が空いています。しかもそこはプレイヤーが常に見ている場所です。カーソルはまた、背景を一切コントロールできない唯一のスプライトでもあります——同じ1秒の間に空、石、炎、持ち物欄の上を通ります。

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

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

どのカーソルも、本体とはパレットの反対端から取った輪郭を持っています。キットが何も知らない背景の上でも読めるようにしているのがこれです——暗い洞窟の上の暗いカーソルは消えますし、どんな作り込みもそれを直しません。ホットスポットは推測に委ねず各スプライトのタイトルに書いてあります。矢印は0,0で、十字はその中心でクリックします。3ピクセルずれたホットスポットは、狙ったものを外すゲームということです。

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

ダウンロード

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

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

このパックに含まれるファイル
ファイル形式容量ダウンロード
フルセット — SVGソース、1x/2x/4xのPNG書き出し、ライセンス、readmeZIP51 kB 入手 →
矢印カーソル、ホットスポット 0,0、編集可能なSVGSVG409 B 入手 →

使い方

  1. カーソルを登録するときはスプライトのタイトルからホットスポットを取ってください——矢印と手は先端付近、十字とターゲットは中心でクリックします。
  2. ハードウェアカーソルには32pxのPNGを使い、整数倍のスケールを守ってください。ハードウェアカーソルはOSが合成するため、端数倍率では輪郭が甘くなります。
  3. 攻撃・会話・戦利品のカーソルには、1つのカーソルを着色するのではなくインタラクションのレイキャストから切り替えてください。プレイヤーが一目で読むのは色ではなくシルエットです。
  4. 禁止カーソルは拒否された操作のためのもので、無効なコントロールのためではありません——無効なボタンはすでに自分のスプライトでそれを言っており、両方使うと二度言うことになります。

ライセンス

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

コピー用のクレジット表記
"Paper カーソル" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/paper-cursors