Catch the Beat

Catcher & Interface

Name
Versions
Animatable
Beatmap Skinnable
Blend Mode
Origin
Suggested SD Size
Default Skin Asset
fruit-catcher-idle.png 2.3+ normal Top Min width: 302px
  • Animation name: fruit-catcher-idle-{n}.png

  • This element is the catcher state when doing nothing or catching objects

  • This should face towards the right.

  • The first 16 pixels at the top should be transparent.

  • The width should cover two fruits at a Circle Size of 0.

Default skin: fruit-catcher-idle.png
fruit-catcher-fail.png 2.3+ normal Centre -
  • Animation name: fruit-catcher-fail-{n}.png

  • This element is the “missed” catcher state.

  • This overrides fruit-catcher-kiai.png if a fruit or drop/droplet is missed during kiai time.

  • This should face towards the right.

Default skin: fruit-catcher-fail.png
fruit-catcher-kiai.png 2.3+ normal Centre -
  • Animation name: fruit-catcher-kiai-{n}.png

  • This element is the catcher state during kiai time.

  • fruit-catcher-fail.png will override this if a fruit or drop/droplet is missed during kiai time.

  • This should face towards the right.

Default skin: fruit-catcher-kiai.png
fruit-ryuuta.png 2.2- ✓ (see notes) normal Centre -
  • Beatmap Skinnable if the player skin is using v2.2-.

  • Animation name: fruit-ryuuta-{n}.png

  • This should face towards the right.

Default skin: fruit-ryuuta.png
comboburst-fruits.png 2.3+ X (see notes) normal BottomLeft Max height: 768px
  • To have multiple combobursts, use: comboburst-fruits-{n}.png.

    • One of the images in the set will be appear when a combo milestone is met.
  • On v2.2-, comboburst.png will be used instead.

  • osu!catch-specific combobursts

  • This can be disabled in the options.

  • This should face towards the right.

Default skin: comboburst-fruits.png
lighting.png All X Additive Centre 100x100
  • This pulsates on the catch line for where fruit’s landing location during kiai time.

  • This element is also used in osu! and osu!taiko.

  • This can be disabled in the options.

  • Tinting depends on the fruit’s combo colour.

Default skin: lighting.png

Fruits

Name
Versions
Animatable
Beatmap Skinnable
Blend Mode
Origin
Suggested SD Size
Default Skin Asset
fruit-pear.png All X Multiplicative Centre 128x128
  • This element is shown first.

  • This element is used for the hyperdash outline.

  • Tinting depends on the fruit’s combo colour.

Default skin: fruit-pear.png
fruit-pear-overlay.png All X normal Centre 128x128
  • This element is shown first; overlaying fruit-pear.png.

Default skin: fruit-pear-overlay.png
fruit-grapes.png All X Multiplicative Centre 128x128
  • This element is shown second.

  • This element is used for the hyperdash outline.

  • Tinting depends on the fruit’s combo colour.

Default skin: fruit-grapes.png
fruit-grapes-overlay.png All X normal Centre 128x128
  • This element is shown second; overlaying fruit-grapes.png.

Default skin: fruit-grapes-overlay.png
fruit-apple.png All X Multiplicative Centre 128x128
  • This element is shown third.

  • This element is used for the hyperdash outline.

  • Tinting depends on the fruit’s combo colour.

Default skin: fruit-apple.png
fruit-apple-overlay.png All X normal Centre 128x128
  • This element is shown third; overlaying fruit-apple.png.

Default skin: fruit-apple-overlay.png
fruit-orange.png All X (see notes) Multiplicative Centre 128x128
  • Can be animated, but only the zeroth frame will be used.

    • Animation name: fruit-orange-{n}.png
  • This element is shown fourth (last).

  • This element is used for the hyperdash outline.

  • Tinting depends on the fruit’s combo colour.

    • On the ranking screen:
      • Tinted orange for collected fruit
      • Tinted light grey for missed fruit.
Default skin: fruit-orange.png
fruit-orange-overlay.png All X (see notes) normal Centre 128x128
  • Can be animated, but only the zeroth frame will be used.

    • Animation name: fruit-orange-overlay-{n}.png
  • This element is shown fourth (last); overlaying fruit-orange.png.

Default skin: fruit-orange-overlay.png
fruit-bananas.png All X Multiplicative Centre 128x128
  • Tinted yellow.

  • This element is shown during a “spinner”.

  • This element is used for the hyperdash outline.

Default skin: fruit-bananas.png
fruit-bananas-overlay.png All X normal Centre 128x128
  • This element is shown during a spinner; overlaying fruit-bananas.png.

Default skin: fruit-bananas-overlay.png
fruit-drop.png All X (see notes) Multiplicative Centre 128x128
  • Can be animated, but only the zeroth frame will be used.

    • Animation name: fruit-drop-{n}.png
  • This element is shown during a “slider”.

  • Tinting depends on the fruit’s combo colour.

Default skin: fruit-drop.png
fruit-drop-overlay.png All X normal Centre 128x128
  • This element is not used in the ranking screen.

  • This element is shown during a “slider”; overlaying fruit-drop.png

Default skin: fruit-drop-overlay.png