Skip to content

Feature Request: Web skin tweaker #18

@PopCat19

Description

@PopCat19

Checklist

  • I've verified that there is no open or closed issue related to this request.
  • This request addresses only one feature (one feature per request/issue).
  • The title accurately reflects the proposed feature.

Skin Version

any

Feature Description

Having a web skin tweaker can be convenient for simple tweaks like:

  • Color scheme
  • Images
  • Audio

While being user-friendly and flexible without the need of using figma. (bonus: mobile support for osu!droid users alike)

Implementation

Using github pages or similar, create a web app to modify skin colors, upload/swap audio, upload/swap fonts, and place images.
|
Since Figma is a web design platform, its CSS and vector properties can be imported into the web app, allowing for similar modification for color schemes.

It's capability can be:

  • Latest project elements and skin contents
  • Modify color scheme through CSS styles and skin.ini
  • Upload and swap skin audio files, converting filetype if necessary
  • Place images to some elements (e.g. song select, ranking panel)
  • Upload and swap fonts through CSS styles
  • Export all elements rasterized, archive as .zip, then rename to .osk

Alternative Implementation

An alternative could be a basic, intuitive web app to modify colorschemes and fonts of the skin, then bulk export / archive as .osk.

Additional Context

Reference:
https://corne2plum3.github.io/osu-hitcircle-generator.github.io/ (likely raster-based)

Priority Level

Normal

Metadata

Metadata

Assignees

Projects

Status

Long-term

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions