forum

Skinnable Files List

posted
Total Posts
85
Topic Starter
Haskorion

General Info / Disclaimer


The list focuses on files present on the Stable (Latest) release stream and may include changes and additions from the cuttingedge release stream.
osu!lazer is not considered in the listings!

This listing is based on extensive research from multiple sources (old and current skins, changelog entries, ingame validation, or other threads).
Changes and additions will not always be added immediately when they go live.
Facts are "as it currently is!" Inconsistencies may be due to bugs, mistakes or oversights during coding.

Do not send any requests for access for editing of the detailed list! That is to prevent vandalism and falsifying facts!
Reply here or send a message to RockRoller if there are oversights, wrong facts or mistakes/typos. Suggestions for new tables or columns are welcomed. All of these will be checked and added to the list.

Navigation

  1. sprites = contains all image files and their functions
  2. sounds = contains all audio files and their functions
  3. skin.ini = contains all configurable settings of a skin and their functions
  4. skin versions = small overview about changes done by the line "Version:" in the skin.ini-file

Colour coding

Files are colour coded depending on which game mode they belong:
  1. pink = osu! (Standard)
  2. green = osu!taiko (Taiko)
  3. blue = osu!catch (Catch the Beat)
  4. purple = osu!mania (Mania)
  5. orange = used in gameplay (playfield)
  6. grey = User Interface (UI) or shared stuff

Additional notes

These little markers on boxes can be hovered above and show additional information that can be rather difficult to understand. They aren't shown if the sheets are viewed per HTML-view.

Ayesha Altugle
stick this one out for the sake of the newer skinners
2D girl lover
I have read the Animation part, it really good idea for skinner....
i just like to ask hit0,hit50,hit100,hit100k,hit300 and hit300g also animation or not


and also the lightingL and lightingN is animasion or not


all that is my hit animation Item,(i make it my self but the lighting it not from my skin)
Topic Starter
Haskorion

2D girl lover wrote:

I have read the Animation part, it really good idea for skinner....
i just like to ask hit0,hit50,hit100,hit100k,hit300 and hit300g also animation or not


and also the lightingL and lightingN is animasion or not


all that is my hit animation Item,(i make it my self but the lighting it not from my skin)
hit0, hit100 etc. are referred to as hitburst so they are animated, of course.

I bolded out in the first paragraph that the list right now focuses on osu!standard since I didn't play mania so often, but lightingL and lightingN are also animated. Better edit my post real quick with your suggestions.
Garygoh884
I don't have any idea on how the alignment of the font sprites work and how they are positioned.
Kyuunei_old

ReddScorn wrote:

osu! prioritizes old behaviour over new behaviour if not forced.
osu! will force new skin behavior if you added 'Version: 2' in skin .ini under general options. Just in case you didn't know.
Topic Starter
Haskorion

Kyuunei wrote:

ReddScorn wrote:

osu! prioritizes old behaviour over new behaviour if not forced.
osu! will force new skin behavior if you added 'Version: 2' in skin .ini under general options. Just in case you didn't know.
Of course I know this but I thought that should rather be in the skinning support topic, since the skin.ini file is described in detail there. I wonder why this line still isn't added there.

I will also update my post with this annotation and add a section about the scorebar and about beatmap skins. It seems like beatmap skins don't check for the tick on old/new behaviour.

Garygoh884 wrote:

I don't have any idea on how the alignment of the font sprites work and how they are positioned.
Like what sprites? The Score in the top right corner, the combo count at the bottom left? They seem rather self explainatory when checking their dimensions and the FontOverlap in the skin.ini file.
I will include anchorpoints for the first digit shown on the score, combo count, accuracy score, hitbursts, hitburstcounts and more related to the ranking panel in a later edit.
Garygoh884

ReddScorn wrote:

Garygoh884 wrote:

I don't have any idea on how the alignment of the font sprites work and how they are positioned.
Like what sprites? The Score in the top right corner, the combo count at the bottom left? They seem rather self explainatory when checking their dimensions and the FontOverlap in the skin.ini file.
I will include anchorpoints for the first digit shown on the score, combo count, accuracy score, hitbursts, hitburstcounts and more related to the ranking panel in a later edit.
For my skin, I use font sprites each with fixed height and different widths. The combo counter on the bottom left of the screen and the hitcircle numbers worked perfectly with the defined Overlap value, but it appears overlapped for the score and accuracy on the top right of the screen. (Assuming that I used the same font prefix as defined in my skin.ini, for which both ScorePrefix and HitcirclePrefix have the same prefixes)

