forum

皮肤元件名称对照表及参数(osu-standard)

posted
Total Posts
27
Topic Starter
Scorpiour
方便大家在制作皮肤/mod的时候检查皮肤用

尽量做到分组介绍吧,缺少的部分欢迎帮忙补充,如果错误请及时提出:

Circle组
  • Circle组是整个皮肤中最重要的部分,也就是我们打图时会看到的点击圈及相关的一些皮肤组件,当然也是要求最严格的部分
  1. hitcircle.png - 128*128,尽量对应模板元件尺寸。这个是我们平时看到的circle主体(中心区域部分),其颜色会和map的combocolor叠加从而变色!
  2. hitcircleoverlay.png - 128*128,必须精确对应模板元件尺寸。这个是hitcircle外围的覆盖圈,不会变色。
    特别注意:当你为你的mapset添加了hitcircleoverlay之后,必须要在osu文件的[colours]项目下增加SliderBorder的颜色代码来强制限定滑条边框颜色,例如
    SliderBorder : 255,255,255
  3. approachcircle.png - 128*128,中心必须透明,必须精确对应模板元件尺寸。打图时的收缩圈,其与hitcircleoverlay接触的瞬间即300分的判定点,所以这2个元件尺寸不能出任何差错。
  4. reversearrow.png - 128*128,最好不要超出hitcircle范围,折返滑条折返点上的返回箭头。
Slider组
  • Slider相关的皮肤组件,一些特殊的非图片部分会放在最后介绍。
  1. sliderb.png - 118*118,slider上的滚动球。命名方式按照从sliderb0.png sliderb1.png逐渐增加,实际play中会按照顺序以动画的方式播放。
  2. sliderfollowcircle.png - 256*256,slider滑动时光标的跟随圈,中心必须透明
  3. sliderscorepoint.png - 32*32,slider中间判定点图标,必须可见
Spinner组
  • 转盘相关
  1. spinner-approachcircle.png - 390*390,转盘时逐渐缩小的圈,中心必须透明
  2. spinner-background.png - 1023*692,转盘背景图,尺寸比较特殊,制作方法是:在1024*768的背景图下,上方剪46像素,下方剪30像素,然后左/右任意方向剪1像素
  3. spinner-metre.png - 1023*692,转盘过程中由下向上逐渐出现,当完全出现时即转盘顺利pass
  4. spinner-circle.png - 666*666,转盘本体,邪恶的数字,转盘中心必须清晰可见
  • 转盘文字
  1. spinner-clear.png - 334*145,转盘pass时(即metre完全出现)显示的文字,尺寸可自定
  2. spinner-osu.png - 423*128,押忍!! 尺寸可自定
  3. spinner-spin.png - 325×147,提示要开始转盘的文字,尺寸可自定
Score组
  • 打图时出现的分数,有人欢喜有人愁
  1. hit0.png - 256*256,红叉子不用多介绍=v=
  2. hit50.png - 256*256,普通50分
  3. hit100.png - 256*256,普通100分
  4. hit300.png - 256*256,普通300分
  5. hit100k.png - 256*256,100喝
  6. hit300k.png - 256*256,300喝
  7. hit300g.png - 256*256,300激
  8. 另外,hit100与hit100k,hit300与hit300k及hit300g要保证有区别使得玩家不会混淆
  9. sliderpoint10.png - 41*29,slider过判定点时的10分
  10. sliderpoint30.png - 48*29,slider过返回点时的30分
光标组
  • 光标什么的不用解释了吧,没了这个比开Hidden还卡帕
  1. cursor.png - 63*63,光标本体,会旋转的部分
  2. cursortrail.png - 51*51,光标阴影
  3. cursormiddle.png - 光标的中心部分,不会旋转
数字组
  • 游戏中的各种数字
  1. default-0.png - 49*54,打图时圈圈上出现的数字0
  2. default-1.png - 同上,1
  3. default-2 到 default-9就不单独介绍了,除了数字不同其他都一样。
  4. score-0.png - 游戏分数的数字0。Score系列的尺寸可以根据情况自行调整
  5. score-1 到score-9 同上
  6. score-comma.png - 游戏分数部分的逗号
  7. score-dot.png - 句点
  8. score-percent.png - 百分号
  9. score-x.png - 小叉子(那个连击的x)
