Skinning

osu!

Main page: Skinning

See also: Skinning osu! Tutorial

Comboburst

comboburst.png

Animatable Beatmap Skinnable
No (see notes) Yes

Notes:

  • This element is not an animation; instead, one of the frames will be used when a combo milestone is met.
    • use comboburst-#.png, replace # with an indexed count (start frame count at zero).
  • Prior to this skin version 2.3, osu!standard and osu!catch shared combobursts.
    • For skin versions 2.3 and forward, this is osu!standard's conbobursts.
  • This can be disabled in the options.
  • This should face towards the right.

Default Numbers

This may sound ambiguous and confusing, but these are simply the numbers used for the hit objects in osu!standard. On this note, you can use the skin.ini file to define the path for these images using the HitCirclePrefix command.

The following table is for all default numbers.

Animatable Beatmap Skinnable
No Yes

Note:

  • all default numbers are downscaled by 0.8x

default-0.png


default-1.png


default-2.png


default-3.png


default-4.png


default-5.png


default-6.png


default-7.png


default-8.png


default-9.png

Hit Circles

approachcircle.png

Animatable Beatmap Skinnable
No Yes

Notes:

  • This element shrinks over time.
  • This is the visual cue that can help a player know when to tap the hit object.

hitcircle.png

Animatable Beatmap Skinnable
No Yes

hitcircleoverlay.png

Animatable Beatmap Skinnable
Yes (see notes) Yes

Notes:

  • Animation name: hitcircleoverlay-#.png, replace # with indexed count (start frame count at zero)
  • Animation rate: 2FPS (4FPS max).
    • This rate is affected by the game modifiers (half time and double time/nightcore).
  • This can either overlay or underlay the combo number, by default this will always overlay.
    • To make this underlay the combo number, set HitCircleOverlayAboveNumber to 0.

hitcircleselect.png

Animatable Beatmap Skinnable
No Yes

Notes:

  • This is only used in the editor.
  • this is the highlight for hit circles and sliders.

followpoint.png

Animatable Beatmap Skinnable
No Yes

Notes:

  • The arrow should point towards the right.
  • This stays on the screen for 1.2 seconds (1200ms).

lighting.png

Animatable Beatmap Skinnable
No Yes

Notes:

  • This can be disabled in the options.
  • Used during kiai time:
    • Coloured afterimage as part of hitburst explosion.
    • Glowing behind hit circles during kiai time.
  • This element is also used in osu!taiko and osu!catch.

Slider

sliderstartcircle.png (transparent; not included)

Animatable Beatmap Skinnable
No Yes

Notes:

  • Not for Stable (Fallback) stream.
  • Overrides the hitcircle.png image for the start of the slider.
  • This is the hit circle for the start of the slider.

sliderstartcircleoverlay.png (transparent; not included)

Animatable Beatmap Skinnable
Yes (see notes) Yes

Notes:

  • Animation name: sliderstartcircleoverlay-#.png, replace # with indexed count (start frame count at zero)
  • Animation rate: 2FPS (4FPS max)
    • This rate is affected by the game modifiers (half time and double time/nightcore).
  • Not for Stable (Fallback) stream.
  • Overrides the hitcircle.png image for the start of the slider.
  • sliderstartcircle.png is required for this to work.

sliderendcircle.png (transparent; not included)

Animatable Beatmap Skinnable
No Yes

Notes:

  • Not for Stable (Fallback) stream.
  • Overrides the hitcircle.png image for the end of the slider.
  • This is the hitcircle for the end of the slider.

sliderendcircleoverlay.png (transparent; not included)

Animatable Beatmap Skinnable
Yes (see notes) Yes

Notes:

  • Animation name: sliderendcircleoverlay-#.png, replace # with indexed count (start frame count at zero)
  • Animation rate: 2FPS (4FPS max)
    • This rate is affected by the game modifiers (half time and double time/nightcore).
  • Not for Stable (Fallback) stream.
  • Overrides the hitcircle.png image for the end of the slider.
  • sliderendcircle.png is required for this to work.

reversearrow.png

Animatable Beatmap Skinnable
No Yes

Notes:

  • osu! will rotate this element to line up with the slider's path.
  • This element will pulse at the bpm.
  • The arrow should point towards the right.

sliderfollowcircle.png

Animatable Beatmap Skinnable
Yes Yes

Notes:

  • Animation name: sliderfollowcircle-#.png, replace # with indexed count (start frame count at zero)
  • This element expands when collecting a slider tick.

