Login

Register
Feel free to talk about anything and everything related to Hexis in this board.
Here's a little guide on how to convert your osu! skins to Hexis themes. Please note that Hexis doesn't yet support all of the features that osu! skins have, but this guide will help you in making a skin that looks as close as your osu! skin as possible.

Create a new folder in Program Files (x86)\Hexis\data\themes and name it whatever you want your theme's folder to be named
Copy the following files directly from the osu skin's folder to your new empty folder (not all skins will have all of them, if some are missing just ignore them):
Code: Select all
approachcircle.png
[email protected]
count1.png
[email protected]
count2.png
[email protected]
count3.png
[email protected]
cursor.png
[email protected]
go.png
[email protected]
hit0.png
[email protected]
hit100.png
[email protected]
hit100g.png
[email protected]
hit100k.png
hit300.png
[email protected]
hit300g.png
[email protected]
hit300p.png
[email protected]
hit50.png
[email protected]
hitcircle.png
[email protected]
hitcircleoverlay.png
[email protected]
hitcircleselect.png
[email protected]
normal-hitclap.wav
normal-hitfinish.wav
normal-hitnormal.wav
normal-hitwhistle.wav
normal-sliderslide.wav
normal-sliderwhistle.wav
ready.png
[email protected]
score-0.png
[email protected]
score-1.png
[email protected]
score-2.png
[email protected]
score-3.png
[email protected]
score-4.png
[email protected]
score-5.png
[email protected]
score-6.png
[email protected]
score-7.png
[email protected]
score-8.png
[email protected]
score-9.png
[email protected]
score-comma.png
[email protected]
score-dot.png
[email protected]
score-percent.png
[email protected]
score-x.png
[email protected]
section-fail.png
[email protected]
section-pass.png
[email protected]
sectionfail.wav
sectionpass.wav
soft-hitclap.wav
soft-hitfinish.wav
soft-hitnormal.wav
soft-hitwhistle.wav
soft-sliderslide.wav
soft-sliderwhistle.wav
spinner-clear.png
[email protected]
spinner-spin.png
[email protected]


Move and rename the following files from the osu skin's folder to your folder:
Code: Select all
scorebar-bg.png -> healthbar-bg.png
[email protected] -> [email protected]
scorebar-colour.png -> healthbar-meter.png
[email protected] -> [email protected]
lighting.png -> hitlighting.png
[email protected] -> [email protected]
default-0.png -> object-0.png
[email protected] -> [email protected]
default-1.png -> object-1.png
[email protected] -> [email protected]
default-2.png -> object-2.png
[email protected] -> [email protected]
default-3.png -> object-3.png
[email protected] -> [email protected]
default-4.png -> object-4.png
[email protected] -> [email protected]
default-5.png -> object-5.png
[email protected] -> [email protected]
default-6.png -> object-6.png
[email protected] -> [email protected]
default-7.png -> object-7.png
[email protected] -> [email protected]
default-8.png -> object-8.png
[email protected] -> [email protected]
default-9.png -> object-9.png
[email protected] -> [email protected]
reversearrow.png -> slider-reversearrow.png
[email protected] -> [email protected]
sliderb0.png (or whatever frame you like if there are more than one) -> slider-ball.png
[email protected] (or whatever frame you like if there are more than one) -> [email protected]
sliderfollowcircle.png -> slider-followcircle.png
[email protected] -> [email protected]
sliderscorepoint.png -> slider-tick.png
[email protected] -> [email protected]
spinner-approachcircle.png -> spinner-outline.png
[email protected] -> [email protected]
spinner-metre.png -> spinner-overlay.png (not sure about this one)
[email protected] -> [email protected] (not sure about this one)
spinner-background.png -> spinner-pump.png (not sure about this one)
[email protected] -> [email protected] (not sure about this one)
spinner-circle.png -> spinner.png
[email protected] -> [email protected]
play-warningarrow.png -> warningarrow.png
[email protected] -> [email protected]


Hitcircle numbers (object-1, 2, 3...) must be scaled down to about 74% of their original size. I use CTRL + R in Paint.NET for this.

