Guest
home
beatmaps
rankings
community
store
help
forum
  1. Forums
  2. osu!
  3. Development

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

posted
Total Posts
29
solstice23
7 posts
Joined February 2021
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. Full/mini size
  4. Display avatar and profile cover in the signature card
  5. Intro animation (optional)
  6. 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



▲ Mania gamemode



▲ Chinese language support / 支持中文


Open Source


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

Nice.
KanoMyBeloved
1,041 posts
Joined November 2020
KanoMyBeloved
Oh wow. This is... the future... so cool!!!!!
Wowcake
792 posts
Joined February 2020
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
534 posts
Joined March 2020
Kolmas
looks really good :O
Mamat
421 posts
Joined July 2013
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
29 posts
Joined October 2020
MandaliKa
Whooo eeee~ This's really neat!
Puck-
224 posts
Joined January 2020
Puck-
pog
Corne2Plum3
747 posts
Joined November 2019
Corne2Plum3
This is pretty good ^^

It would be nice if you could add customizable padding/margins too
Phantonym
465 posts
Joined May 2019
Phantonym
This is really awesome!
solstice23
7 posts
Joined February 2021
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
214 posts
Joined November 2017
keremaru
okay now this is pretty gamer
Pisnap
14 posts
Joined August 2019
Pisnap
wow, i like that.
Icklys
58 posts
Joined December 2017
Icklys
That's so good :o
28395208
1 post
Joined November 2013
28395208
Wow, fantastic
Foxrish
Foxrish
How do I add it to my signature? Sorry if this is a stupid question.
solstice23
7 posts
Joined February 2021
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
Foxrish
Okay
Ananda
533 posts
Joined June 2014
Ananda
cool signature generator :D
Save to my bookmark :D
Last edited by Ananda , edited 1 time in total.
NerdKid
2 posts
Joined September 2020
NerdKid
Can you make an option that you can customize the UI Font? dunno if that's possible
solstice23
7 posts
Joined February 2021
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
2 posts
Joined September 2020
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
8 posts
Joined June 2020
Manuuou
this is awesome
Clasmia
10 posts
Joined September 2018
Clasmia
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
7 posts
Joined August 2021
mqxile
This is sick!
solstice23
7 posts
Joined February 2021
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.
Last edited by solstice23 , edited 1 time in total.
Jacuzziz
4 posts
Joined November 2020
Jacuzziz
I feel really stupid but how do I get it to be my signature and not a link xD
Corne2Plum3
747 posts
Joined November 2019
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]
Last edited by Corne2Plum3 , edited 1 time in total.
Jacuzziz
4 posts
Joined November 2020
Jacuzziz
Thank you very much, appreciate it !
Please sign in to reply.

New reply

0
1 / 29