Taiko

Drum Bar

Name
Versions
Animatable
Beatmap Skinnable
Blend Mode
Origin
Suggested SD Size
Default Skin Asset
taiko-bar-left.png All X X (see notes) normal TopLeft 181x200
  • Beatmap skinnable status is suspected to be a bug.

  • Positioned at (0,216).

  • This element is where the drum goes.

Default skin: taiko-bar-left.png
taiko-drum-inner.png v1 - v2.0 X X (see notes) normal TopLeft Max width: 56px
  • Beatmap skinnable status is suspected to be a bug.

  • Position varies by skin version:

    • v1–v2.0: (29,266) (and (86,266) when mirrored)
    • v2.1+: (0,216) (and (90,216) when mirrored)
Default skin: taiko-drum-inner.png
taiko-drum-inner.png All X X (see notes) normal TopLeft Varies
  • Beatmap skinnable status is suspected to be a bug.

  • Position varies by skin version:

    • v1–v2.0: (29,266) (and (86,266) when mirrored)
    • v2.1+: (0,216) (and (90,216) when mirrored)
  • Suggested SD size:

    • v1.0–v2.0: Max width: 56px
    • v2.1+: 90x200
Default skin: taiko-drum-inner.png
taiko-drum-outer.png All X X (see notes) normal TopLeft Varies
  • Beatmap skinnable status is suspected to be a bug.

  • Position varies by skin version:

    • v1–v2.0: (85,253) ((13,253) when mirrored)
    • v2.1+: (90,216) (and (0,216) when mirrored)
  • Suggested SD size:

    • v1.0–v2.0: Max width: 72px
    • v2.1+: 90x200
Default skin: taiko-drum-outer.png
taiko-bar-right.png All X X (see notes) normal TopLeft Varies
  • Beatmap skinnable status is suspected to be a bug.

  • This element will get stretched to fit screen width.

  • This element is the normal state of the scrolling bar.

  • Position varies by skin version:

    • v1.0–v2.0: (181,216)
    • v2.1+: (0,216)
  • Suggested SD size:

    • v1.0–v2.0: 843x200
    • v2.1+: 1024x200
Default skin: taiko-bar-right.png
taiko-bar-right-glow.png All X X (see notes) normal TopLeft Varies
  • Beatmap skinnable status is suspected to be a bug.

  • This element will get stretched to fit screen width.

  • This element is the kiai state of the scrolling bar.

  • This element overlays taiko-bar-right.

  • Position varies by skin version:

    • v1.0–v2.0: (181,216)
    • v2.1+: (0,216)
  • Suggested SD size:

    • v1.0–v2.0: 843x200
    • v2.1+: 1024x200
Default skin: taiko-bar-right-glow.png
taiko-barline.png All X X normal Centre 4x175

This image is displayed on the playfield at the start of each measure in the song (unless omitted by a timing point).

Default skin: taiko-barline.png

Drumroll

Name
Versions
Animatable
Beatmap Skinnable
Blend Mode
Origin
Suggested SD Size
Default Skin Asset
taiko-roll-middle.png All X Multiplicative TopLeft 1x128
  • The SD image width must be exactly 1px wide.

  • This element is the track of the roll where the sliderscorepoint.png are placed on.

  • Tinting shifts from yellow to red.

Default skin: taiko-roll-middle.png
taiko-roll-end.png All X Multiplicative TopLeft 64x128
  • This element is the end part of a roll.

  • Tinting shifts from yellow to red.

Default skin: taiko-roll-end.png
sliderscorepoint.png All X normal Centre -
  • This element is also used in osu!.

  • This are the ticks of the roll.

Default skin: sliderscorepoint.png

Hitbursts

Name
Versions
Animatable
Beatmap Skinnable
Blend Mode
Origin
Suggested SD Size
Default Skin Asset
taiko-hit0.png All normal Centre -
  • Default skin shows 不可 (Bad)

  • Animation name: taiko-hit0-{n}.png.

  • If animated, default effect from static images will not be disabled.

Default skin: taiko-hit0.png
taiko-hit100.png All normal Centre -
  • Default skin shows 可 (OK)

  • Animation name: taiko-hit100-{n}.png.

  • If animated, default effect from static images will not be disabled.

Default skin: taiko-hit100.png
taiko-hit100k.png All normal Centre -
  • Default skin shows 良 (Good)

  • Animation name: taiko-hit100k-{n}.png.

  • If animated, default effect from static images will not be disabled.

Default skin: taiko-hit100k.png
taiko-hit300.png All normal Centre -
  • Animation name: taiko-hit300-{n}.png.

  • If animated, default effect from static images will not be disabled.

Default skin: taiko-hit300.png
taiko-hit300k.png All normal Centre -
  • Animation name: taiko-hit300k-{n}.png.

  • If animated, default effect from static images will not be disabled.

Default skin: taiko-hit300k.png
taiko-hit300g.png All X (see notes) X normal Centre -
  • Can be animated, but only the zeroth frame will be used.

  • Animation name: taiko-hit300g-{n}.png

  • This image is only used on the ranking screen (instead of taiko-hit300k.png).

Default skin: taiko-hit300g.png

Notes

Name
Versions
Animatable
Beatmap Skinnable
Blend Mode
Origin
Suggested SD Size
Default Skin Asset
taikobigcircle.png All X Multiplicative Centre 118x118
  • This element is used for finisher/big notes.

    • This element is upscaled automatically.
  • This element is also used on the hit position.

  • Tinted red for “Don” (235,69,44)

  • Tinted blue for “Katsu” (68,141,171)

  • Tinted yellow for drumroll starting circle (252,83,6)