I seemed that I couldn't get the math of how the font sprites appear on the score located on the top right of the screen...
Topic Starter
Haskorion

Garygoh884 wrote:

For my skin, I use font sprites each with fixed height and different widths. The combo counter on the bottom left of the screen and the hitcircle numbers worked perfectly with the defined Overlap value, but it appears overlapped for the score and accuracy on the top right of the screen. (Assuming that I used the same font prefix as defined in my skin.ini, for which both ScorePrefix and HitcirclePrefix have the same prefixes)

I seemed that I couldn't get the math of how the font sprites appear on the score located on the top right of the screen...
This has to do with the overlap.You mostly see scorenumbers that have up to 3 additional columns on the sides of the numbers so you don't need to change it in the skin.ini file.
A simple way to fix this is to set the overlap value to 0 so they won't overlap.
If you think it still looks too cramped you can go into the negatives like -1 or -2 which also work like a set distance between the numbers.
This will also affect the combo counter and the ranking panel so this is fixed along with this change.
darkmiz
I think this post should merge with or updated into the skinning tutorial thread.
TakuMii
Here's also something you missed: When the skin has particles, the matching hitnumbers will use a different fade-in animation and will appear behind the hitcircles (rather than in front).
I'm not sure if people are aware of this, and personally I think that it's significant enough that people who don't even use particles should have invisible particle#.png files in their skin anyway.
Topic Starter
Haskorion

YayMii wrote:

Here's also something you missed: When the skin has particles, the matching hitnumbers will use a different fade-in animation and will appear behind the hitcircles (rather than in front).
I'm not sure if people are aware of this, and personally I think that it's significant enough that people who don't even use particles should have invisible particle#.png files in their skin anyway.
Thanks, I will add this to the list. By testing, without particles the hitburst is somewhat like a bouncy popout that fades away fast and appear in front while with particles it is less bouncy with a short fade in and a slow fade out appearing behind the circles.
OsuMe65
Boy, this might be another long debate.
Also... keep this simple for newbies. Since anchoring WOULD be a big deal for those who don't have much experience in photo-editing softwares.
Just saying ;)
DJNightmare
Definitely useful :3
I hope to see more unexpected behaviours though :D
darkmiz
Anyone know what star3.png is?
OsuMe65

darkmiz wrote:

Anyone know what star3.png is?
a dead element. can't be skinned
Topic Starter
Haskorion

OsuMe65 wrote:

Boy, this might be another long debate.
Also... keep this simple for newbies. Since anchoring WOULD be a big deal for those who don't have much experience in photo-editing softwares.
Just saying ;)
After reading over my article I must agree with you.
To newer skinners it seems like a rather confusing matter and would lead to more unaesthetic skins than clean ones.
I put my self in their shoes and saw the problems more clear. Mostly they first look at what they can change on a skin and will mostly try to stick to the given dimensions and don't worry about the behaviour.
What shall they do with anchorpoints if they don't even know how skins really work or how their programs work?
Therefore I want to change the focus of the topic on general skin behaviour and the differences between the old and new behaviour as a collection post to have an overlook about these. The skinning support topic is rather long and doesn't really list any of these helpful facts separately to avoid making new posts and topics which rather get closed rapidly regarding the latter.
To still offer the anchorpoints I put the section in a spoilerbox and moved the anchorpoints from the old/new behaviour section into the predefined section and changed the order of these sections. They still should be included in this post for the more experienced skinners who sometimes don't follow the dimensions given to make extraordinary skins to give them a better feel. I bet only a small portion of these skinners even list them themselves, so I want so help them out by confirming and listing these points.

If a larger scale debate occurs about the anchorpoints I wouldn't mind excluding most of them if the contra side overtakes the pro side.
Topic Starter
Haskorion
Didn't really want to make this double post but since no one really gives input I kinda have to.

As you may have noticed this topic got stickied and lists the behaviour during gameplay, HD-elements, or differences between the old and new behaviour.
Since I'm playing standard mostly I have no real clue about the other game modes but still want this topic to be addressed to all game modes.
Therefore I'm asking all of you to give input on any missing behaviours from all game modes or in general to make this a somewhat complete list by the community for the community.

To contribute more to this post I wll list some plans for the next updates.

