TOP

Contents

    はじめに
  1. osu!
  2. インターフェース
  3. 注釈
  4. 参考

res.zip ダウンロード

はじめに

  • スキンを作成に関する日本語での解説が少なかったため書きました。
  • スキンバージョン2.5で動作するもののみを記載しています。
  • アスペクト比が16:9の環境での使用のみを考慮しています。
  • ゲームの言語設定は日本語が前提です。
  • osu!Standardを対象にしていますので,他のモードは考慮していません。ただし,ゲームインターフェースに関しては記載しています。
  • ファイル名末尾に (n)または (-n)と記載されているものがあります。こちらのファイルは複数含めることが可能で,その場合nが小さい順番にアニメーションや表示されたりします。もちろん単数で含めることも可能です。
  • 同じファイルを複数の場面で使い回すゲーム仕様となっているので,本ページではカテゴリを優先して目的のファイルを見つけやすいようにしています。そのため,異なるカテゴリで使用されているファイルは各カテゴリに重複して記載されています。該当ファイルに関しては ※1と併記してありますので,ご確認下さい。
  • エディター専用のファイルも記載していません。
  • 表中原点の項目は素材の原点の位置を表し,()で記載がある場合は画面中の原点の座標になります。FullHD(1920×1080px)での座標だということに注意してください。
  • 基本的には作者用なので作りが雑なところもあると思いますが大目に見てください。
  • その他記述ミスやバージョンアップによる変更などで本ページに不備がありましたら下の方にある連絡先までご連絡頂けると幸いです。

osu!

カーソル

カーソルに関連する項目。

ファイル名 解説 原点 サイズ
cursor.png カーソル 中央 -
cursortrail.png カーソルに追従する影 中央 -
cursormiddle.png カーソルの上のレイヤー。クリック時にカーソル を拡大する設定にしても拡大されない。 中央 -
cursor-smoke.png スモーク(cキーのやつ) 中央 -

ヒットバースト

ヒットサークルをタップしたときの表示「ヒットバースト」に関連する項目。

ファイル名 解説 原点 サイズ
hit0(-n).png タイミング判定0のときのヒットバースト画像 中央 -
hit50(-n).png タイミング判定50のときのヒットバースト画像 中央 -
hit100(-n).png タイミング判定100のときのヒットバースト画像 中央 -
hit100k(-n).png カラーコンボ100喝のときのヒットバースト画像 中央 -
hit300(-n).png タイミング判定300のときのヒットバースト画像 中央 -
hit300g(-n).png カラーコンボ300激のときのヒットバースト画像 中央 -
hit300k(-n).png カラーコンボ300喝のときのヒットバースト画像 中央 -
lighting.png サークルをタップした後に残る画像。設定から オフにすることが可能。色はコンボカラーに依存 中央 100×100px
particle50.png タイミング判定50のときに出る粒状の画像 中央 7×7px
particle100.ong タイミング判定100のときに出る粒状の画像 中央 7×7px
particle300.ong タイミング判定300のときに出る粒状の画像 中央 7×7px

コンボバースト

一定のコンボ数をだすと発動する「コンボバースト」に関連する項目。コンボバーストに関する詳しい設定は skin.iniから行うことができる。

ファイル名 解説 原点 サイズ
comboburst(-n).png コンボバースト時に画面横から出てくる画像。 複数含めた場合nが小さい順番に表示される 中央 -
star2.png ※1 コンボバースト時に画面下左右から吹き出る粒状の画像 中央 -

ヒットサークル

スライダーも含んだすべてのタップする円「ヒットサークル」に関連する項目。

ファイル名 解説 原点 サイズ
hitcircle.png ヒットサークル画像。スライダーサークルが含まれて 無い場合にスライダーサークルにも使用される 中央 118×118px
hitcircleoverlay(-n).png hitcircle.pngの上のレイヤー。 スライダーサークルが含まれて無い場合に スライダーサークルにも使用される 中央 118×118px
approachcircle.png ヒットサークルに向かって縮んでくる円 中央 126×126px
followpoint.png ヒットサークル同士をつなぐ点や線 中央 -
sliderstartcircle.png スライダーの始端 中央 118×118px
sliderstartcircleoverlay(-n).png sliderstartcircle.pngの上のレイヤー 中央 118×118px
sliderendcircle.png スライダーの終端 中央 118×118px
sliderendcircleoverlay(-n).png sliderendcircle.pngの上のレイヤー 中央 118×118px

