Mania

Animation name: mania-hit0-{n}.png.

This element has a fixed looped animation of 60 FPS.

If a custom path is used, the ranking screen will use the file in the root directory instead of the pathed skinning element.

Animation name: mania-hit50-{n}.png.

This element has a fixed looped animation of 60 FPS.

If a custom path is used, the ranking screen will use the file in the root directory instead of the pathed skinning element.

Animation name: mania-hit100-{n}.png.

This element has a fixed looped animation of 60 FPS.

If a custom path is used, the ranking screen will use the file in the root directory instead of the pathed skinning element.

Animation name: mania-hit200-{n}.png.

This element has a fixed looped animation of 60 FPS.

If a custom path is used, the ranking screen will use the file in the root directory instead of the pathed skinning element.

Animation name: mania-hit300-{n}.png.

This element has a fixed looped animation of 60 FPS.

If a custom path is used, the ranking screen will use the file in the root directory instead of the pathed skinning element.

Animation name: mania-hit300g-{n}.png.

This element has a fixed looped animation of 60 FPS.

If a custom path is used, the ranking screen will use the file in the root directory instead of the pathed skinning element.

This is the idle state.

This element gets stretched or compressed to fit the column width.

This is the pressed state.

This element gets stretched or compressed to fit the column width.

This is the idle state.

This element gets stretched or compressed to fit the column width.

This is the pressed state.

This element gets stretched or compressed to fit the column width.

This is the idle state.

This element gets stretched or compressed to fit the column width.

This is the pressed state.

This element gets stretched or compressed to fit the column width.

Animation name: mania-note1-{n}.png.

These elements are scaled to fit the individual columns.

• If the columns’ widths differ: the smallest one is scaled correctly and the others are compressed to match its height.

Notes can be manually stretched or compressed via the WidthForNoteHeightScale command in the skin.ini file.

Animation name: mania-note2-{n}.png.

These elements are scaled to fit the individual columns.

• If the columns’ widths differ: the smallest one is scaled correctly and the others are compressed to match its height.

Notes can be manually stretched or compressed via the WidthForNoteHeightScale command in the skin.ini file.

Animation name: mania-noteS-{n}.png.

These elements are scaled to fit the individual columns.

• If the columns’ widths differ: the smallest one is scaled correctly and the others are compressed to match its height.

Notes can be manually stretched or compressed via the WidthForNoteHeightScale command in the skin.ini file.

Animation name: mania-note1H-{n}.png.

By default, this is also the tail part.

• When used for the tail part, this element is flipped by default for v2.5+.

• This behaviour can be disabled by setting NoteFlipWhenUpsideDownT to 0.

This element is scaled to fit the individual columns.

• If the columns’ widths differ: the smallest one is scaled correctly and the others are compressed to match its height.

Long notes can be manually stretched or compressed via the WidthForNoteHeightScale command in the skin.ini file.

Animation name: mania-note2H-{n}.png.

By default, this is also the tail part.

• When used for the tail part, this element is flipped by default for v2.5+.

• This behaviour can be disabled by setting NoteFlipWhenUpsideDownT to 0.

This element is scaled to fit the individual columns.

• If the columns’ widths differ: the smallest one is scaled correctly and the others are compressed to match its height.

Long notes can be manually stretched or compressed via the WidthForNoteHeightScale command in the skin.ini file.

Animation name: mania-noteSH-{n}.png.

By default, this is also the tail part.

• When used for the tail part, this element is flipped by default for v2.5+.

• This behaviour can be disabled by setting NoteFlipWhenUpsideDownT to 0.

This element is scaled to fit the individual columns.

• If the columns’ widths differ: the smallest one is scaled correctly and the others are compressed to match its height.

Long notes can be manually stretched or compressed via the WidthForNoteHeightScale command in the skin.ini file.

Animation name: mania-note1L-{n}.png.

The animation starts when the long note is pressed and stops if released.