Plans:
  • -expand list of dead elements (aimed at older skins as a template)
  • -make a list with all currently skinnable elements sorted by game mode or usage
  • -sort facts per game mode after more input
  • -start making screenshots to provide visual help
  • -start formatting to make it more visually appealing after input
  • -maybe drop points from or expand list of anchorpoints
All of this will take some time and will be implemented step by step or maybe dropped.

I hope for a lot of help / input from you to make this a topic worth reading.
AGRX
you are so awesome, thx for doing this i hope there will be a perfect thread with also pictures the old one looks outdated (uploaded on imgur albums or soemthing)
Topic Starter
Haskorion
The recent update changed or rather fixed two aspects listed here and one has a larger impact.

With the new update the scorebar-marker is now skinnable and forces a different anchorpoint on the scorebar-colour than the scorebar-ki elements.

The new anchorppoint is 12,12 when using the marker and breaks all skins which currently have it.
Also it prioritizes the marker before the ki.

The smaller fix is for new-styled spinners which showed the spinner-approachcircle.

That aside I also changed the title of the topic. IMO the old title addressed the content only lightly whereas the new one specifies it more directly. Skinning does not only change the UI but also affects gameplay to a certain extend, for example mania skinning can change the readability heavily by removing the columnlines or highlighting a coloumn using a different colour or simply making 300's hidden in standard.
I hope you agree with that change.
quaternary
What does multi-skipped.png do?
Elzapatoverde

tuddster wrote:

What does multi-skipped.png do?
The player skipped icon that shows up in the player panel in multiplayer when they have skipped.
FlyingNeko
Whoa, nice. It's the first time I've seen this thread.

ReddScorn wrote:

Some elements should be coloured with a greyscale in mind since they get tinted by the game:
These elements don't necessarily have to be grayscaled.
BlackStat
Can you give an example on how to specify animation frame rate for different elements?
I'm trying to set my scorebar-colour frame rate to 10, but using the name before "Framerate" doesn't seem to work.
Topic Starter
Haskorion

BlackStat wrote:

Can you give an example on how to specify animation frame rate for different elements?
I'm trying to set my scorebar-colour frame rate to 10, but using the name before "Framerate" doesn't seem to work.

You can't set a rate for one animation. AnimationFramerate will influence almost all other animations, except the sliderball. There is nothing like ScorebarFramerate or FollowpointFramerate.
If you want an element with a certain framerate make as many frames you wish. For example you have the scorebar-colour with 4 frames but want it to be faster while not touching the other animations. You have to copy these frames and rename them to scorebar-colour-4, scorebar-colour-5, etc. repeating this until you have your deisred framerate.
Pilesos
Is there a way to turn off the beatmap playing on in you ranking panel so that it does not overplay the applause.mp3 ? Thanks in advance !
OsuMe65
Not possible
Topic Starter
Haskorion

Pilesos wrote:

Is there a way to turn off the beatmap playing on in you ranking panel so that it does not overplay the applause.mp3 ? Thanks in advance !
That has something to do with the game itself not the skins. sry

The song will always play to the end if it didn't finish while playing.
Moeri_old_1
Hi, what is star3? even if it's not skinnable I want to know where the game use this element
OsuMe65
menu screen (the one with a blue BG and the osu! logo in the center.)
Moeri_old_1

OsuMe65 wrote:

menu screen (the one with a blue BG and the osu! logo in the center.)
I don't see any stars around there owo, or did you mean in the actual background where small stars appear here and there?
Ayesha Altugle
It think it uses star2.png, iirc.
OsuMe65

vahn10 wrote:

It think it uses star2.png, iirc.
Think again. Let's assume that my star2.png are bubbles like this:
Would that bubble appear many times in the menu screen? No.

A i k a wrote:

OsuMe65 wrote:

menu screen (the one with a blue BG and the osu! logo in the center.)
I don't see any stars around there owo, or did you mean in the actual background where small stars appear here and there?

This screen, yes
Ayesha Altugle
Supposed to happen with test build(?)

Try to test again when you are supporter
OsuMe65
you should said that earlier. :3
We're talking about the public build anyway :3/

EDIT: Nope. No star2.png pops out on menu screen. It's just the unskinnable "star3.png" that pops on test build.
Drespar
Incredibly useful information. Definitely feel like the extra info on priorities and everything will help me push the limits on my skins. Thank you! :D
Topic Starter
Haskorion
Thanks, glad to hear that and waiting for your skins. Maybe I start watching date a live after finishing up Guilty Crown. I watch animes irregulary and take them slow.