sliderb.png (included images below)

sliderb0.png

sliderb1.png

sliderb2.png

sliderb3.png

sliderb4.png

sliderb5.png

sliderb6.png

sliderb7.png

sliderb8.png

sliderb9.png

Animatable Beatmap Skinnable
Yes Yes

Notes:

  • Animation name: sliderb#.png, replace # with indexed count (start frame count at zero)
  • By default, the sliderball flips upon hitting the reverse arrow.
    • To disable this, set sliderballflip to 0.

sliderb-nd.png

Animatable Beatmap Skinnable
No Yes

Note:

  • Not skinnable if sliderb.png is skinned.

sliderb-spec.png

Animatable Beatmap Skinnable
No Yes

Notes:

  • Not skinnable if sliderb.png is skinned.
  • Used during [kiai time](/wiki/kiai time):
    • This is the lighting layer of the default sliderball.

sliderpoint10.png (transparent; not included)

Animatable Beatmap Skinnable
No Yes (see notes)

Notes:

  • If this element is included in a beatmap skin, the player must be using a skin that uses version 1.0
  • Used when the player collects a slider tick.

sliderpoint30.png (transparent; not included)

Animatable Beatmap Skinnable
No Yes (see notes)

Notes:

  • If this element is included in a beatmap skin, the player must be using a skin that uses version 1.0
  • Used when the player starts a slider or when they hit the reverse arrow

sliderscorepoint.png

Animatable Beatmap Skinnable
No Yes
  • these are the slider ticks
  • if these overlap the slider start or end, they will he hidden
  • this element is also used in osu!taiko

Spinner

Notice: You cannot mix the old and the new spinner styles!


spinner-background.png

Animatable Beatmap Skinnable
No Yes

Note:

  • old spinner set
  • If skinned, this will force "old" styled spinners on v2.0+ (this element is used)
  • This is tinted grey, by default
    • to change this, use the SpinnerBackground command

spinner-circle.png

Animatable Beatmap Skinnable
No Yes
  1. if spinner-background.png is skinned, this element is used
  2. positioned around 397px vertically
  • this is the rotating part of the spinner
  • old spinner set

spinner-metre.png

Animatable Beatmap Skinnable
No Yes
  1. positioning:
    • 46px away from top
    • 512px to the left from the middle axis
    • (0,46) at 1024x768
    • (171,46) at 1366x768
  • old spinner set

spinner-osu.png

Animatable Beatmap Skinnable
No Yes (see notes)
  • if included in a beatmap skin, the end user must be using a skin that uses version 1.0
  • appears after the spinner fades out
  • old spinner set

spinner-bottom.png

Animatable Beatmap Skinnable
No Yes

Notes:

  • rotates the slowest
  • second lowest layer
  • new spinner set

spinner-glow.png

Animatable Beatmap Skinnable
No Yes

Notes:

  • blinks when giving bonus points
  • lowest layer
  • new spinner set

spinner-middle.png

Animatable Beatmap Skinnable
No Yes

Notes:

  • tintes read over time (this is the time indicator)
  • highest layer
  • new spinner set

spinner-middle2.png

Animatable Beatmap Skinnable
No Yes

Notes:

  • rotates the fastest
  • second highest layer
  • new spinner set

spinner-top.png

Animatable Beatmap Skinnable
No Yes

Notes:

  • rotates the second fastest (slower than spinner-middle2.png)
  • middle layer
  • new spinner set

spinner-approachcircle.png

Animatable Beatmap Skinnable
No Yes

spinner-rpm.png

Animatable Beatmap Skinnable
No Yes

Notes:

  • this is the window that displays the current spinning speed
  • RPM = Revolutions Per Minute
    • Revolutions = full (circular) spin

spinner-clear.png

Animatable Beatmap Skinnable
No Yes

Notes:

  • this notifies the player that the spinner was cleared
  • this implies that the player should keep spinning for bonus points

spinner-spin.png

Animatable Beatmap Skinnable
No Yes

Notes:

  • this appears at the start of a spinner
  • this notifies the player that any spins from this point will be counted

Particles

Particles are the effects that appear behind the hit bursts.

The following table is for all particles.

Animatable Beatmap Skinnable
No Yes

Notes:

  • If the hit bursts are skinned, the default elements will not be used.

particle50.png


particle100.png

Note:

  • This element is used for hit100 and hit100k.

particle300.png

Note:

  • This element is used for hit300, hit300g, and hit300k.