Default skin: taikobigcircle.png
taikobigcircleoverlay.png All normal Centre 118x118
  • Animation name: taikobigcircleoverlay-{n}.png.

    • 2 frames only (0 and 1)
    • animation speed depends on BPM
      • animation starts at combo 50
      • speeds up at combo 150
  • This element is upscaled automatically.

Default skin: taikobigcircleoverlay.png
taikohitcircle.png All X Multiplicative Centre 118x118
  • Tinted red for “Don” (235,69,44)

  • Tinted blue for “Katsu” (68,141,171)

  • Tinted yellow for drumroll starting circle (252,83,6)

Default skin: taikohitcircle.png
taikohitcircleoverlay.png All normal Centre 118x118
  • Animation name: taikohitcircleoverlay-{n}.png.

    • 2 frames only (0 and 1)
    • animation speed depends on BPM
      • animation starts at 50 combo
      • speeds up at 150 combo
Default skin: taikohitcircleoverlay.png
approachcircle.png All X normal Centre 126x126
  • This element is used on the hit position as a border.

  • This element is also used in osu!.

Default skin: approachcircle.png
taiko-glow.png All X X (see notes) Multiplicative Centre -
  • Beatmap skinnable status is suspected to be a bug.

  • Tinted yellow.

  • This element is behind the hit position during kiai time, expands when notes are hit.

Default skin: taiko-glow.png
lighting.png All X Additive Centre -
  • Tinted orange-red.

  • There isn’t a need to skin this element for osu!taiko.

    • This element is only visible when using a transparent taiko bar.
  • This pulsates behind the scrolling bar on the hit position during kiai time.

Default skin: lighting.png

Pippidon

Name
Versions
Animatable
Beatmap Skinnable
Blend Mode
Origin
Suggested SD Size
Default Skin Asset
pippidonclear.png All ✓ (see notes) normal BottomLeft -
  • Animation name: pippidonclear{n}.png.

    • You can only skin up 7 frames (from 0 to 6).
    • If animated, it is recommended to animate all 7 frames. (If not, the last frame will persist for the missing frames in the frame order as stated below.)
    • The animation frame order is 0 1 2 3 4 5 6 5 6 5 4 3 2 1 0.
  • The animation rate is BPM dependent.

  • This animation only plays once when the player hits a combo milestone; then goes back to the idle or kiai state.

Default skin: pippidonclear.png
pippidonfail.png All ✓ (see notes) normal BottomLeft -
  • Animation name: pippidonfail{n}.png.

  • The animation rate is BPM dependent.

  • This animation plays when the player misses a note or does not have enough health during a break.

  • This overrides pippidonkiai if the player misses a note during kiai time.

Default skin: pippidonfail.png
pippidonidle.png All ✓ (see notes) normal BottomLeft -
  • Animation name: pippidonidle{n}.png.

  • The animation rate is BPM dependent.

  • This animation plays when doing nothing (during breaks or waiting for the player to hit the next note)

Default skin: pippidonidle.png
pippidonkiai.png All ✓ (see notes) normal BottomLeft -
  • Animation name: pippidonkiai{n}.png.

  • The animation rate is BPM dependent.

  • This animation plays during kiai time.

  • pippidonfail.png overrides this if the player misses a note during kiai time.

Default skin: pippidonkiai.png

Slider Bar

Name
Versions
Animatable
Beatmap Skinnable
Blend Mode
Origin
Suggested SD Size
Default Skin Asset
taiko-flower-group.png All X (see notes) normal Bottom -
  • These are like combobursts.

  • To have multiple combobursts, use: taiko-flower-group-{n}.png.

    • One of the images in the set will be appear when a combo milestone is met.
  • This image expands and fades in from behind pippidon when it changes to clear state.

Default skin: taiko-flower-group.png
taiko-slider.png All X ✓ (see notes) normal TopLeft 776x162
  • Beatmap skinnable status is suspected to be a bug.

  • This scrolls in a seamless loop, from the right side towards the left.

  • This element is disabled if the beatmap has a storyboard.

  • Gets upscaled by 1.4x in-game.

Default skin: taiko-slider.png
taiko-slider-fail.png All X X normal TopLeft 776x162
  • This appears when the player misses a note or if the health bar isn’t filled up to 50% during a break.

  • Beatmap skinnable status is suspected to be a bug.

  • This scrolls in a seamless loop, from the right side towards the left.

  • This element is disabled if the beatmap has a storyboard.

  • Gets upscaled by 1.4x in-game.

Default skin: taiko-slider-fail.png

Spinner

Name
Versions
Animatable
Beatmap Skinnable
Blend Mode
Origin
Suggested SD Size
Default Skin Asset
spinner-warning.png All X normal Centre -
  • This element is an indicator for the spinner.

Default skin: spinner-warning.png
spinner-circle.png All X X (see notes) normal Centre -
  • Beatmap skinnable status is suspected to be a bug.

  • This element is also used in osu!.

  • For each hit in the spinner happens, the circle rotates anti-clockwise.

Default skin: spinner-circle.png
spinner-approachcircle.png All X X (see notes) normal Centre -
  • Beatmap skinnable status is suspected to be a bug.

  • This element is also used in osu!.

  • This element is the duration indicator of the spinner.

    • This shrinks over time.
Default skin: spinner-approachcircle.png