Also, small ninja update (see Changelog).
klaudi_old

ReddScorn wrote:

Thanks, glad to hear that and waiting for your skins. Maybe I start watching date a live after finishing up Guilty Crown. I watch animes irregulary and take them slow.

Also, small ninja update (see Changelog).

ReddScorn wrote:

Thanks, glad to hear that and waiting for your skins. Maybe I start watching date a live after finishing up Guilty Crown. I watch animes irregulary and take them slow.

Also, small ninja update (see Changelog).

ReddScorn wrote:

Gameplay aspects influenced by skin versions


or skinning tutorial V2 / continued?


[Introduction]


Hello to all you skinners, :D

This topic is for all those that look for more specific infos, like how or when certain elements work or small alignment help.
It may seem like nothing but it makes a very visibile difference that you can optimize for to make a skin more enjoyable or clean.

A reminder that this list is covers most of osu!-standard gameplay at 1366x768 (16:9) resolution.
Other modes are in need of research since I'm more of a standard player and play the other modes rarely or at a low level.

I won't offer general troubleshooting in this topic since there is a official topic for this with more knowledgable skinners that will help you out:
Skinning tutorial (+ skinning support)

This link here directs you to a list with all skin elements and audio files with some small annotations:
Skin Elements List Overview

This link redirects to a complete listing of all skin.ini-file lines including the mania command lines:
osu!Wiki: Skin.ini

In this topic I use "element" to refer to an image. Most images work together with other images for certain aspects like animations, cursor, scorebar or hitobjects. Therefore I see them as elements of a whole aspect.
Another word for colouring is tinting. I use "tinted" in this topic because tinting means adding a colours value to the existing colour.
Scaling data can be off at times since I use rounded numbers due to subpixels aswell at some anchorpoints. Concrete px indications are positions in l,h (length, heigth).
I also won't use file-endings to save space since all elements are ".png"-images or ".wav"-sounds.
V1 or V2/V2.X+ refers to certain skin versions.

[General skinning tips]


Keep the following dimensions in mind when skinning:
  1. 1024x768 (4:3, standard game resolution, game is based on it)
  2. 2048x1536 (4:3, standard game resolution in HD scaling)
  3. 1366x768 (16:9, standard widescreen resolution)
  4. 2732x1536 (16:9, standard widescreen resolution in HD scaling)
  5. 1920x1080 (16:9, standard HD resolution)
Images will be adjusted to fit the playfield when using other resolutions.
Most of them will be resized (e.g.: hitcircles on different CS) or repositioned (widescreen usage/ different aspect ratio) by the game itself.

Image files must be in PNG-format, other fileformats won't be displayed correctly due to (lack of) transparency.

The menu-background can only be seen by supporters.

Some elements face a certain direction. Try to design them facing the same direction as in the template skin (e.g. reversearrow facing right).

If there is no specific skinned element, osu! loads the default element from its template (faster, same for sounds).

osu! prioritizes WAV-files over other sound-formats.

[HD Skinning]


HD-images must be tagged with "@2x" at the end (e.g. "hitcircle@2x" and "followpoint-3@2x") and have a doubled resolution (hitcircle: 128x128; hitcircle@2x: 256x256).
HD-elements are resized to the standard element resolution ingame and will look much cleaner than their SD-counterparts on higher resolutions.

If you plan to skin for SD+HD, start working in an HD environment since upscaling lower resolutions looks muddier.

All skinnable elements can also be skinned in HD (including animations), but will take a lot of disk space since the canvas size is 4 times larger.

HD-elements will be displayed automatically when the resolution exceeds "x>999 times y>799" (1000x800 min).

When your skin contains HD-elements they will behave the following in each resolution mode:
  1. HD-elements won't show on SD-mode and the default osu! template will be used in SD-mode (HD-only skin)
  2. SD-elements will be used in HD-mode if HD-elements are not included (uncomplete HD-enhanced skin)
  3. HD-elements are prioritized over SD-elements in HD-mode and vice versa (complete HD-enhanced skin)
The last fact can be used to make two seperate skins in one folder or altered elements / themes for the specific resolution mode.

[Beatmap skins]


Beatmap skins ignore skin versions on their own. osu! checks their content and sets the behaviour based on them.
This means if you use a spinner-background in your skin you should include the old-style set, if not the new-style set.
You can also assign SliderBorder and SliderTrackOverride colours by manually editing the ".osu" file under [Colours].