スライダー

スライダーに関連する項目。

ファイル名 解説 原点 サイズ
sliderb(n).png スライダーボールまたはスライダー スライド時に追従する画像 中央 118×118px
sliderb-nd.png sliderb(n).pngの最下層レイヤー。 sliderb(n).pngがある場合は無視される 中央 118×118px
sliderb-spec.png sliderb(n).pngの最高層のレイヤー。静的で反転や回転 はしない。 sliderb(n).pngがある場合は無視される 中央 118×118px
sliderfollowcircle(-n).png スライダースライド時に拡大されて追従する画像 中央 256×256px (最大: 308×308px)
sliderscorepoint.png スライダーのスコアポイント。 スライダーに時々ある小さな印 中央 -
reversearrow.png スライダーの折返し矢印。右向き(→)で用意する 中央 -

ヒットサークルナンバー

ヒットサークルの中に表示される「ヒットサークルナンバー」に関連する項目。0.8×されて表示される。数字と数字の間隔は skin.iniから設定が可能。

ファイル名 解説 原点 サイズ
default-0.png ヒットサークルの中に表示される数字の画像(0) 中央 -
default-1.png 同上(1) 中央 -
default-2.png 同上(2) 中央 -
default-3.png 同上(3) 中央 -
default-4.png 同上(4) 中央 -
default-5.png 同上(5) 中央 -
default-6.png 同上(6) 中央 -
default-7.png 同上(7) 中央 -
default-8.png 同上(8) 中央 -
default-9.png 同上(9) 中央 -

スピナー

BASIC要素とNEW要素の両方が存在する場合BASIC要素が優先され,NEWラベルの要素はすべて無視されます。NEW要素を利用したい場合はBASIC要素を含めないで下さい。

両方で使用可

ファイル名 解説 原点 サイズ
spinner-approachcircle.png 時間経過とともに収縮する画像。 spinner-circle.pngspinner-top.pngが使用されている場合,強制的に使用する 中央 384x384px
spinner-clear.png スピナークリア時に表示する画像 中央(center,230) -
spinner-spin.png スピナー開始時に表示する画像 中央(center,582) -
spinner-rpm.png 分間回転数表示の背景 左上(821,1024) 280x56px

NEW

ファイル名 解説 原点 サイズ
spinner-middle.png 最高層のレイヤー。時間経過とともに赤色に着色される 中央 689x689px
spinner-middle2.png 2番目に高いレイヤー。最も早く回転する 中央 17x17px
spinner-top.png 中間のレイヤー。2番目に早く回転する 中央 667x667px
spinner-bottom.png 番目に低いレイヤー 中央 667x667px
spinner-glow.png 最下層レイヤー。スピンボーナス獲得時に白く点滅 中央 852x852px

BASIC

ファイル名 解説 原点 サイズ
spinner-background.png スピナーの背景画像。 skin.iniSpinnerBackgroundで色の変更可(デフォルトではグレー) 中央 1024x702px
spinner-circle.png スピナーの回転部分 中央 666x666px
spinner-metre.png スピン進行度ゲージ。最高時に最上部が点滅( skin.iniSpinnerNoBlinkを1に設定することで無効化可) 左上 1024x692px

スコアバー(HPバー)

プレイフィールドの左上にあるHPを表す「スコアバー」に関連する項目。サイズ制限が無いのでプレイフィールドの枠なんかは scorebar-bg.pngを使って作ります。

ファイル名 解説 原点 サイズ
scorebar-bg.png スコアバーの背景画像 左上(0,0) -
scorebar-colour(-n).png 増減するスコアバー 左上(0,24) -
scorebar-ki.png HPが50~100%のときに表示 左上(HP,0) -
scorebar-kidanger.png HPが25~50%のときに表示 左上(HP,0) -
scorebar-kidanger2.png HPが25%未満のときに表示 左上(HP,0) -
scorebar-marker.png 多分kiと同じ。色が着くっぽい。使えないかも。よく分からん 不明 -

スコアナンバー

