forum

osu! Stats Signature - yet another signature generator in modern style

posted
Total Posts
55
Topic Starter
solstice23
I made a new signature generator that generates an SVG card in the latest osu!web style. Inspired by osu!next Signature Generator.

Features

  1. Support all gamemodes
  2. osu!web profile style
  3. 4 styles to choose (full, mini, skills)
  4. Display avatar and profile cover in the signature card
  5. osu!skills chart
  6. Intro animation (optional)
  7. Customizable colors, background blur, and more


>> Go to the generator <<




Examples


Mini




▲ Default style



▲ Round avatar, with background blur and custom color

Full




▲ Detailed card



▲ Detailed card with osu!skills



▲ Mania gamemode



▲ Chinese language support / 支持中文

Skill




▲ Skill card




▲ Optional rank cycling animation


Open Source

Github link is here
JustABeginner
It actually looks stunning. The intro animation is a bit jaw dropping.
Like how its size can also be readjusted.

Nice.
rematyar
Oh wow. This is... the future... so cool!!!!!
wowcake
This is really something cool, pretty amazing visual-wise and it contains most player's stats just like how the web userpage does it, but in a card form! goodjob! :)
Kolmas
looks really good :O
Mamat
It's really cool, I wish there is option for 750px x 120px size so it would fill up the entire signature width
MandaliKa
Whooo eeee~ This's really neat!
Apraxye
pog
Corne2Plum3
This is pretty good ^^

It would be nice if you could add customizable padding/margins too
Phantonym
This is really awesome!
Topic Starter
solstice23

Corne2Plum3 wrote:

This is pretty good ^^

It would be nice if you could add customizable padding/margins too
Now it supports custom margins(in extra options menu). The signature is generated from an svg template, so custom margins may not be supported.
keremaru
okay now this is pretty gamer
Pisnap
wow, i like that.
Loriax
That's so good :o
28395208
Wow, fantastic
Foxrish
How do I add it to my signature? Sorry if this is a stupid question.
Topic Starter
solstice23

Foxrish wrote:

How do I add it to my signature? Sorry if this is a stupid question.
Insert the generated url as an image.
Foxrish
Okay
Ananda
cool signature generator :D
Save to my bookmark :D
NerdKid
Can you make an option that you can customize the UI Font? dunno if that's possible
Topic Starter
solstice23

NerdKid wrote:

Can you make an option that you can customize the UI Font? dunno if that's possible
The current font is embedded as paths in the SVG. I know it's an inflexible and difficult to maintain solution, but I had to do this because of the unpredictable alignment issue between English and CJK characters. Therefore, for now, the only way to add new fonts is to edit the SVG template, which is a complicated process.

Maybe separating the CJK and western languages' templates is a good option so that we can customize the English fonts without affecting the other languages. I may implement this option soon if I have spare time.

Anyway, please leave the name of the font you want to add so that I can add it to the presets.
NerdKid
I see, I really want to see the Torus font being added on the UI of this Signature Generator that you've created, it's the same font that this website uses, thanks in advance btw. :)
Manuuou
this is awesome
Clas
honestly really cool project youve made, only fault is that "orange" should be named "yellow" and "dark orange" as "orange" since your listed "orange" is more yellow than orange. past that its pretty much perfect, great job!

->
mqxile
This is sick!
Topic Starter
solstice23

Clasmia wrote:

honestly really cool project youve made, only fault is that "orange" should be named "yellow" and "dark orange" as "orange" since your listed "orange" is more yellow than orange. past that its pretty much perfect, great job!

->



I got these color names from the osu-web source code, but I think you are right. So I've changed them to "yellow" and "orange" as you suggested.
Jacuzziz
I feel really stupid but how do I get it to be my signature and not a link xD
Corne2Plum3

Jacuzziz wrote:

I feel really stupid but how do I get it to be my signature and not a link xD
just put the link between

Example:
[img]https://osu-sig.vercel.app/card?user=15646039&mode=std&lang=en&blur=6&round_avatar=true&animation=true&hue=255&mini=true[/img]
Jacuzziz
Thank you very much, appreciate it !
- Zynx -
looks cool, love it
cough fart
me when
Topic Starter
solstice23
✨ Now it supports osu!skills





dyllns
cool
---APEX---
really cool
Topic Starter
solstice23

New update


· Add exclusive skills card (with optional alternating animation between global and country ranking):







· Refined generating page with previews, which is more straightforward

Now you have 4 styles to choose!

Aisaka Taiga
It's incredible
Heards-
This is actually very well done, Good job!
show more
Please sign in to reply.

New reply