If you use a beatmap skin on your beatmap please bear in mind that any missing element will be loaded from ones set skin and not the default osu!-skin.

[General changes based on elements]


Changes
Cursor
The cursor elements are the highest layers. The cursor is below the cursormiddle and above the cursortrail.

When including only a cursor, no cursormiddle will be shown and the cursortrail won't create lots of afterimages.

A cursormiddle on its own won't show unless a new cursor is included. It causes the cursortrail to create a huge amount of afterimages (long trails).
A cursormiddle won't expand nor rotate.

A cursortrail on its own sees no changes to its behaviour. It produces a light amount of afterimages and won't expand.

Scorebar
The scorebar is mostly influenced by the scorebar-colour.

The scorebar-colour uses different positions than the background based on the use of scorebar-ki elements or a scorebar-marker.
The position for one with ki elements is at 5,16 while one with the marker is at 12,12.
You have to add or remove some pixels from the top and left of the scorebar-colour, depending on how you designed it.
If you include both, marker and ki, the marker will be preferably used.
If none of the ki or marker elements are included the anchor for the colour is that of the ki elements.

Numbers
The default numbers are scaled by 0,8. In V1 they appear on hitcircle hitbursts while in V2 hitbursts they won't show up at all.

The score at the top right of the playfield and total score on the ranking screen show 8 digits at default.
If the score exceeds 99.999.999 (long marathon/high combo maps) additional digits will be added.
The scorenumbers are scaled by 1,1 on the ranking screen except for the total score on V2+ (1,3).

When you have combo numbers assigned to your skin.ini they will be used and only show the numbers. the "x" won't show up this way.

Ingame the score has different scalings per function:
  1. current score by 0,95
  2. accuracy by 0,6
  3. on spinner-rpm hint by 0,9
  4. spinner bonus by 1,9 (not exact mininum)

Playfield
The playfield is only used when a beatmap has no background on its own. It shows up on song selection for V1 skins.
The menu-background shows up for supporters on the welcome screen on all versions and on song selection for V2+ skins.

Particles
If new hitbursts (hit300k, hit 50, etc.) are used, particles won't be displayed unless included.
Vice versa new particles won't be displayed without new hitscores.

Spinner
V1 uses the old-style spinner while V2 can use the old-/ or new-style spinner depending on including a spinner-background or not.
If included the old-style spinner will be used or if not included the new-style spinner is used.
Old-style spinner:
  1. spinner-circle
  2. spinner-background
  3. spinner-approachcircle
  4. spinner-metre
New-style spinner (also layer order):
  1. spinner-middle
  2. spinner-middle2
  3. spinner-top
  4. spinner-bottom
  5. spinner-glow
spinner-middle2, -top, and -bottom rotate at different speeds.
New-style spinner elements expand on appearance.

The spinner-metre will only show up if included (only on old-style spinners).

The spinner-middle gets tinted red over time and indicates the end of a spinner. It is the substitute for the missing spinner-approachcircle on the default new-style spinner. It won't rotate.
The spinner-glow gets more visible over time and tinted in a light blue. It blinks everytime you get 1000 bonus points from spinning. It is the substitute for the missing spinner-metre on new-style spinners. It also won't rotate.

Sliderball
sliderpoint10 and sliderpoint30 are only used in V1 and work if included.

The default reversearrow sometimes gets coloured black if your combo colour or background is too bright to create a readable contrast.

The default sliderball uses three different layers to form the ball. This sliderball style is not skinnable!
First or the highest layer is the sliderball specular. It is the lighting layer that stays in a fixed position following the ball.
Second is the primary sliderball colour. It displays all frames while in motion and is tinted by the combo colour.
Last is the secondary colour. It sits under the sliderball and is a static layer that also rotates the same way. It is tinted black.

[Skin versions]


The default osu! skin always uses the latest skin version available on the current build (stable or cuttingedge).
If you change your skin to an other skin than the default skin, osu! will check the selected skins skin.ini-file and uses the supported version.

If your skin.ini-file has no set version, it will be set to "Version: 1".
This will mostly be seen on old skins (pre march 2013 update: introduction of new default skin).

If your skin has a misaligned ranking screen or uses the default old-style spinner, use "Version: 2" to have the screen aligned and enable the support for new-style spinners (pre may 2014 update: introduction of skin versioning/removal of "force new behaviour").
Some skinners simply just reminded people to use the forcing option and didn't include the version line.