スコアを表示する為に使用される「スコアナンバー」に関連する項目。 skin.iniScorePrefixコマンドでファイルの接頭辞を指定する必要があります。例えば ScorePrefix: scoreのようにすると score-0.pngのようなscoreではじまるファイルが指定できます。 ScorePrefix: fonts/scoreのようにフォルダのパスを指定することも可能です。

ファイル名 解説 原点 サイズ
score-0.png スコア表示用の文字(0) 不明 -
score-1.png 同上(1) 不明 -
score-2.png 同上(2) 不明 -
score-3.png 同上(3) 不明 -
score-4.png 同上(4) 不明 -
score-5.png 同上(5) 不明 -
score-6.png 同上(6) 不明 -
score-7.png 同上(7) 不明 -
score-8.png 同上(8) 不明 -
score-9.png 同上(9) 不明 -
score-comma.png 同上(,) 不明 -
score-dot.png 同上(.) 不明 -
score-percent.png 同上(%) 不明 -
score-x.png 同上(×) 不明 -

MODアイコン

各種MODの表示画像「MODアイコン」に関連する項目。90x65pxまでなら選択して拡大されても隣同士重なりません。(参考SDサイズ:64×64px~100×100px)MODについて詳しく知りたいときは更新が滞った こちらのWikiを確認して下さい。

ファイル名 解説 原点 サイズ
selection-mod-autoplay.png autoplay 中央 -
selection-mod-doubletime.png doubletime 中央 -
selection-mod-easy.png easy 中央 -
selection-mod-fadein.png fadein 中央 -
selection-mod-flashlight.png flashlight 中央 -
selection-mod-halftime.png halftime 中央 -
selection-mod-hardrock.png hardrock 中央 -
selection-mod-hidden.png hidden 中央 -
selection-mod-nightcore.png nightcore 中央 -
selection-mod-nofail.png nofail 中央 -
selection-mod-perfect.png perfect 中央 -
selection-mod-relax.png relax 中央 -
selection-mod-relax2.png relax2 中央 -
selection-mod-scorev2.png scorev2 中央 -
selection-mod-spunout.png spunout 中央 -
selection-mod-suddendeath.png suddendeath 中央 -

プレイフィールド

ファイル名 解説 原点 サイズ
comboburst(-n).png コンボバースト時に横から出てくる画像。右向きで用意する 中央 (最高高さ:768px)
multi-skipped.png マルチプレイ時にスキップリクエストしたプレイヤーの横に出るマーク 不明 -
play-skip(-n).png 前奏・後奏スキップボタンの画像 不明 -
play-unranked.png アンランクでプレイするとき上の方に出る画像 不明 -
star2.png ※1 譜面選択,カーソル,コンボブーストで出る粒状の画像 中央 -
play-warningarrow.png ポーズ時と休憩終了警告に四隅に表示される矢印。右向き(→)で用意する 中央 -
arrow-pause.png ポーズ時とfail時に四隅に表示される矢印。右向き(→)で用意する。 play-warningarrowより優先される 中央 -
arrow-warning.png 休憩終了警告に表示される矢印。右向き(→)で用意する。 play-warningarrowより優先される 中央 -

インプットオーバーレイ

プレイフィールド右側にキーカウンターを表示する「インプットオーバーレイ」に関連する項目。文字色などの設定は skin.iniから行えます。

ファイル名 解説 原点 サイズ
inputoverlay-background.png 時計回りに90度回転し,1.05×されて表示される 左上(回転したときの右上) 193x55px
inputoverlay-key.png 各キーカウンター(4個)の画像 中央 (最大:46x46px)

エントリーナンバー

選曲画面やプレイフィールドの左側に表示されるリーダーボードのスコア・コンボ数やプレイフィールド右側のキーカウンターに使用される「エントリーナンバー」に関連する項目。 スコアナンバーとの違いは小さい文字に使うという認識で大丈夫です。原点は用途によって変わるので表には記載していません。(スコア:左上,コンボ:右上,ランク:右上,キーカウンター:上中央)キーカウンターに使用時の色は skin.iniInputOverlayTextコマンドで変更することが可能です。それ以外の使用時の色は固定です。(スコア:白,コンボ:シアン)