Make a copy of hitcircleoverlay.png in your folder and rename it to holdcircleoverlay.png, then edit it to make it look whatever you want your hold circles to look like. I usually add black stripes to the overlay (like this: http://a.pomf.se/yrlkjf.png ).
Create a followpoint.png file in your folder and create your follow points if you want. Keep in mind that Hexis doesn't support osu!-like directional follow points yet, so you're stuck to a single image for follow points, which means that you will have to use stuff like dots instead of arrows or lines.

Create a theme.xml in your folder and paste the following in it (make sure to edit it to match the skin.ini settings of the osu skin you're converting):
Code: Select all
<?xml version="1.0" encoding="UTF-8"?>
<hexis>
   <theme version="1.0">
      <meta>
         <name>Skin Name</name>
         <creator>Author (converted by My Name)</creator>
      </meta>

      <!-- Anywhere that uses the color attribute you can replace
        -- with r/g/b attributes with numbers between [0, 255]
        -- example: <cursor r="255" g="0" b="0">
        --   This is equivalent to <cursor color="#FF0000">
        -->

      <cursor rotate="0" expand="1" color="#FFFFFF">
         <trail length="0" color="#FFFFFF" opacity="0" />
      </cursor>

      <playfield>
         <set>
            <color color="#00FF00" />
            <color color="#00FFFF" />
            <color color="#FF80FF" />
            <color color="#FFFF00" />
         </set>
         
         <slider>
            <border color="#FAFAFA" />
            <track override="1" color="#000000" />
         </slider>
         
         <font>
            <combo prefix="combo" kerning="0" />
            <score prefix="score" kerning="0" />
         </font>
      </playfield>
   </theme>
</hexis>


You can find the full theme.xml structure here (I omitted some options): http://u.dna.xyz/10

Examples of converting some skin.ini settings to theme.xml settings (note that these must be placed between <theme version="1.0"> and </theme>).
If you don't know how to convert colors to hex like I did in the examples, just use rgb values like this: r="255" g="0" b="0" or use this converter http://www.javascripter.net/faq/rgbtohex.htm .

skin.ini:
Code: Select all
Name: Burakku Shipu
Author: Ryosuke


theme.xml:
Code: Select all
      <meta>
         <name>Burakku Shipu</name>
         <creator>Ryosuke</creator>
      </meta>


...

skin.ini:
Code: Select all
CursorRotate: 0
CursorExpand: 1


theme.xml:
Code: Select all
      <cursor rotate="0" expand="1" color="#FFFFFF">
         <trail length="0" color="#FFFFFF" opacity="0" />
      </cursor>


...

skin.ini:
Code: Select all
[Colours]
Combo1: 0,255,0
Combo2: 0,255,255
Combo3: 255,128,255
Combo4: 255,255,0

SliderBorder: 250,250,250
SliderTrackOverride: 0,0,0


theme.xml:
Code: Select all
      <playfield>
         <set>
            <color color="#00FF00" />
            <color color="#00FFFF" />
            <color color="#FF80FF" />
            <color color="#FFFF00" />
         </set>

         <slider>
            <border color="#FAFAFA" />
            <track override="1" color="#000000" />
         </slider>
      </playfield>
Image

[00:15] <Andrea> Hi I made insane for my map for hexis, who wanna do rest
[00:15] * Sven kills Andrea

Image
Healthbar fix

Put this code in your theme.xml:

Code: Select all
<healthbar>
   <!-- Offset the meter position from the top left
   -- corner of the screen.
   -->
   <meter x="5" y="16" />
</healthbar>


And change X and Y value depending on your needs
Image
All of these are applicable in Beta v0.5.105 until updated to the next version.


OBJECT-NUMBER ISSUE

If all object-number elements are not working with your theme, it's because the theme.xml is missing one line.

Code: Select all
         <font>
            <object prefix="object" kerning="0" />
            <combo prefix="combo" kerning="0" />
            <score prefix="score" kerning="0" />
         </font>

I do not know if Daniel will change this in the next update, but the <object... /> line is what you need.


SPINNER (which would be old after the update)

Image

You are actually able to add a custom spinner-pump element instead of leaving it empty.

Reminder: spinner-overlay overlaps spinner-outline overlaps spinner-pump overlaps spinner


PLAY-BACK, PLAY-CONTINUE AND PLAY-RETRY

As for the these three elements that shows up during pausing a beatmap, if you want to put in a custom image for them the maximum width allowed for the png files (before they look messy) is 145px.

Of course, any height is fine.
Last edited by Nicholas on Sun Jul 31, 2016 6:11 am, edited 2 times in total.
"MUSIC IS THE STRONGEST FORM OF MAGIC" - Marilyn Manson
man this is hard
Wouldn't it just be easier to have a program (possibly built into Hexis) that converts osu skins to Hexis themes?
OneGrind wrote:Wouldn't it just be easier to have a program (possibly built into Hexis) that converts osu skins to Hexis themes?


Sounds unnecessary to be built-in, really
"MUSIC IS THE STRONGEST FORM OF MAGIC" - Marilyn Manson

Who is online

Users browsing this forum: No registered users and 1 guest

cron