If you don't know which version your skin supports or just edited some skin settings while using the default skin, use "Version: latest".
This line is intended for personal use and should not be used on skins for distribution (posting original skins on the forums).

If your skin has no skin.ini-file, the Version will be set to the latest version osu! supports.
This is intended for skins replacing some elements like cursor or hitcircles only without changing any skin settings.

If you decide to use a set version, bear in mind that all aspects get changed and not only one.
Versions and their changes
Version: 1 features the most basic elements and behaviours. All other versions change the behaviour from this version and include the changes from the previous ones.

Version: 2/2.0 changes a lot of the behaviours and supports new elements while deactivating other features.
Directly visible changes are present on the song selection screen. The bar with the mod selection, random selection or beatmap options are aligned directly to the bottom border of the screen. In V1 they were aligned 87px above that border.

Another visual change is on the ranking screen. The panel is positioned a bit lower aswell as all the counts. The most outstanding changes are the scaling of the total score and the buttons to the left.
Instead of ranking-retry and ranking-replay, the screen uses pause-retry and pause-replay instead.

If you play a map with a countdown before start, the counts 3, 2, and 1 are shown individually at the middle of the screen instead of building an image.

When you play with hitlighting you can notice a change between the expanding ratios. In V1 it can expand up to 2 times of its size, where as in V2 it expands to 1,2 times of its normal size.

On sliders the sliderpoint display is disabled.

In breaks the play-warningarrow will be tinted red insead of being fully in colour.

On spinners the spinner-osu hint that shows up after spinning is disabled. V2 also enables the use of the new-style spinner.

Version: 2.1 is the update for the new Taiko layout.
It changes the positioning of the taiko bar elements.
taiko-bar-right and taiko-bar-left are drawn below taiko-bar-left and the taiko-drum mirror axis is shifted 5px to the right.
Additionally taiko-drum-inner and taiko-drum-outer are now positioned at the top left corners of the taiko-bar-left and the mirror axis instead of fixed positions.

Version: 2.2 changes the layout of the beatmap selection panels.
The panel will show the main background of submitted beatmaps right next to the beatmap info when enabled in the options.
It changes the star rating display to an animation with different sized stars instead of partially displayed stars.

Version: 2.3 is the update for the fruit-catcher and comboburst elements in Catch the Beat.
CtB now uses its own combobursts aswell as a new catcher named Yuzu (the new CtB mascot).

This new catcher uses 3 different states; an fruit-catcher-idle for the idle state, fruit-catcher-kiai for the kiai state and a fruit-catcher-fail when missing a fruit.
Like the fruit-ryuuta they can also be animated.

Version: 2.4 changes the way mania skins are handled.
This version enables the usage of skinnable hold note tails by manually editing the skin.ini-file.
It also causes the column lines to be drawn on both sides of the coloumn.

[Animation]


General animation infos
osu! prioritizes animated over static images.
The ranking-panel uses the static hitbursts and, if included, the animated hitbursts for gameplay only, except for the osu!mania ranking screen.
In the mania ranking screen, the first frame of the animation will show up on the panel since they are super short animations.
Animations must start with frame "0", otherwise they won't start.
Animations are mostly looped (exceptions: hitbursts).

Animation speed can be set in the skin.ini-file using "AnimationFramerate: n"
The default framerate depends on the element itself. It tries to display all available frames in 1 second.
If you set a framerate it will display the set amount of frames in 1 second without skipping frames for almost all animations at once, except the sliderball.
For example; an animation has 10 frames and the framerate is set to 30, so it will display three times as fast in that one second.
Another example; an animation has 60 frames and the framerate is set to 30, so it will display all available 60 frames in 2 seconds or half as fast in one second.
Certain animations can't be influenced by this (e.g. sliderball which has its own animation rate line, hitbursts, or the hitcircleoverlays).

When using animated hitcircleoverlays, sliders use the static hitcircleoverlay for sliders and the animated overlays for the single hitcircles and the hitbursts.
To note is if you use "HitCircleOverlayAboveNumber: 1" the animated overlay will be drawn above the static overlay on the slider startcircle.