ファイル名 解説 原点 サイズ
scoreentry-0.png リーダーボードとキーカウンターに使用する文字(0) - 11x14px
scoreentry-1.png 同上(1) - 11x14px
scoreentry-2.png 同上(2) - 11x14px
scoreentry-3.png 同上(3) - 11x14px
scoreentry-4.png 同上(4) - 11x14px
scoreentry-5.png 同上(5) - 11x14px
scoreentry-6.png 同上(6) - 11x14px
scoreentry-7.png 同上(7) - 11x14px
scoreentry-8.png 同上(8) - 11x14px
scoreentry-9.png 同上(9) - 11x14px
scoreentry-comma.png 同上(,) - 5x14px
scoreentry-dot.png 同上(.) - 5x14px
scoreentry-percent.png 同上(%) - 12x14px
scoreentry-x.png 同上(×) - 10x14px

カウントダウン

最近はカウントダウンする譜面が減っていますが「カウントダウン」に関連する項目。

ファイル名 解説 原点 推奨SDサイズ
ready.png ready 中央 (最大:1366x768px)
count1.png 1 中央 (最大:1366x768px)
count2.png 2 中央 (最大:1366x768px)
count3.png 3 中央 (最大:1366x768px)
go.png go 中央 (最大:1366x768px)

セクションインジケーター

譜面の休憩中に表示される「セクションインジケーター」に関連する小目。passとかfailって出るやつです。

ファイル名 解説 原点 推奨SDサイズ
section-fail.png HPが約50%未満の場合のfail表示 中央 (最大:768px)
section-pass.png HPが約50%以上の場合のpass表示 中央 (最大:768px)

ランキンググレード

プレイ譜面の評価「ランキンググレード」に関連する項目。リザルトやリーダーボードに表示されるABCDなどの評価。ランキンググレードのうち,小さい方の画像の原点は使用場面によって異なります。(休憩:中央,選曲パネル:左中央,ユーザースコア:中央)

ファイル名 解説 原点 推奨SDサイズ
ranking-a.png A 中央(1728,760) -
ranking-a-small.png 小さいA - 34x40px
ranking-b.png B 中央(1728,760) -
ranking-b-small.png 小さいB - 34x40px
ranking-c.png C 中央(1728,760) -
ranking-c-small.png 小さいC - 34x40px
ranking-d.png D 中央(1728,760) -
ranking-d-small.png 小さいD - 34x40px
ranking-s.png S 中央(1728,760) -
ranking-s-small.png 小さいS - 34x40px
ranking-sh.png シルバーのS 中央(1728,760) -
ranking-sh-small.png/ 小さいシルバーのS - 34x40px
ranking-x.png SS 中央(1728,760) -
ranking-x-small.png 小さいSS - 34x40px
ranking-xh.png シルバーのSS 中央(1728,760) -
ranking-xh-small.png 小さいシルバーのSS - 34x40px

リザルト画面

譜面クリア後に表示される画面「リザルト画面」に関する画像。各種文字の画像を透明にして,代わりに ranking-panel.pngに書くとう方法もります。

ファイル名 解説 原点 推奨SDサイズ
ranking-accuracy.png Accuracyの文字の画像 左上(291,480) -
ranking-graph.png グラフの背景画像。上端と左端から7pxは透明にする 左上(256,608) (最小:308x148px)
ranking-maxcombo.png マックスコンボの文字の画像 左上(8,480) -
ranking-panel.png リザルトの背景画像 左上(0,102) (最高高さ:666px)
ranking-perfect.png パーフェクトの文字の画像 中央(416,688) -
ranking-title.png ランキンググレードの上に表示されるランキングの文字の画像 右上(1888,?) -
ranking-winner.png 1位のプレイヤーを表示する枠。マルチプレイ専用 左上 200×214px

ポーズ画面

譜面プレイ中にEscキーを押して表示される「ポーズ画面」に関連する項目。