Ranking组
  • 打图评级时的S/A什么的,尺寸根据自己需要自定
  1. ranking-S.png - 金S
  2. ranking-SH.png - 银S
  3. ranking-X.png - 金SS
  4. ranking-XH.png - 银SS
  5. ranking-A.png - A
  6. ranking-B.png - B
  7. ranking-C.png - C
  8. ranking-D.png - D
  9. 以上皮肤在游戏过程中的显示部分直接在皮肤名后面加-small即可,例如游戏内的金S就是ranking-S-small.png,银SS就是ranking-XH-small.png
休息时间组
  • 游戏中途break时根据血量出现的提示
  1. section-fail.png - break时血量不足一半的大叉子
  2. section-pass.png - break时血量超过一半的大圆圈
血条组
  • 右上角的血条
  1. scorebar-bg.png - 757*72,血条背景
  2. scorebar-colour-0.png - 646*13,血条颜色
  3. 血条颜色整组也是按数字排列,比如scorebar-colour-1.png scorebar-colour-2.png这样
  4. scorebar-ki.png - 116*116,气,血量正常时
  5. scorebar-kidanger.png - 116*116,一个小叹号,血量不足50%
  6. scorebar-kidanger2.png - 116*116,两个小叹号,血量危险
按钮背景组
  • 屏幕上那些可以按的按钮什么的
  1. play-skip.png - 开始前/结束后如果有可跳过段的话显示在右下角的skip按钮,可以做成动态效果
  2. pause-overlay.png - 游戏中途暂停时的背景
  3. pause-back.png - 暂停后返回选曲界面的按钮
  4. pause-continue.png - 暂停后继续游戏的按钮
  5. pause-retry.png - 暂停后重新开始的按钮
  6. fail-backgournd.png - 游戏失败后的背景
其他界面元素
  • 其他一些常用但是不好归组的元素
  1. followpoint.png - 同一组combo的note之间起指向作用的小点,这个做好了可以起到非常好的效果
  2. play-warningarrow.png - break快结束时屏幕四角出现的小箭头,尺寸自定,默认指向右侧
  3. lighting.png - 通常是128*128,非模板元件,点击Note之后原地留下的一个光影,kiai时会在note后面闪烁,瞎眼货之一
  4. star.png - 尺寸自定,游戏选曲时显示的星级
  5. star2.png - 尺寸自定,休息时和kiai时光标上喷出的小星星什么的,kiai开始时的喷泉喷的都是这个,总之就是个乱喷的东东
  6. comboburst.png - 尺寸不大于575*767,连续若干combo之后屏幕左侧/右侧出现的小人,默认是从左侧出现。多个comboburst的话按照comboburst-0.png comboburst-1.png的顺序排列文件名
  7. ready.png - 尺寸自定,倒计时的are you ready
  8. count3.png - 528*767,map开启countdown之后开始前的倒计时3
  9. count2.png - 528*767,倒计时2
  10. count1.png - 528*767,倒计时1
  11. go.png - 尺寸自定,倒计时go
skin.ini
  • 一些常用的,但无法在skin中直接设置,而必须在skin.ini中手动填写参数的东西
  1. CursorRotate: 是否让光标旋转
  2. SliderBallFrames:Slider的滚动球总帧数(需要和sliderb系列的数量一致)
  3. SliderStyle: 滑条的类型,2的话可以将滑条变成光滑的半透明

差不多就先这些?希望对大家有帮助,欢迎补充指正!
Flower
好评。占位待编。

一些问题和补充:
  1. hitcircle一般用灰度较好,但也有的采用彩色circle,打击后会消去蒙版显出本来颜色,因此较有特色。如http://osu.ppy.sh/s/34462
  2. sliderscorepoint.png指的是slider tick么?
  3. readys.wav,count3s.wav,count2s.wav,count1s.wav,也就是叫出来的ruready?321go!,要是你的声音足够萌的话可以录下来。
  4. combobreak.mp3:断combo的时候那个烦人的音效。applause.mp3:结束以后在分数画面出来的掌声。