Naming of elements is "element-name" + "-n" without space (e.g. "followpoint-3") whereas "n" stands for the framenumber, starting at "0".
Naming must be consecutive from start till end of animation (0,1,2,...,n-1,n), else it will stop mid-animation.
The sliderball and pippidon follow a slightly altered naming criteria: "sliderb" + "n" without a "-" or space (e.g. "sliderb4").
The HD-suffix "@2x" is attached behind the framenumber (eg: "followpoint-3@2x").

Pippidon follows another animation pattern which is explained here:
Custom Taiko Characters
List of animated elements
  1. followpoint
  2. fruit-ryuuta
  3. fruit-catcher (+"-idle/-fail/-kiai")
  4. menu-back
  5. play-skip
  6. scorebar-colour
  7. sliderfollowcircle
  8. taiko mascot ("pippidon"+"clear/fail/idle/kiai")
  9. taikocircleoverlay
  10. taikobigcircleoverlay
  11. hitbursts (hit0, hit50, hit100, hit100k, hit300, hit300k, hit300g)
  12. mania hitbursts (mania-hit0, mania-hit50, mania-hit100, mania-hit200, mania-hit300, mania-hit300g; 5-frame animation max)
  13. hitcircleoverlay
  14. sliderb
  15. lightingL
  16. lightingN
  17. mania-note#L (# = 1, 2 or S)
  18. mania-stage-bottom
  19. mania-stage-lighting

[Mania skinning]

Original visual guide
by
TouchFluffyTail

(a guide in screenshots, additional facts on the following text)

Additions to the visual guide
Since the V2.4 update, all the lines are put under the [Mania] section with the line "Keys: n" put after it and every key count gets a new [Mania] section, rendering the #K.ini-files functionless after merging, regardless of skin version.

The old function of "ColumnLine" and "ColumnLineWidth" are merged into a new "ColumnLineWidth". If set to "0" the line won't be displayed and if set to atleast "0.1" the line will be displayed. Decimal values can be used since the individual column values are seperated by a comma.

"BarlineWidth" is renamed to "BarlineHeight" to better indicate what really is changed.

"SpecialStyleLeft" is removed and "SpecialStyle" can now indicate on what side the special key is (0 = none, 1 = left, 2 = right)

The line "FontCombo" is removed and replaced by "ComboPrefix" under the [Fonts] section and also works with "ComboOverlap". It will also work for the other game modes' combo counters.

As an addition "ColumnSpacing" can be used to seperate columns by a set amount from the other columns. In V2.4 the column lines are drawn on both sides.

Hold note ends can be skinned using "NoteImage#T". By default they use the start of the hold note if not assigned. This starts working on V2.4

Out of all the lines, 3 will affect mania gameplay greatly and are rather player dependent:
  1. HitPosition (timing)
  2. SpecialStyle (only works for 2K, 6K, 8K, and 10K; note colour altering for one lane, "turntable" like lane; position left or right)
  3. UpsideDown (horizontally mirrored reading / DDR style)
The other points affect readability by smaller margins.

The score numbers are used by default.

Keys are drawn over the notes. Behind the keys is a solid black bar.

mania-stage-left is shown left from the furthest left key while mania-stage-right is shown right from the furthest right key.
mania-stage-bottom will only be displayed when included and is positioned in the bottom middle of the mania playfield. It won't be stretched or resized.

3K, 5K, 7K, and 9K use the special key and note in the center by default to seperate the furthest left notes from the furthest right notes.
6K, 8K and 10K use the 2 normal keys and notes when not using SepcialStyle with keys ordered like in 4K.
When using SpecialStyle the furthest left or right lane will use the special key and note with the other keys ordered like in 5K with the normally special column using the first note and key set images.

You can use other naming methods for the note and key images and even put them in a seperate folder, but you will have to edit the [Mania] section in the .ini-file and include the path to the images (e.g.: NoteImage2H: mania/note/green) manually for every keycount.

If you don't want to make it a more complex section you can stick to the template files and leave the lines out.
The mania sections are generated automatically upon changing the mania keybindings in the options.

[Positioning]


Some infos on anchorpoints
Every element uses 1 of 3 types of anchorpoints.

The first type sees a corner of the element as its anchorpoint,
the second type sees the centre of the element as its anchorpoint,
and the third type sees the center of an edge of the element as its anchorpoint.

Most of the positions aren't affected by version differences and have a solid spot on the screen.


For some complex positioning problems I created some templates found below.

Redd's Template Pack

