forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
jemhuntr
How to center osu!mania stage.
osu!mania Stage Centering Guide!
osu!mania Stage Centering Guide!~
Below is the method to acquire the ColumnStart values to center the osu!mania stage. This method works for all skins and for all screen resolutions, be it windowed or full screen.

1. We'll use this equation: columnStart = ((480 / (screenHeight / screenWidth)) / 2) - (columnSum / 2)
  1. columnStart - value that we will put on each nK.ini file.
  2. screenHeight - height of your screen in pixels (or height of the osu! window if you play windowed)
  3. screenWidth - width of your screen in pixels (or width of the osu! window if you play windowed)
  4. columnSum - sum of all the values on the ColumnWidth field.
Note: Since we're dividing the screen height with the screen width, any values of the same ratio would make the same answer. This means that all 16:9 screen resolutions would have the same columnStart values (given that the columnSum is constant). Same goes with other screen ratios.

2. In order to get the value of columnStart, you need to know the values of each variable (remember that these values may vary depending on the key you're currently calculating). Let's have an example for this guide. Let's say I use a custom windowed resolution of 1200px by 700px. Below are the column sizes of the stages inside my nK.ini files.
  1. 4K: ColumnWidth: 46, 46, 46, 46
  2. 5K: ColumnWidth: 46, 46, 50, 46, 46
  3. 6K: ColumnWidth: 42, 42, 42, 42, 42, 42
  4. 7K: ColumnWidth: 40, 40, 40, 40, 40, 40, 40
  5. 8K: ColumnWidth: 38, 38, 38, 38, 38, 38, 38, 38
3. Let's start with 4K. The values we have now are:
  1. screenHeight: 700
  2. screenWidth: 1200
  3. columnSum: 46 + 46 + 46 + 46 = 184
We now have all values needed in order to solve for columnStart. Let's substitute the values to the equation:
columnStart = ((480 / (700 / 1200)) / 2) - (184 / 2)
columnStart = ((480 / 0.58333) / 2) - (92)
columnStart = (822.86 / 2) - 92
columnStart = (411.43) - 92
columnStart = 319.43
columnStart319
since we can't use decimals for the columnStart value, we have to round it off to the nearest integer.

Now that we know columnStart, we can go ahead and write the value inside 4K.ini.

4. Repeat the process for all the other keys. If you try to solve for the other values using the same situation, you should get the following values:
  1. 5K: 294
  2. 6K: 285
  3. 7K: 271
  4. 8K: 259
5. After getting all the values and putting them into their respective ini files, reload your skin. Now go ahead and play some osu!mania and notice how your stage is now perfectly centered on your screen!

Note: Due to the rounding off of values, the stage may be a bit off by 1 pixel to the left or right. If you followed the instructions above correctly, I assure you that the stage will never be off by 2 or more pixels from the center.
XPJ38
Is it just me or the new follow points animation is always disabled when using a custom skin, even if "Prefer new default" is ticked?
jemhuntr
yeah, it is disabled.
XPJ38
edit: Damn, too bad it is, that's my favorite animation ;_;
primrose
Template only have like 50% the elements that's skinnable according to this http://blog.ppy.sh/post/46924535831/thi ... -in-osu-13 ;_;
Yukki
how do i fix this ?
i tried to make ranking-panel full-screen, but as you can see there is a little space between ranking-panel and title box
i tried to use 1280*800 and 1440*900 even 1440*1000 but still same :(
Topic Starter
MLGnom
This is actually a minor bug. If you really need to fix that, just make those 3-4 pixels transparent from above (leave it's actual size).
Will3x
Can anyone help me here? :P

when I create a png image with illustrator, lets say a mod icon, there always seems to be a weird white pixelated border around it when i eventually use it in game..
Do I need to change the dpi resolution? any colour settings? I dont really know much about this stuff

I can post some screenshots if anyone wants to see once i get back home!
boat
You should rather toss in a skin element in particular that has this issue.
Topic Starter
MLGnom
Hmm... There were few cases where this happened. I think it's something with saving options or picture itself. When I opened one with GIMP and just saved, it still had some white pixels, but way less (after coping picture into new image and saving it, white pixels disappeared). So you should check your settings, but to be honest I don't know what is causing this. :/
Will3x
I think i got it fixed! but thanks anyways :)
Yuki-kun
Anyone here has idea about this error? (the back button)

OsuMe65


doesn't happen to me
even in native reso...

inb4 400th post
NatSumE_KuN
..thanks..this helped me a lot.. :D
Yuki-kun

OsuMe65 wrote:

doesn't happen to me
even in native reso...

inb4 400th post
In my case, only 1 of my custom skin has that, another is not.
That's strange, cause i can't find any reason :/
Topic Starter
MLGnom

Yuki-kun wrote:

Anyone here has idea about this error? (the back button)

Are you sure, that you haven't changed one of these in skin?
mode-mania-small
mode-osu-small
mode-taiko-small
mode-fruits-small
Because I don't see any of this on your "selection-mode".
You could make something that I'm doing often, taking one random part of skin and rename it to other to test if it work or where it's used.
Yuki-kun

MLGnom wrote:

Yuki-kun wrote:

Anyone here has idea about this error? (the back button)

Are you sure, that you haven't changed one of these in skin?
mode-mania-small
mode-osu-small
mode-taiko-small
mode-fruits-small
Because I don't see any of this on your "selection-mode".
You could make something that I'm doing often, taking one random part of skin and rename it to other to test if it work or where it's used.
I'm pretty sure that i didn't touch to those part.
This skin is still normally before the biggest update that changed whole default skin.
Also, if i used those part with new default part skin, nothing happen.
I can upload whole my folder for testing.
Topic Starter
MLGnom
So if you can upload it. We will see if the same will happen for us. ^^
Yuki-kun
Slow network.
Anw, here is my folder.
http://puu.sh/2UGnc.rar
Topic Starter
MLGnom
Like I said. xD
YOU have edited "mode-osu-small". Why you haven't checked folder when I asked? D:

Yuki-kun

MLGnom wrote:

Like I said. xD
YOU have edited "mode-osu-small". Why you haven't checked folder when I asked? D:

L...LoL
I thought that part cannot be apply... @@
Really sr, my bad. I missed that part while checking xD
-[Cow]-
you can add this into CTB

Fruits:
fruit-apple
fruit-grapes
fruit-drop
fruit-orange
fruit-pear
Overlays:
-_- just add -overlay in the end
Character:
Fruit-ryuuta
Fruit-plate
OsuMe65

Osugye wrote:

you can add this into CTB

Fruits:
fruit-apple
fruit-grapes
fruit-drop
fruit-orange
fruit-pear
Overlays:
-_- just add -overlay in the end
Character:
Fruit-ryuuta
Fruit-plate
every skinner knows that... =~=
YunoFanatic
this is awful is threre anything free editing?
Yuki-kun

YunoFanatic wrote:

this is awful is threre anything free editing?
GIMP or Paint.NET i guess.
NoClue
I'm having a problem with the spinner using the old skin instead of the new files. Not really sure why this is, been searching forums for awhile...
Ayesha Altugle
tick new default skin will solve the problem @NoClue
Heibel

NoClue wrote:

I'm having a problem with the spinner using the old skin instead of the new files. Not really sure why this is, been searching forums for awhile...
Right there at the bottom. you gotta check that

Garygoh884
When a beatmap uses old spinner files partially, it uses some of your old spinner files instead of new ones.
chelly
My combobursts aren't all showing up. osu! loads up to comboburst-8 and then loops back to comboburst-0, when my skin goes comboburst-12

Am I doing something wrong here or...?
Ayesha Altugle

PikaPika677 wrote:

My combobursts aren't all showing up. osu! loads up to comboburst-8 and then loops back to comboburst-0, when my skin goes comboburst-12

Am I doing something wrong here or...?
make sure do this

ComboBurstRandom : 0
SPOILER
| _ |
| | | |
| | | |
| | | |
| | | |
| | | |
|_______ _ |______
Topic Starter
MLGnom

PikaPika677 wrote:

My combobursts aren't all showing up. osu! loads up to comboburst-8 and then loops back to comboburst-0, when my skin goes comboburst-12

Am I doing something wrong here or...?
Make sure that you haven't made mistake with naming. If you have only up to combobursts-8 then you have a mistake in name of comboburst-9 (if you do, anything after it won't load).
Just make sure you haven't add any additional space in name or made typo somewhere.
Will3x
why is this happening ;_;




normal hitcircles are fine btw !
Topic Starter
MLGnom
Probably you have them incorrectly centred. They are in the same position so hitcircle looks good, but slider is slightly off.

Post hitcircle and it's overlay so I can be sure. ^^;
Will3x
okey :)

