Source code
はじめに
- スキンを作成に関する日本語での解説が少なかったため書きました｡
- スキンバージョン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.pngか
spinner-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.iniの
SpinnerBackgroundで色の変更可(デフォルトではグレー) |
中央 |
1024x702px |
| spinner-circle.png |
スピナーの回転部分 |
中央 |
666x666px |
| spinner-metre.png |
スピン進行度ゲージ｡最高時に最上部が点滅(
skin.iniの
SpinnerNoBlinkを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.iniの
ScorePrefixコマンドでファイルの接頭辞を指定する必要があります｡例えば
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.iniの
InputOverlayTextコマンドで変更することが可能です｡それ以外の使用時の色は固定です｡(スコア:白,コンボ:シアン)
| ファイル名 |
解説 |
原点 |
サイズ |
| 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 : サポーター限定機能｡
参考