This pack contains image and PSD templates for:
  1. inputoverlay
  2. scorebar with ki elements
  3. scorebar with marker element
  4. mode-x-med segmented images
  5. selection bar for V1 skins
  6. selection bar for V2+ skins
  7. ranking-panel + graph for V1 skins
  8. ranking-panel + graph for V2+ skins
  9. menu-button background for V1 skins (old without thumbnail support, up to V2.1)
  10. menu-button background for V2.2+ skins (new with thumbnail support)
  11. taiko drum elements for V1 skins (also for V2.0)
  12. taiko drum elements for V2.1+ skins
accompanied by a small text file including some more detailed infos.

[Final words]


I hope that this helped you out a lot and makes your skins look more solid in the future. :)

Have fun and many cool ideas for skinning!!

_________________________________________________

Last update: 7 january 2015
Previous update: 26 october 2014
vexingpresence
thank you so much for this, you just saved me hours of confusion
winpc
虽然不知道你们在说什么 但是很厉害的样子 :) :) :) :) :) :) :)
Topic Starter
Haskorion
Small update on mania section changes. Removed the visual mania guide since it is kinda outdated.
Luel Roseline
Mistake...

ps. Why don't you add spinnerbackground in skin.ini section?
OsuMe65

S A V E R Y wrote:

screenshot
[image]http://puu.sh/iiRdl/be480d5c04.png[/image]
Mistake...

ps. Why don't you add spinnerbackground in skin.ini section?
Some of them were new, and OP haven't pass by here.
Topic Starter
Haskorion

S A V E R Y wrote:

screenshot
[image]http://puu.sh/iiRdl/be480d5c04.png[/image]
Mistake...

ps. Why don't you add spinnerbackground in skin.ini section?
Can you tell me what the mistake is? A screenshot alone with the comment "Mistake..." doesn't give me any idea what you are talking about.

There is no line named "spinnerbackground" in the skin.ini or can you elaborate what it does? The only lines affecting the spinner are "SpinnerFrequencyModulate", SpinnerNoBlink", and "SpinnerFadePlayfield".
Also I don't know why the template still has "SpinnerApproachCircle" in the colour section since it does literally nothing anymore. The approachcircle stays the colour it is during spins or is it used in other gamemodes?
Luel Roseline

Haskorion wrote:

S A V E R Y wrote:

screenshot
[image]http://puu.sh/iiRdl/be480d5c04.png[/image]
Mistake...

ps. Why don't you add spinnerbackground in skin.ini section?
Can you tell me what the mistake is? A screenshot alone with the comment "Mistake..." doesn't give me any idea what you are talking about.

There is no line named "spinnerbackground" in the skin.ini or can you elaborate what it does? The only lines affecting the spinner are "SpinnerFrequencyModulate", SpinnerNoBlink", and "SpinnerFadePlayfield".
Also I don't know why the template still has "SpinnerApproachCircle" in the colour section since it does literally nothing anymore. The approachcircle stays the colour it is during spins or is it used in other gamemodes?


About spinnerbackground
p/2925069
Topic Starter
Haskorion
About SpinnerBackground: I might have skipped a few pages or never actually really paid attention to all posts, since at that time several new pages came together rather quickly. I never saw it in any skins I downloaded since then, so that's another reason it was not in the list. This is also something that is easily replaceable with a blank image rather than adding a line in comfort for personal mixing.
Topic Starter
Haskorion
Update


I made some small changes to the order of the paragraphs and changed the topic title again to improve my intention with this topic

This update of the title should put more focus onto my skin element list that also ist linked in the skinning related wiki articles, as well on skin version differences like my previous title did.
That's also why the skin version section is the second main section after the general tips. All stuff after that is for more interested people.

The list

The llist is separated into 3 sheets, each focusing on one aspect (images, audio, skin.ini), so if you haven't checked it out already you better get yourself some time and check it out.
softhusky
Thank you~






This is really helpful to beginning skinners like me!
Azzy Dreemurr_old
Where is supposed to play key-confirm? If I'm wrong it should play only when sending a message (Pressing enter) but it actually play on literally EVERYTHING I click and/or press enter on something, even when I'm not clicking anything it play.

Someone care to test that?
OsuMe65
comboburst-mania(@2x).png

Works in CE build, not sure in other builds.

:idea: Mania comboburst that appears at the right side of the mania stage. osu!mania exclusive element.
The element will be flipped in-game. By default, the element should face left.
eg. If element is facing left, it will face right in-game, and vice versa.
show more
Please sign in to reply.

New reply