note: this overlay is a bit different (bigger), but the same result in the end anyways..



chelly

MLGnom wrote:

PikaPika677 wrote:

My combobursts aren't all showing up. osu! loads up to comboburst-8 and then loops back to comboburst-0, when my skin goes comboburst-12

Am I doing something wrong here or...?
Make sure that you haven't made mistake with naming. If you have only up to combobursts-8 then you have a mistake in name of comboburst-9 (if you do, anything after it won't load).
Just make sure you haven't add any additional space in name or made typo somewhere.
Wow you're right I accidentally named my comboburst-9.png as comboburst-9.png.png LOL

Thanks for the tip, haha.
Topic Starter
MLGnom

Will3x wrote:

okey :)

note: this overlay is a bit different (bigger), but the same result in the end anyways..



Ah, so this was for HD. @2x always should have double size of normal size part so default hitcircle have 128x128px, @2x MUST have 256x256px. This is a reason why people should also add SD part.
Your parts had 249x249 and 242x242. It was simply too small for slider.
So I have fixed your issue by changing canvas size to 256x256 so should be good now. :3

Will3x
Thankyou!! :) :)
NoClue
2 Questions if no one minds :3.

1) Can you skin the key overlay?

2) Why is this happening in taiko?


Heibel wrote:

NoClue wrote:

I'm having a problem with the spinner using the old skin instead of the new files. Not really sure why this is, been searching forums for awhile...
Right there at the bottom. you gotta check that

And thanks for that :3. Never noticed that option there.
Topic Starter
MLGnom

NoClue wrote:

2 Questions if no one minds :3.
1) Can you skin the key overlay?
Key overlay... Key overlay... Not sure what do you mean by that (or I'm just still sleepy), can you be a little more precise? Screenshot of element?

NoClue wrote:

2) Why is this happening in taiko?
Uh, can't really tell without seeing skin by myself, can you post it?
And what resolution you are using?
show more
Please sign in to reply.

New reply