Decora - CABAL Online UI Painter (Preliminary Release)

05/03/2011 03:53 Yamachi#1
[Only registered and activated users can see links. Click Here To Register...]


What is Decora?

Decora is a visual UI editor for CABAL Online. It allows you to redesign the entire user interface using intuitive controls. It also supports all known Western UI formats (EP2 through EP5, Asian clients not supported).


How do I use Decora?

Start by clicking the left-most button in the toolbar and selecting your ui.dat.

[Only registered and activated users can see links. Click Here To Register...]

Then, select the desired scene from the drop-down list on the far right side of the toolbar.

[Only registered and activated users can see links. Click Here To Register...]

The selected scene will now appear in the canvas area of the main window.

[Only registered and activated users can see links. Click Here To Register...]

You can select a control in the scene by simply clicking on it. A golden border surrounds your current selection. If you move your mouse to the edges of the control, you can resize the control. You can also use your mouse to position the control. Do this by holding the left mouse button on the control, then dragging your mouse to the desired location.

Click the "Properties" tab on the right-hand side of the window. This will bring up a pane that contains information about the currently-selected control.

[Only registered and activated users can see links. Click Here To Register...]

From here, you can tweak advanced properties of the scene's controls, or select a control from the "Controls" drop-down list. This is handy for those controls that don't have images, so aren't clickable with your mouse.

Click the "Texture List Editor" button in the toolbar on the main window. It is the third button from the left.

[Only registered and activated users can see links. Click Here To Register...]

This window lets you change the names of the textures that are to be used for the UI. You can even add new textures here.

Click the "Image Bit Editor" button in the toolbar on the main window. It can be found next to the "Texture List Editor" button.

[Only registered and activated users can see links. Click Here To Register...]

This window lets you change all the image sections that can be used as images for controls. You can add new "image bits" by clicking the "+" button next to the drop-down list on the right.

Click the "Text Editor" button in the toolbar on the main window. It is the right-most button.

[Only registered and activated users can see links. Click Here To Register...]

This window lets you change all of the text that can be displayed on a control. *NOT FINISHED*


Is Decora free?

Ofcourse it is. I program as a hobby. For me, this is fun, and I really can't see myself making money from something I enjoy :P


What does "Decora" mean?

It comes from the latin word "decore", meaning "beauty". It symbolises the desire to make things our own that most of us have, and to make those things look beautiful.


Who wrote Decora?

Me.


All by yourself?

Yes. However, I use NAudio for audio processing, and WPFSoundVisualizationLib for some eyecandy (check the About window to see what I mean :))


Can I have the source code for Decora?

You can get both source code and precompiled binaries here: [Only registered and activated users can see links. Click Here To Register...]
I need to relocate this as the tdp domain name expired...


What do I need to run Decora?
  • .Net Framework 4.0
  • Windows Vista (unconfirmed) or Windows 7 (x86 or x64)
  • Desktop resolution greater than 1024x768


Where can I download Decora?

You can download precompiled binaries for Decora from the Files page on its redmine: [Only registered and activated users can see links. Click Here To Register...]
Same here, I need to update the links later. For now, you can use this: [Only registered and activated users can see links. Click Here To Register...] I believe this is the latest version that was uploaded.

Happy modding!



** Changelog **
Code:
02/05/2011
* Initial Release

04/05/2011
* Fixed crash when saving after adding a texture (thanks to allocen for bringing this issue to my attention).  It was an issue with texture metadata not being generated for new textures.
* Most toolbar buttons, the scene selector, and the properties tab are now disabled until you open a UI file.  This will help prevent confusion and crashes caused by attempting to save non-existant data.
* All controls in the properties pane are disabled while no scene control is selected.

18/05/2011
* Decora is now open-source! It is licensed under GPLv3.
* Fixed a bug that was corrupting the ui.dat when saving (textures were being saved with incorrect dimensions). Thanks again to allocen for bringing this to my attention.
05/03/2011 06:25 zeke____#2
awesome, cant wait to try it out; always liked custom themes but never wanted to download em for fear it would cause the game to crash somehow (we get enough in cabal na with no custom theme, given the constant content updates and events ect)
05/03/2011 10:52 alecz24#3
Amazing job!

I was looking for a way to edit my UI for a looong time now, but the methods i found about were too complex.

It's a great pleasure to have you here Yamachi!

edit:you should mention in your first post that the resolution MUST be over 1024x768 for the properties menu to appear :D
05/03/2011 14:24 bboyecko#4
awesome, but one question.

Xp not supported or just not tested yet?
05/03/2011 14:52 Yamachi#5
Quote:
Originally Posted by bboyecko View Post
awesome, but one question.

Xp not supported or just not tested yet?
Only 1 person has tested it on XP, and it didn't work for them. However, he also said other things didn't work, so it may have just been his machine. Anyways, you'd need SP3 to even attempt to make this work, as it uses WIC to display the DDS files. Let me know if you get it working.
05/03/2011 15:34 №ĕrtǐ#6
NICE work itīs great!
05/04/2011 02:11 rezzmarr#7
I got an error when I tried to run Decora.exe :l

"program has stopped working" or so... on Windows 7 x64

I read the readme.txt and ran the .bat file as an admin first...

Annnyways ): I see your thread got deleted from Eu forums and got banned o_O
05/04/2011 03:27 Yamachi#8
Quote:
Originally Posted by rezzmarr View Post
Annnyways ): I see your thread got deleted from Eu forums and got banned o_O
Yeah... One of the GM's there doesn't like me. He seems to think I run a private server and hack. His opinion of me comes solely from my blog posts, which he obviously didn't understand in the slightest. Oh well, it's him that's making the EU community miss out on a tool I wanted to share with them.
05/04/2011 19:45 Yamachi#9
Updated first post.
  • Fixed crash when saving after adding a texture (thanks to allocen for bringing this issue to my attention). It was an issue with texture metadata not being generated for new textures.
  • Most toolbar buttons, the scene selector, and the properties tab are now disabled until you open a UI file. This will help prevent confusion and crashes caused by attempting to save non-existant data.
  • All controls in the properties pane are disabled while no scene control is selected.
05/05/2011 13:21 mook2222#10
VERY NICE JOB!!! THUMBS UP!!!
05/07/2011 22:10 bboyecko#11
Quote:
Originally Posted by Yamachi View Post
Only 1 person has tested it on XP, and it didn't work for them. However, he also said other things didn't work, so it may have just been his machine. Anyways, you'd need SP3 to even attempt to make this work, as it uses WIC to display the DDS files. Let me know if you get it working.
works for me.
wxp sp3
home edition

EPIC TOOL if i may add
05/08/2011 14:24 xvmoto#12
it does not work on my computer.
im using win xp sp3
05/08/2011 14:30 Yamachi#13
Just to let everyone know, there's an issue with the latest version. In order to fix it properly (so that Decora renders scenes exactly how CABAL renders them), I would need to wait for a hotfix for WPF. However, I will skip rendering it properly and stick with the current rendering code. I should have a fix today or tomorrow, depending on how lazy I am.
05/10/2011 08:52 joens0985#14
I am really confused with this tool, is there that can provide video tutorials on how to use it.
05/10/2011 16:03 Yamachi#15
Quote:
Originally Posted by joens0985 View Post
I am really confused with this tool, is there that can provide video tutorials on how to use it.
... Are you being serious, or are you just trolling?