The NoteBodyStyle changes the behaviour of these elements.

Notes can be manually stretched or compressed via the WidthForNoteHeightScale command in the skin.ini file.

Animation name: mania-note2L-{n}.png.

The animation starts when the long note is pressed and stops if released.

The NoteBodyStyle changes the behaviour of these elements.

Notes can be manually stretched or compressed via the WidthForNoteHeightScale command in the skin.ini file.

Animation name: mania-noteSL-{n}.png.

The animation starts when the long note is pressed and stops if released.

The NoteBodyStyle changes the behaviour of these elements.

Notes can be manually stretched or compressed via the WidthForNoteHeightScale command in the skin.ini file.

Animation name: mania-note1T-{n}.png.

These elements are the tail part of the hold note.

By default, the head notes are used instead.

By default, these elements are flipped for skin versions 2.5 and up.

• This behaviour can be disabled by setting NoteFlipWhenUpsideDownT to 0

These elements are scaled to fit the individual columns.

• If the columns’ widths differ: the smallest one is scaled correctly and the others are compressed to match its height.

Notes can be manually stretched or compressed via the WidthForNoteHeightScale command in the skin.ini file.

Animation name: mania-note2T-{n}.png.

These elements are the tail part of the hold note.

By default, the head notes are used instead.

By default, these elements are flipped for skin versions 2.5 and up.

• This behaviour can be disabled by setting NoteFlipWhenUpsideDownT to 0

These elements are scaled to fit the individual columns.

• If the columns’ widths differ: the smallest one is scaled correctly and the others are compressed to match its height.

Notes can be manually stretched or compressed via the WidthForNoteHeightScale command in the skin.ini file.

Animation name: mania-noteST-{n}.png.

These elements are the tail part of the hold note.

By default, the head notes are used instead.

By default, these elements are flipped for skin versions 2.5 and up.

• This behaviour can be disabled by setting NoteFlipWhenUpsideDownT to 0

These elements are scaled to fit the individual columns.

• If the columns’ widths differ: the smallest one is scaled correctly and the others are compressed to match its height.

Notes can be manually stretched or compressed via the WidthForNoteHeightScale command in the skin.ini file.

To have multiple combobursts, use: comboburst-mania-{n}.png.

• One of the images in the set will appear when a combo milestone is met.

osu!mania-specific combobursts

This can be disabled in the options.

Unlike osu! and osu!catch’s combobursts, all edges of this imageset should not be clipped.

This element is shown on the left side of the stage(s).

This element is stretched to fit the stage height (allows for shorter images).

This element is shown on the right side of the stage(s).

This element is stretched to fit the stage height (allows for shorter images).

This element is 0.625x smaller than the stage width.

Animation name: mania-stage-bottom-{n}.png.

Shown on the bottom (or top, if the stage is upside down) of the stage(s).

This element will not be stretched to fit the stage width!

This element should be skinned for a 480px playfield height.

This element overlays the entire stage, including the notes.

Animation name: mania-stage-light-{n}.png.

This element is the lighting for the columns when the key is pressed.

This element is placed underneath the notes.

By default, tinted white.

Use ColourLight to change this.

Positioning is set by the skin.ini

Use LightPosition.

This element is the graphical representation of the judgement line.

The judgement line is drawn in the centre of the image.

This element is drawn for the entire stage width, not individual columns.

This element is stretched to fit the stage width (allowing for narrower images).

This element should point downwards.

• This image is automatically flipped horizontally if the stage is upside down.

This element is always seen before the map starts, if there is enough time.

Animation name: lightingL-{n}.png.

This element is the lighting for the long notes.

This image is flipped horizontally if the stage is upside down.

This element is positioned where the centre of the judgement line crosses the centre of a lane.

Animation name: lightingN-{n}.png.

This element is the lighting for the single notes (and tail notes).

This image is flipped horizontally if the stage is upside down.

This element is positioned where the centre of the judgement line crosses the centre of a lane.