ファイル名 解説 原点 推奨SDサイズ
pause-back.png バックボタン。fail画面とポーズ画面に表示される 中央(960,576) -
pause-continue.png コンテニューボタン。ポーズ画面に表示される 中央(960,224) -
pause-retry.png リトライボタン。リザルト画面とポーズ画面,fail画面に表示される 中央(960,400)ただしリザルト画面では右中央(1920,576) -
pause-replay.png リプレイボタン。リザルト画面(ランクインプレイヤーのリザルトを含む)に表示される 右中央(1920,672)ただし pause-retry.pngが不要の場合は右中央(1920,576) -
pause-overlay.png ポーズしたときに表示される背景画像。調整されずに素の解像度で表示される 中央 (最大:1366x768px)
fail-background.png failしたときに表示される背景画像。1920x1200pxにサイズ調整されて表示される 中央 (最大:1920x1200px)

インターフェース

ゲーム起動時最初に表示される画面「メインメニュー」に関連する項目。

ファイル名 解説 原点 推奨SDサイズ
menu-background.jpg メニュー画面の背景 ※2 中央 1366x768px
welcome_text.png ゲーム起動時のwelcomeの画像 ※2 中央 -
menu-snow.png メニュー画面で降ってくる画像。ゲームオプションからオフにできる 中央 32x32px

ボタン

「ボタン」に関連する項目。すべて同じ高さで用意しなければなりません。色は各ボタンによって乗算ブレンドで変更されます。

ファイル名 解説 原点 推奨SDサイズ
button-left.png ボタンの背景画像の左端 右上 -
button-middle.png ボタンの背景画像の中央。ボタンサイズに合わせて調整される 上中央 -
button-right.png ボタンの背景画像の右端 左上 -

オフセットウィザード

ゲームオプションの全体オフセット設定画面「オフセットウィザード」に関連する項目。

ファイル名 解説 原点 推奨SDサイズ
options-offset-tick.png 全体オフセット設定画面で一定リズムで流れてくるノーツ 中央 -

ソングセレクション

ファイル名 解説 原点 推奨SDサイズ
menu-back(-n).png 戻るボタン 左下(0,1080) 200x214px
menu-button-background.png 譜面選択パネルの背景。スコアボードの背景。譜面グループのフォルダ 左下(0,1080) (最小:690x85px)
selection-mode.png モード切り替えボタン 左下 92x90px
selection-mode-over.png モード切り替えボタンにカーソルを合わせたときの表示 左下 92x90px
selection-mods.png Mod選択ボタン 左下 77x90px
selection-mods-over.png Mod選択ボタンにカーソルを合わせたときの表示 左下 77x90px
selection-random.png ランダムボタン 左下 77x90px
selection-random-over.png ランダム選択ボタンにカーソルを合わせたときの表示 左下 77x90px
selection-options.png 譜面設定ボタン 左下 77x90px
selection-options-over.png 譜面設定ボタンにカーソルを合わせたときの表示 左下 77x90px
selection-tab.png 画面右上にある5個のタブ画像の1個分 左上 142x24px
star.png 難易度の星。最後の星は調整される 中央 50x50px

モードセレクト

選曲画面下中央に表示されるosu!Standardやosu!taikoなどのモードを切り替えるインターフェイス「モードセレクト」に関連する項目。

ファイル名 解説 原点 推奨SDサイズ
mode-osu.png osu!モード選択中に中央で点滅する 中央 256x256px
mode-taiko.png taikoモード選択中に中央で点滅する 中央 256x256px
mode-fruits.png catchモード選択中に中央で点滅する 中央 256x256px
mode-mania.png maniaモード選択中に中央で点滅する 中央 256x256px
mode-osu-med.png モード選択のドロップダウンで表示 中央 128x128px
mode-taiko-med.png モード選択のドロップダウンで表示 中央 128x128px
mode-fruits-med.png モード選択のドロップダウンで表示 中央 128x128px
mode-mania-med.png モード選択のドロップダウンで表示 中央 128x128px
mode-osu-small.png selection-mode.pngの上に表示される 中央 32x32px
mode-taiko-small.png selection-mode.pngの上に表示される 中央 32x32px
mode-fruits-small.png selection-mode.pngの上に表示される 中央 32x32px
mode-mania-small.png selection-mode.pngの上に表示される 中央 32x32px

注釈

  • ※1 : 同じファイルを複数の場面で使い回すゲーム仕様となっているので,本ページではカテゴリを優先して目的のファイルを見つけやすいようにしています。そのため,異なるカテゴリで使用されているファイルは各カテゴリに重複して記載されています。
  • ※2 : サポーター限定機能。

参考