For your skin to be added to UDH, it will have to be manually approved ! You can submit your skin at [URL TO COME, @me for now]
- You must have the rights to modify and use all images without attribution
Here's an example of the default skin :
{
"Name": "Default",
"Codename": "default",
"Description": "Default avatar",
"AvatarSize": 128,
"Background": "resources/background.png",
"Layers": [
{
"Image": "resources/foreground.png",
"StartX": 30,
"StartY": 20,
"Width": 640,
"Height": 209,
"Modules": [
{
"Type": "AvatarBorder",
"StartX": 6,
"StartY": 20
},
{
"Type": "XpBar",
"StartX": 150,
"StartY": 42,
"Width": 360,
"Height": 18,
"OutsideStrokeColor": "#778899FF",
"OutsideFillColor": "#F5F5F5FF",
"InsideStrokeColor": "#FFFFFF00",
"InsideFillColor": "#32CD32FF"
},
{
"Type": "XpBarInfo",
"StartX": 315,
"StartY": 57,
"Width": 360,
"Height": 18,
"Font": "Consolas",
"FillColor": "#000000FF",
"StrokeColor": "#00000000",
"FontPointSize": 17,
"TextAlignment": "Center"
},
{
"Type": "Username",
"StartX": 150,
"StartY": 38,
"FontPointSize": 34,
"Font": "Consolas",
"StrokeColor": "#8A2BE2FF",
"FillColor": "#00BFFFFF",
"StrokeAntialias": true,
"StrokeWidth": 0.4
},
{
"Type": "TotalXp",
"StartX": 535,
"StartY": 83,
"FontPointSize": 17,
"Font": "Consolas",
"FillColor": "#000000FF",
"TextAlignment": "Right"
},
{
"Type": "XpRank",
"StartX": 535,
"StartY": 108,
"FontPointSize": 17,
"Font": "Consolas",
"FillColor": "#000000FF",
"TextAlignment": "Right"
},
{
"Type": "KarmaRank",
"StartX": 535,
"StartY": 153,
"FontPointSize": 17,
"Font": "Consolas",
"FillColor": "#000000FF",
"TextAlignment": "Right"
},
{
"Type": "KarmaPoints",
"StartX": 535,
"StartY": 130,
"FontPointSize": 17,
"Font": "Consolas",
"FillColor": "#000000FF",
"TextAlignment": "Right"
},
{
"Type": "Level",
"StartX": 220,
"StartY": 140,
"FontPointSize": 50,
"Font": "Consolas",
"TextAlignment": "Center"
}
]
},
{
"Image": "avatar",
"StartX": 36,
"StartY": 40
}
]
}The skin has the following attributes :
- Name
- A name for the skin
- Codename
- Lowercap, codename for the skin
- Description
- A description for the skin
- AvatarSize
- Size of the avatar in pixel. 128 recommended
- AvatarX
- X Position of the avatar in pixels
- AvatarY
- Y Position of the avatar in pixels
- Background
- Path to the background
- Layers
- A list of Layer
They are drawed in the order they're defined Each layer has the following attributes :
- Image
- (optional) path to the image
- StartX, StartY
- Offset from the background, affects all the modules inside
- Width, Height
- Width and Height in pixel
- Modules
- A list of Module
For each module, you must specify the Type so reflection works correctly. The Type is simply the name of the module as written below. All modules have a StartX and StartY, and so it will not be specified again.
Here's a quick rundown of each attributes you will be able to find :
- StartX, StartY :
- double, position from the top left
- Width, Height
- double, in pixels
- FontPointSize
- Size of the font in px
- TextAntiAlias/StrokeAntialias
- boolean
- StrokeColor/FillColor
- Color as an hex string with alpha (example : #FF55FF00)
- Font
- Font name
- StrokeWidth
- double, width of the stroke
- TextAlignment
- string, Left, Right or Center
- TextKerning
- Double, default 0
Here's the available modules :
- AvatarBorder : Draw a square shape around the avatar
- Available attributes
- Size
- Available attributes
- XpBar
- Width
- Height
- StrokeWidth
- OutsideStrokeColor
- OutsideFillColor
- InsideStrokeColor
- InsideFillCoor
- StrokeAntiAlias
- TextAntiAlias
- TextAlignment
- TextKerning
- StrokeColor
- StrokeWidth
- FillColor
- Font
- FontPointSize
- XpBarInfo
- Level
- Username
- TotalXp
- XpRank
- KarmaPoints
- KarmaRank