spboxer3
板凳我拿定了
popner
地板
wiki粘过来的:
SPOILER
Hitcircle set
hitcircle.png
hitcircleoverlay.png
approachcircle.png
reversearrow.png
Slider set
sliderb.png (also may be found as sliderb0.png up until sliderb9.png)
sliderfollowcircle.png
Spinner set
spinner-background.png
spinner-circle.png
spinner-approachcircle.png
spinner-metre.png
Spinner Hints set
spinner-clear.png
spinner-spin.png
spinner-osu.png
Countdown set
ready.png
count3.png
count2.png
count1.png
go.png
Cursor set
cursor.png
cursortrail.png
Scorebar set
scorebar-bg.png
scorebar-colour.png
Hitbursts Set
hit0.png
hit50.png
hit100.png
hit100k.png
hit300.png
hit300k.png
hit300g.png
Scorebar Ki set
scorebar-ki.png
scorebar-kidanger.png
scorebar-kidanger2.png
Slider Scores set
sliderpoint10.png
sliderpoint30.png
Hitcircle Numbers set
default-0.png
default-1.png
...
default-9.png
Score Numbers set
score-0.png
score-1.png
...
score-9.png
score-comma.png
score-dot.png
score-percent.png
score-x.png
Section Markers set
section-pass.png
section-fail.png
Breeze
对于做skin来说这篇应该有很大帮助, 精华帖收录
另外我没记错的话comboburst的限制大小是575*767, 宽度可以比默认稍微大一点
Colin Hou
hit100与100k 300与300k以及300g 之间记得要有差别
Topic Starter
Scorpiour
update!
YuZuKi Kenny
前排。
abalee
一般来说skin 大小和 templateskin 里的一样就没有人和你过不去的了
statementreply
补充:cursormiddle.png 光标的中间部分(默认皮肤是蓝色十字)
pw384
补充:
play-skip.png也可以像scorebar-colour.png出现动态效果(参考图:http://osu.ppy.sh/s/10067)
star.png 作用:显示难度星数 (用在map的自定义skin时无效)
Coffeezi
mark~
OLUGO
马克
bossandy
  1. 補充:

    1. 轉盤組
    依照Ranking Submission Rules and Guidelines的說法
    spinner-background的中間必須有個清晰可見的點或其他可以辨認中心點的物件

    還有spinner-background的png格式可以改成jpg 因為沒有任何透明的部份 用jpg可以減少檔案大小


    1. 光標組
    我說這個是因為我的Sweet Rain >_<

    cursormiddle.png不是必須的 可以只留其他兩個 但是其他兩個必須同時存在 缺一不可

就這些啦~ 沒什麼幫助 ~_~
ddouffy
为什么我的皮肤中的转盘有图片 但是游戏里却没变化呢?
Topic Starter
Scorpiour

ddouffy wrote:

为什么我的皮肤中的转盘有图片 但是游戏里却没变化呢?
如果是map文件夹的话,检查文件名
如果是skin文件夹的话,检查skin.ini文件
ddouffy

Scorpiour wrote:

ddouffy wrote:

为什么我的皮肤中的转盘有图片 但是游戏里却没变化呢?
如果是map文件夹的话,检查文件名
如果是skin文件夹的话,检查skin.ini文件

应该是skin.ini的问题 ,受累再问个问题 ,这个文件里面的内容有没有个规范 ,我不会弄这个啊。全是设置相关的英文。谢谢!~
suanriz
好詳細\>w</
這樣改SKIN就快多了!!
感謝整理
Topic Starter
Scorpiour

ddouffy wrote:

应该是skin.ini的问题 ,受累再问个问题 ,这个文件里面的内容有没有个规范 ,我不会弄这个啊。全是设置相关的英文。谢谢!~
目前没有中文版的……唔……有时间我写个skin.ini的使用说明好了
hoshisorakiseki
补充一下CTB模式相关的:
水果组:
  1. fruit-apple.png
  2. fruit-apple-overlay.png
  3. fruit-grapes.png
  4. fruit-grapes-overlay.png
  5. fruit-orange.png
  6. fruit-orange-overlay.png
  7. fruit-pear.png
  8. fruit-pear-overlay.png
以上文件,代表每个下落的水果,相当于每个Hitcircle。(分辨率:128x128)

水果连接组:
  1. fruit-drop.png
上述文件,为小水果,相当于slider中的白点(分辨率:82x103)

大片水果组:
  1. fruit-banana.png
  2. fruit-banana-overlay.png
这两个文件,是一大堆水果下落时显示的,相当于spinner(分辨率:128x128)

控制组?:
  1. fruit-plate.png
  2. fruit-ryuuta.png
这两个文件,一个是盘子(分辨率:230x50),一个是下面的小人(分辨率:305x324)

注意:fruit-*.png要和fruit-*-overlay.png的形状要相近
如果写的很烂的话删掉吧
Szieziw

Scorpiour wrote:

方便大家在制作皮肤/mod的时候检查皮肤用

尽量做到分组介绍吧,缺少的部分欢迎帮忙补充,如果错误请及时提出:

Circle组
  • Circle组是整个皮肤中最重要的部分,也就是我们打图时会看到的点击圈及相关的一些皮肤组件,当然也是要求最严格的部分
  1. hitcircle.png - 128*128,尽量对应模板元件尺寸。这个是我们平时看到的circle主体(中心区域部分),其颜色会和map的combocolor叠加从而变色!
  2. hitcircleoverlay.png - 128*128,必须精确对应模板元件尺寸。这个是hitcircle外围的覆盖圈,不会变色。
    特别注意:当你为你的mapset添加了hitcircleoverlay之后,必须要在osu文件的[colours]项目下增加SliderBorder的颜色代码来强制限定滑条边框颜色,例如
    SliderBorder : 255,255,255
  3. approachcircle.png - 128*128,中心必须透明,必须精确对应模板元件尺寸。打图时的收缩圈,其与hitcircleoverlay接触的瞬间即300分的判定点,所以这2个元件尺寸不能出任何差错。
  4. reversearrow.png - 128*128,最好不要超出hitcircle范围,折返滑条折返点上的返回箭头。
Slider组
  • Slider相关的皮肤组件,一些特殊的非图片部分会放在最后介绍。
  1. sliderb.png - 118*118,slider上的滚动球。命名方式按照从sliderb0.png sliderb1.png逐渐增加,实际play中会按照顺序以动画的方式播放。
  2. sliderfollowcircle.png - 256*256,slider滑动时光标的跟随圈,中心必须透明
  3. sliderscorepoint.png - 32*32,slider中间判定点图标,必须可见
Spinner组
  • 转盘相关
  1. spinner-approachcircle.png - 390*390,转盘时逐渐缩小的圈,中心必须透明
  2. spinner-background.png - 1023*692,转盘背景图,尺寸比较特殊,制作方法是:在1024*768的背景图下,上方剪46像素,下方剪30像素,然后左/右任意方向剪1像素
  3. spinner-metre.png - 1023*692,转盘过程中由下向上逐渐出现,当完全出现时即转盘顺利pass
  4. spinner-circle.png - 666*666,转盘本体,邪恶的数字,转盘中心必须清晰可见
  • 转盘文字
  1. spinner-clear.png - 334*145,转盘pass时(即metre完全出现)显示的文字,尺寸可自定
  2. spinner-osu.png - 423*128,押忍!! 尺寸可自定
  3. spinner-spin.png - 325×147,提示要开始转盘的文字,尺寸可自定
Score组
  • 打图时出现的分数,有人欢喜有人愁
  1. hit0.png - 256*256,红叉子不用多介绍=v=
  2. hit50.png - 256*256,普通50分
  3. hit100.png - 256*256,普通100分
  4. hit300.png - 256*256,普通300分
  5. hit100k.png - 256*256,100喝
  6. hit300k.png - 256*256,300喝
  7. hit300g.png - 256*256,300激
  8. 另外,hit100与hit100k,hit300与hit300k及hit300g要保证有区别使得玩家不会混淆
  9. sliderpoint10.png - 41*29,slider过判定点时的10分
  10. sliderpoint30.png - 48*29,slider过返回点时的30分
光标组
  • 光标什么的不用解释了吧,没了这个比开Hidden还卡帕
  1. cursor.png - 63*63,光标本体,会旋转的部分
  2. cursortrail.png - 51*51,光标阴影
  3. cursormiddle.png - 光标的中心部分,不会旋转
数字组
  • 游戏中的各种数字
  1. default-0.png - 49*54,打图时圈圈上出现的数字0
  2. default-1.png - 同上,1
  3. default-2 到 default-9就不单独介绍了,除了数字不同其他都一样。
  4. score-0.png - 游戏分数的数字0。Score系列的尺寸可以根据情况自行调整
  5. score-1 到score-9 同上
  6. score-comma.png - 游戏分数部分的逗号
  7. score-dot.png - 句点
  8. score-percent.png - 百分号
  9. score-x.png - 小叉子(那个连击的x)
Ranking组
  • 打图评级时的S/A什么的,尺寸根据自己需要自定
  1. ranking-S.png - 金S
  2. ranking-SH.png - 银S
  3. ranking-X.png - 金SS
  4. ranking-XH.png - 银SS
  5. ranking-A.png - A
  6. ranking-B.png - B
  7. ranking-C.png - C
  8. ranking-D.png - D
  9. 以上皮肤在游戏过程中的显示部分直接在皮肤名后面加-small即可,例如游戏内的金S就是ranking-S-small.png,银SS就是ranking-XH-small.png
休息时间组
  • 游戏中途break时根据血量出现的提示
  1. section-fail.png - break时血量不足一半的大叉子
  2. section-pass.png - break时血量超过一半的大圆圈
血条组
  • 右上角的血条
  1. scorebar-bg.png - 757*72,血条背景
  2. scorebar-colour-0.png - 646*13,血条颜色
  3. 血条颜色整组也是按数字排列,比如scorebar-colour-1.png scorebar-colour-2.png这样
  4. scorebar-ki.png - 116*116,气,血量正常时
  5. scorebar-kidanger.png - 116*116,一个小叹号,血量不足50%
  6. scorebar-kidanger2.png - 116*116,两个小叹号,血量危险
按钮背景组
  • 屏幕上那些可以按的按钮什么的
  1. play-skip.png - 开始前/结束后如果有可跳过段的话显示在右下角的skip按钮,可以做成动态效果
  2. pause-overlay.png - 游戏中途暂停时的背景
  3. pause-back.png - 暂停后返回选曲界面的按钮
  4. pause-continue.png - 暂停后继续游戏的按钮
  5. pause-retry.png - 暂停后重新开始的按钮
  6. fail-backgournd.png - 游戏失败后的背景
其他界面元素
  • 其他一些常用但是不好归组的元素
  1. followpoint.png - 同一组combo的note之间起指向作用的小点,这个做好了可以起到非常好的效果
  2. play-warningarrow.png - break快结束时屏幕四角出现的小箭头,尺寸自定,默认指向右侧
  3. lighting.png - 通常是128*128,非模板元件,点击Note之后原地留下的一个光影,kiai时会在note后面闪烁,瞎眼货之一
  4. star.png - 尺寸自定,游戏选曲时显示的星级
  5. star2.png - 尺寸自定,休息时和kiai时光标上喷出的小星星什么的,kiai开始时的喷泉喷的都是这个,总之就是个乱喷的东东
  6. comboburst.png - 尺寸不大于575*767,连续若干combo之后屏幕左侧/右侧出现的小人,默认是从左侧出现。多个comboburst的话按照comboburst-0.png comboburst-1.png的顺序排列文件名
  7. ready.png - 尺寸自定,倒计时的are you ready
  8. count3.png - 528*767,map开启countdown之后开始前的倒计时3
  9. count2.png - 528*767,倒计时2
  10. count1.png - 528*767,倒计时1
  11. go.png - 尺寸自定,倒计时go
skin.ini
  • 一些常用的,但无法在skin中直接设置,而必须在skin.ini中手动填写参数的东西
  1. CursorRotate: 是否让光标旋转
  2. SliderBallFrames:Slider的滚动球总帧数(需要和sliderb系列的数量一致)
  3. SliderStyle: 滑条的类型,2的话可以将滑条变成光滑的半透明

差不多就先这些?希望对大家有帮助,欢迎补充指正!
Megurine Luka
新score组的尺寸很小-v-

具体可以参考ppy的新皮肤set

以及有烟花效果的新皮肤元素-v-
Marirose
學習學習
DeletedUser_3349827
[soft delete]
passer-by-
挖坟,顺带希望楼主更一下新版皮肤的一些东西比如说一些带有@2X的文件和源文件的区别。。。
[Mahua]

passer-by- wrote:

挖坟,顺带希望楼主更一下新版皮肤的一些东西比如说一些带有@2X的文件和源文件的区别。。。
https://osu.ppy.sh/home/search?mode=wik ... query=skin 请善用搜索功能
Ice Archer
挖坟,顺带希望楼主更一下游戏内断连等音效的问题
Please sign in to reply.

New reply