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
70
solstice23
12 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. 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
Last edited by solstice23 , edited 2 times in total.
JustABeginner
1,274 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.
rematyar
1,377 posts
Joined November 2020
rematyar
Oh wow. This is... the future... so cool!!!!!
wowcake
Global Moderator
1,176 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
563 posts
Joined March 2020
Kolmas
looks really good :O
Mamat
424 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
74 posts
Joined October 2020
MandaliKa
Whooo eeee~ This's really neat!
Puck_
250 posts
Joined January 2020
Puck_
pog
Corne2Plum3
Global Moderator
1,773 posts
Joined November 2019
Corne2Plum3
This is pretty good ^^

It would be nice if you could add customizable padding/margins too
Phantonym
462 posts
Joined May 2019
Phantonym
This is really awesome!
solstice23
12 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
218 posts
Joined November 2017
keremaru
okay now this is pretty gamer
Pisnap
23 posts
Joined August 2019
Pisnap
wow, i like that.
Loriax
58 posts
Joined December 2017
Loriax
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
12 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
511 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
12 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
19 posts
Joined June 2020
Manuuou
this is awesome
Clas
11 posts
Joined September 2018
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
15 posts
Joined August 2021
mqxile
This is sick!
solstice23
12 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
3 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
Global Moderator
1,773 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
3 posts
Joined November 2020
Jacuzziz
Thank you very much, appreciate it !
- Zynx -
6 posts
Joined January 2014
- Zynx -
looks cool, love it
cough fart
8 posts
Joined November 2020
cough fart
me when
solstice23
12 posts
Joined February 2021
Topic Starter
solstice23
✨ Now it supports osu!skills





dyllns
1 post
Joined April 2021
dyllns
cool
---APEX---
124 posts
Joined September 2021
---APEX---
really cool
solstice23
12 posts
Joined February 2021
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
10 posts
Joined November 2020
Aisaka Taiga
It's incredible
Galih
6 posts
Joined November 2021
Galih
This is actually very well done, Good job!
Deshun
1 post
Joined January 2021
Deshun
This is amazing!
reinosk
234 posts
Joined April 2021
reinosk
Thank u 🔥
Stomiks
9,043 posts
Joined March 2021
Stomiks
So this is where I keep seeing these signature profiles lol
-Watamelon
173 posts
Joined August 2019
-Watamelon
This is amazing but the skill card is not working rn
Last edited by -Watamelon , edited 1 time in total.
Ymir
1,760 posts
Joined June 2020
Ymir

Stomiks wrote:

So this is where I keep seeing these signature profiles lol
yeah its pretty damn neat
solstice23
12 posts
Joined February 2021
Topic Starter
solstice23

DevilFrc wrote:

This is amazing but the skill card is not working rn
Probably caused by network fluctuation. It's temporary, just wait for the cache to be cleared.
Gtx680qwq
3 posts
Joined August 2020
Gtx680qwq
ok
Broly
126 posts
Joined July 2013
Broly
really amazing work, good job
SiriusOnly
228 posts
Joined March 2021
SiriusOnly
nice, like that <3
KnightChaser
5 posts
Joined March 2019
KnightChaser
Great job, what a nice signature.
anaxii
15,033 posts
Joined December 2022
anaxii
Yooo this is epic omg
Some Bored Guy
1 post
Joined June 2022
Some Bored Guy
this is cool
Miwiki
95 posts
Joined February 2017
Miwiki
Looks great... will be switching to this
Last edited by Miwiki , edited 1 time in total.
show more
Please sign in to reply.

New reply

0
1 / 70